一、储备知识
1. 获取Token代币
本章主要内容是Token代币转账交易,所以前提条件是要拥有Token代币(才能转账)。
如何获取Token代币?主要有以下三种方式:
- 别人给您的账号地址转账获得
- 发布Token代币
- 在主网上币币交易
在本教程中我们学习的重点是钱包开发,因此我们使用其中的Kovan测试网络获取Token代币(因为私网没有搭建,在主网交易需要花费gas),采用第一种途径:别人给您的账号地址转账获得。
在这里博主提供给大家转下面的KYXY代币(使用于Kovan测试网络),如果自己可以部署合约可跳过此步骤。需要添加孔壹学院莉莉微信:****,然后发送账号地址,我们会在第一时间转KYXY代币到您的账号,如:0xbb5c219853cd0c8b86f463f9b7b480447bcfb57e。
点击此处添加图片说明文字
点击此处添加图片说明文字
点击此处添加图片说明文字
点击此处添加图片说明文字
点击此处添加图片说明文字
点击此处添加图片说明文字
点击此处添加图片说明文字
二、项目源码一:后端集成第三方数字货币
需要提供Token代币合约地址与对应的ABI,实例化合约对象,才能访问该Token。
1. contract.js
在models文件夹下新建contract.js文件,后端实现根据ABI与合约地址创建合约对象。
注意:需要将ABI与合约地址相对应,并且你的账号拥有此代币合约的余额。
点击此处添加图片说明文字
三、项目源码二:调用合约API实现获取代币数据
通过Token合约实例,调用它的的API获取相关代币数据,如:
myContract.methods.balanceOf(account.address).call()
。
- myContract:合约对象。
- balanceOf:调用该合约内的公开方法。
- account.address:调用的方法的参数。
1. account.js
编辑controllers文件夹下的account.js文件,后端实现通过调用合约API获取用户的代币数据。
点击此处添加图片说明文字
2. transaction.html
编辑views文件夹下的transaction.html文件,实现前端显示用户的代币数据。
点击此处添加图片说明文字
3. wallet.js
编辑static文件夹下的wallet.js文件,设置显示Token的元素的数据。
点击此处添加图片说明文字
四、项目源码三:前后端实现代币转账
代币转账与以太币转账类似,调用一样的API,但是也会有一些区别,体现在交易对象的字段取值上,下面会作出总结。
1. token.js
controllers文件夹下新建token.js文件,后端实现代币转账交易。
点击此处添加图片说明文字
2. router.js
将Token转账表单提交的接口绑定到路由。
点击此处添加图片说明文字
五、项目运行效果
点击此处添加图片说明文字
六、代币转账与以太币转账的区别
代币转账与以太币转账类似,调用一样的API,但是也会有一些区别,体现在交易对象的字段取值上,如下:
点击此处添加图片说明文字
版权声明:博客中的文章版权归博主所有,未经授权禁止转载,转载请联系作者(微信:lixu1770105)取得同意并注明出处。
未经授权禁止转载、改编,转载请注明出处!
本文地址: https://chaindesk.cn/witbook/1/17
愿码(ChainDesk.CN)——连接每个程序员的故事
“愿码”以线上社区线下实战型人才加速器相结合,立志打造全球最大的IT实战型多元化复合型人才生态圈。
免费技术交流群:263270946
技术提升、快速转型请关注微信公众号:愿码