2020-02-03 WalletConnect を試す
WalletConnect に対応したウォレット (Argent) をスマホにインストールしたので触ってみた
https://github.com/odan-sandbox/wallet-connect-sandbox
dapp 側を試したいのでこれ
https://docs.walletconnect.org/quick-start/dapps/web3-provider
code:bash
$ yarn add web3 @walletconnect/web3-provider
.ts ファイルで import WalletConnectProvider from "@walletconnect/web3-provider" すると怒られる
https://github.com/WalletConnect/walletconnect-monorepo/blob/35d3fb33a46d64fcac2a763e2dad3787395ed487/packages/web3-provider/index.d.ts#L1
:thinking_face:
とりあえず const WalletConnectProvider = require("@walletconnect/web3-provider").default; すれば動く
code:wallet-connect.ts
console.log(WalletConnectProvider);
const provider = new WalletConnectProvider({
infuraId: "hoge" // Required
});
// Enable session (triggers QR Code modal)
await provider.enable();
console.log(new Web3(provider));
provider.enable() すると QR コードが描画されたモーダルが表示される
canvas 要素を指定するとかなかった
さっと試せるし体験が良い
https://gyazo.com/747cc39e27c803b1e73d61e9986aa918
new Web3 したインスタンスでスマホのアドレスが取得できた