願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到

尋夢新聞LINE@每日推播熱門推薦文章,趣聞不漏接❤️

加入LINE好友

1. 獲取Token代幣

本章主要內容是Token代幣轉帳交易,所以前提條件是要擁有Token代幣(才能轉帳)。

如何獲取Token代幣?主要有以下三種方式:

  • 別人給您的帳號地址轉帳獲得
  • 發布Token代幣
  • 在主網上幣幣交易

在本教程中我們學習的重點是錢包開發,因此我們使用其中的Kovan測試網路獲取Token代幣(因為私網沒有搭建,在主網交易需要花費gas),採用第一種途徑:別人給您的帳號地址轉帳獲得。

在這里博主提供給大家轉下面的KYXY代幣(使用於Kovan測試網路),如果自己可以部署合約可跳過此步驟。需要添加孔壹學院莉莉微信:****,然後發送帳號地址,我們會在第一時間轉KYXY代幣到您的帳號,如:0xbb5c219853cd0c8b86f463f9b7b480447bcfb57e。

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第1張

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第2張

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第3張

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第4張

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第5張

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第6張

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第7張

二、項目源碼一:後端集成第三方數字貨幣

需要提供Token代幣合約地址與對應的ABI,實例化合約對象,才能訪問該Token。

1. contract.js

在models文件夾下新建contract.js文件,後端做到根據ABI與合約地址創建合約對象。

注意:需要將ABI與合約地址相對應,並且你的帳號擁有此代幣合約的餘額。

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第8張

三、項目源碼二:調用合約API做到獲取代幣數據

通過Token合約實例,調用它的的API獲取相關代幣數據,如:

myContract.methods.balanceOf(account.address).call

  • myContract:合約對象。
  • balanceOf:調用該合約內的公開方法。
  • account.address:調用的方法的參數。

1. account.js

編輯controllers文件夾下的account.js文件,後端做到通過調用合約API獲取用戶的代幣數據。

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第9張

2. transaction.html

編輯views文件夾下的transaction.html文件,做到前端顯示用戶的代幣數據。

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第10張

3. wallet.js

編輯static文件夾下的wallet.js文件,設置顯示Token的元素的數據。

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第11張

四、項目源碼三:前後端做到代幣轉帳

代幣轉帳與以太幣轉帳類似,調用一樣的API,但是也會有一些區別,體現在交易對象的字段取值上,下面會作出總結。

1. token.js

controllers文件夾下新建token.js文件,後端做到代幣轉帳交易。

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第12張

2. router.js

將Token轉帳表單提交的接口綁定到路由。

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第13張

五、項目運行效果

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第14張

六、代幣轉帳與以太幣轉帳的區別

代幣轉帳與以太幣轉帳類似,調用一樣的API,但是也會有一些區別,體現在交易對象的字段取值上,如下:

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第15張

項目源碼Github地址

版權聲明:博客中的文章版權歸博主所有,未經授權禁止轉載,轉載請聯繫作者(微信:lixu1770105)取得同意並註明出處。

未經授權禁止轉載、改編,轉載請註明出處!

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

願碼(ChainDesk.CN)——連接每個工程師的故事

「願碼」以線上社區線下實戰型人才加速器相結合,立志打造全球最大的IT實戰型多元化復合型人才生態圈。

免費技術交流群:263270946

技術提升、快速轉型請關注微信公眾號:願碼

願碼(ChainDesk.CN):如何經過過程錢包集成第三方數字貨幣及轉帳做到 科技 第16張

About 尋夢園
尋夢園是台灣最大的聊天室及交友社群網站。 致力於發展能夠讓會員們彼此互動、盡情分享自我的平台。 擁有數百間不同的聊天室 ,讓您隨時隨地都能找到志同道合的好友!