在 truffle官网的 BOXES栏目里,有很多React案例,这些案例的代码结构非常清晰,值得学习和借鉴。
下面,介绍在win10上部署一个unbox类型的React案例,名称也为react,下载到本地为react-box-master.zip。步骤如下:
1、下载react-box-master.zip
truffle Box链接:
https://github.com/truffle-box/react-box/archive/master.zip
truffle GitHub链接:
https://github.com/truffle-box/react-box
2、将react-box-master.zip解压,改名为react-box;
3、用管理员权限打开CMD,切换到react-box\client目录
cd react-box\client
4、安装依赖包,如图(1)所示:
npm install
5、等约4分钟,依赖包安装完成,接着回到上一级目录react-box(即回到truffle-config.js所在的目录),进入truffle develop开发模式,如图(2)所示:
cd ..
truffle develop
6、编译和部署react-box,到本地的truffle develop环境
compile
migrate
7、配置App.js里的SimpleStorage.sol合约路径,详情请看 这篇文章。
8、按两次Ctrl+C退出truffle develop模式,
进入\react-box\client目录,运行react-box,如图(3)所示:
cd client
npm run start
该命令会启动一个浏览器打开一个页面,然后连接MateMask,网络类型选中Ropston,点击Connect即可,一路默认,再刷新页面,看到得到的数字为5,如图(4)所示: