一、参考资料

1. 一个开源的React对接钱包实现登录的仓库，使用的是MetaMask钱包。

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

1. 该仓库的使用说明文章

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

1. TP钱包对接参考文档

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

大概思路是，还需要把上面案例中的MetaMask钱包插件，替换成TokenPocket钱包插件，就能够实现TP钱包的授权登录流程。

二、注册TP钱包

1、在Edge浏览器下载并安装TokenPocke插件。下载地址：https://extension.tokenpocket.pro/#/

2、下载成功后的面板

3、创建新钱包

4、输入密码创建

5、提示保存助记词

6、点击显示助记词，将其保存在一个安全的地方，然后点击下一步

7、按照刚才的助记词顺序进行选择

8、成功创建TP钱包

9、钱包主面板

三、使用TP钱包授权登录

1. 在本地运行第一步中提供的react项目，面板如下

2、点击登录按钮，触发TP钱包授权

3、允许网站获取TP相关信息

4、授权登录成功，得到钱包地址

四、扫码学习更多免费教程