使用4everland免费部署静态网页

  • WTOM
  • 更新于 2021-09-03 10:01
  • 阅读 5596

有的同学可能在开发完DAPP之后苦于没有服务器展示前端界面,这里我推荐一款免费的WEB3部署静态网页的工具,4EVERLAND是一个Web3.0云计算平台,可帮助开发者基于 IPFS 快速创建、发布以及管理 DWeb。同时,4EVERLAND 计划为所有 DWeb 提供持久化托管及全球加速服务,还将为所有开发者提供 40G 的免费存储空间及免费网络服务,以方便开发者快速进行体验。

cae54f78-c1c8-455c-a6d3-a8e3e90e2808-image.png

有的同学可能在开发完DAPP之后苦于没有服务器展示前端界面,这里我推荐一款免费的WEB3部署静态网页的工具,4EVERLAND是一个Web3.0云计算平台,可帮助开发者基于 IPFS 快速创建、发布以及管理 DWeb。同时,4EVERLAND 计划为所有 DWeb 提供持久化托管及全球加速服务,还将为所有开发者提供 40G 的免费存储空间及免费网络服务,以方便开发者快速进行体验。

官方文档 https://docs.hosting.4everland.org/guide/ (可跳过此步)

找到你的前端文件夹

📦 安装依赖

yarn 

💻 开发

yarn start

🧿 打包

yarn build

在github中新建一个repository并设为Public

这里我以0317为例(Repository name可自定义),点击Create repository f6f84727-ce56-4151-9645-a4d836f32ebe-image.png

上传文件到github仓库

返回cell-evolution-app文件夹,运行

rm -rf .git
git init
git add .
git commit -m 'Whatever you want to say'
git branch -M main

注意,下个命令和你自身的github账户和你创建的仓库有关(每个人都不同)

git remote add origin https://github.com/'你的用户名'/'你的repository name'.git

具体可以参考github页面(以我的账户和0317为例子)这里的第二行 13091e88-71a6-4d73-8514-77472c91e9b1-image.png

下一步

git push -u origin main

依次输入GitHub用户名和密码,依次回车。

在4everland上传仓库文件

打开4everland官网,https://www.4everland.org/ 点击右上角的Login 6bee4eec-aec5-405c-81ee-59a7599d06ab-image.png

使用github账户登录。

点击中间的Connect To Git 17b50235-218c-4d65-8fa7-056f4b2f6b6b-image.png

选择你刚刚创建好的仓库(以我的0317为例) 7f17c74a-34f1-464d-a924-d9137d766e9d-image.png

选择Select 726d7a50-a567-4d8b-8cbc-ddb8716f01a0-image.png

默认点击Deploy

点击Build and Output Settings,选择Build command,输入yarn build,点击Deploy

等待几分钟

点击Visit

切换网络到Rinkeyby,右上角出现ETH地址信息说明配置正确

当布署成功一段时间后,下面将出现短地址。(以我的为例)

祝大家玩的开心!

  • 学分: 19
  • 分类: IPFS
  • 标签:
点赞 3
收藏 3
分享
本文参与登链社区写作激励计划 ,好文好收益,欢迎正在阅读的你也加入。

0 条评论

请先 登录 后评论
WTOM
WTOM
江湖只有他的大名,没有他的介绍。