一、參考資料

1. 一個(gè)開(kāi)源的React對(duì)接錢包實(shí)現(xiàn)登錄的倉(cāng)庫(kù)，使用的是MetaMask錢包。

https://github.com/coolpythoncodes/web3-login-react

1. 該倉(cāng)庫(kù)的使用說(shuō)明文章

https://second-pocket-shoot-73.hashnode.dev/how-to-build-a-web3-login-with-web3js-library

1. TP錢包對(duì)接參考文檔

https://help.tokenpocket.pro/developer-cn/extension-wallet/guide/introduce

大概思路是，還需要把上面案例中的MetaMask錢包插件，替換成TokenPocket錢包插件，就能夠?qū)崿F(xiàn)TP錢包的授權(quán)登錄流程。

二、注冊(cè)TP錢包

1、在Edge瀏覽器下載并安裝TokenPocke插件。下載地址：https://extension.tokenpocket.pro/#/

2、下載成功后的面板

3、創(chuàng)建新錢包

4、輸入密碼創(chuàng)建

5、提示保存助記詞

6、點(diǎn)擊顯示助記詞，將其保存在一個(gè)安全的地方，然后點(diǎn)擊下一步

7、按照剛才的助記詞順序進(jìn)行選擇

8、成功創(chuàng)建TP錢包

9、錢包主面板

三、使用TP錢包授權(quán)登錄

1. 在本地運(yùn)行第一步中提供的react項(xiàng)目，面板如下

2、點(diǎn)擊登錄按鈕，觸發(fā)TP錢包授權(quán)

3、允許網(wǎng)站獲取TP相關(guān)信息

4、授權(quán)登錄成功，得到錢包地址

四、掃碼學(xué)習(xí)更多免費(fèi)教程