愿码(ChainDesk.CN)：如何通过钱包集成第三方数字货币以及转账实现

一、储备知识

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，但是也会有一些区别，体现在交易对象的字段取值上，如下：

 

点击此处添加图片说明文字

 

 

项目源码Github地址

版权声明：博客中的文章版权归博主所有，未经授权禁止转载，转载请联系作者（微信：lixu1770105）取得同意并注明出处。

未经授权禁止转载、改编，转载请注明出处！

本文地址: https://chaindesk.cn/witbook/1/17

 

---

 

愿码(ChainDesk.CN)——连接每个程序员的故事

“愿码”以线上社区线下实战型人才加速器相结合，立志打造全球最大的IT实战型多元化复合型人才生态圈。

免费技术交流群：263270946

技术提升、快速转型请关注微信公众号：愿码