安装的依赖项
yarn install
yarn run bootstrap
部署部分
cd packages/frontend
REACT_APP_NETWORK=mainnet yarn run dev
具体的请以源码里边的说明为准
演示效果如下
具体安装教程请看附件!
Dapp前端部署速学教程
一个Dapp一般包含以下几部分
- 前端UI, 与用户交互的界面,开发者也可不用前端,直接在区块浏览器与合约交互。可选
- 区块链链上合约 ,Dapp的核心逻辑组件
- 节点 (非必须,本跨链桥有,功能是监听和传递信息)
本次以Hop跨链桥前端UI的部署为例
1.打开宝塔,下载文件,解压
- 安装环境
打开宝塔面板,软件商店,安装node管理器
安装匹配的版本(根据源码要求),本次选择 14.18.2 版本,并在上面的命令行版本中选择。
- 打开宝塔面板-安全
设置防火墙
开启必要的端口,如3000端口,学习机可以一次开启1:40000端口方便测试
4.打开xshell
cd 项目根目录
输入以下命令:
yarn install && yarn run bootstrap && yarn add @hop-protocol/sdk
cd 项目根目录/packages/frontend
REACT_APP_NETWORK=mainnet yarn run dev
运行完毕后,会在xshell上显示项目已在XX端口运行,此时从外网访问该端口可以看到前端UI
比如: http://主机IP:3000
评论0