2020-02-03 WalletConnect を試す

WalletConnect に対応したウォレット (Argent) をスマホにインストールしたので触ってみた

dapp 側を試したいのでこれ

code:bash

$ yarn add web3 @walletconnect/web3-provider

.ts ファイルで import WalletConnectProvider from "@walletconnect/web3-provider" すると怒られる

: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 したインスタンスでスマホのアドレスが取得できた