做区块链不懂DAPP就Out了
实例化合约
在pet-shop项目中,已经包含了前端代码,主要逻辑在src/app.js。
Adoption部署成功后,在build/contracts目录下会生成Adoption.json文件,记录合约部署信息;
initContract函数读取Adoption.json文件,创建一个合约实例contracts.Adoption.
markAdopted函数使用合约实例,调用getAdopters()方法,获取所有领养者列表,回到页面上,把对应宠物的领养按钮置灰,改名为Success。
图五:领养宠物
处理领养
handleAdopt函数处理领养按钮,首先获取区块链用户账号,然后调用合约实例的adopt(petId)方法,领养宠物。
在浏览器中领养以太狗
MetaMask是一款插件形式的以太坊客户端,我们可以使用基于firefox浏览器的版本。
图六: 以太坊客户端插件
选择可供连接的网络:
图七: 选择网络
因为ganache-cli的监听端口为8545,所以我们选择“Localhost 8545”:
点击“Restore from seed phrase”,
图八: 配置钱包
注意,"Wallet Seed"框中填入ganache-cli的Mnemonic:
设置密码,确认即可,下次登录直接使用该密码。
图九:账户
登录后,能看到用户及相关交易信息,默认用户名为Account 1,查看该用户地址:
与ganache-cli的用户列表相比:
发现什么了吗?其实就是第一个用户。
最新活动更多
-
5月8-10日立即报名>> 国际物流解决方案展览会
-
5月22日立即报名>>> OFweek 2024新周期显示技术趋势研讨会
-
6月18日立即报名>> 【线下会议】OFweek 2024(第九届)物联网产业大会
-
8月27-29日马上报名>>> 2024(第五届)全球数字经济产业大会暨展览会
-
8月27-29日火热报名>>> 全数会2024中国深圳数字化工业展览会
-
8月27日立即报名>>> 2024先进激光技术博览展
发表评论
请输入评论内容...
请输入评论/评论长度6~500个字
暂无评论
暂无评论