区块链上编程:DApp 开发实践

导读:

本文旨在引导对 DApp 开发感兴趣的开发者,构建一个基于以太坊去中心化应用,通过开发一款功能完备的竞猜游戏,迈出 DApp 开发的第一步,通过实例讲解 Solidity 语言的常用语法,以及前端如何与智能合约进行交互。

如果正在阅读的你,从未接触过 DApp 开发也不要紧,可以先阅读《

区块链上编程:DApp 开发简介

》进行前置知识补充。

随着加密猫、FOMO3D 等游戏的火爆,去中心化应用在游戏领域遍地开花,下面就带着大家一起开发一款简单有趣的 DApp 游戏,帮助大家熟悉 DApp 开发。

本 DApp 实现的合约功能:

用户从 0-6 的数字中,任意组合三位数进行投注,合约计算出 3 位随机数,根据随机数的组合规则分别给予用户不同倍数的奖励,如随机数为 AAA ,A 等于 6 则奖励至少 20 倍投注金额,即奖池所有余额;A 不等于 6 则奖励 5 倍投注金额;随机数为 AAB,则奖励 2 倍投注金额;随机数为 ABC 则不奖励,同时用户可查看奖池余额和个人投注记录。

合约编写

可以看出合约需要实现用户投注、生成随机数、发放奖励、奖池余额查询的功能,接下来编写我们的合约代码。

新建合约文件,声明合约版本,表示合约编译版本为 0.4.0 至 0.5.0(不含 0.5.0)。

定义合约基本内容,同时声明最低投注金额。

生成随机数,通过区块难度和内置函数生成随机数,在中常用的数据存储位置:、,函数的参数、返回值默认存储在中,状态变量默认存储在中,我们可以通过声明、改变默认存储位置,两者的存储都需要消耗,但的开销远大于。

获取合约余额,类型比较重要的成员属性主要有、,分别为获取地址余额、转移至该地址,默认单位是。

用户投注,投注方法需要使用关键字描述,用来表示可以接收;通过和获得交易发送者地址和当前交易附带的。通常使用来校验外部输入参数,当判定条件为时,则会将剩余的退回,同时回滚交易;则用来处理合约内部的逻辑错误,当错误发生时会消耗掉所有,同时回滚交易。

定义事件,通过合约内部触发事件,web3 监听到事件回调进行相应逻辑处理,从而进行页面 UI 更新;同时前端也可以通过对应事件名称获取日志信息。

与合约进行交互

至此,我们已经写完了合约代码,前端页面实现就不在此赘述,主要介绍如何使用 web3 与合约交互,这里使用到的 web3 版本是 1.0,web3 1.0 和 0.2x.x 的 API 调用方式差别较大,1.0 的 API 支持异步调用。

安装 Metamask 浏览器插件后,会在浏览器页面内注入一个 web3 实例。检测页面中是否存在 web3 实例,如果不存在则连接自己的实例。

传入合约 ABI,合约地址,实例化合约对象。

调用合约中的投注方法,通过可以捕获到 Metamask 弹窗取消交易操作。

查询记录的日志,可以通过指定事件名称、区块高度及过滤条件来进行日志查询,值得注意的是,在合约内不能查询到日志信息。

功能拓展

比如修改用户投注金额及充值这类敏感操作,就需要管理员的权限来进行操作。同样地,我们也可以拓展赞助商的功能,通过充值奖池的累计金额排名来展示赞助商的广告,这里就不做展开了。

定义修饰器,在构造函数里设置管理员地址,将创建合约的账户设置为管理员。

实现修改投注金额的功能,仅管理员账户可触发。

总结

当前随机数的实现通过链上信息生成,这种生成随机数的方式容易受到不诚实的节点攻击。

下一篇文章将通过多个实例介绍相应的第三方工具库的使用(Oricalize、SafeMath、OpenZepplin),生成安全的随机数。

参考资料

Solidity:https://solidity.readthedocs.io/en/v0.4.24

Web3js:https://web3js.readthedocs.io/en/1.0

Cryptozombies:https://cryptozombies.io/zh/course

Coursetro:https://coursetro.com/courses/20/Developing-Ethereum-Smart-Contracts-for-Beginners

文 / ielapp

一个简单的程序员

编 / 荧声

前置文章

感谢您的阅读

欢迎关注、点赞、留言讨论、分享转发支持我们

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181008G0SIPN00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券