使用 Alchemy RPC Provider 将 Polygon dApp 连接到 Wallet Connect

Question

我们目前正在使用“以太”库将我们的 dApp 连接到 Metamask 并在多边形区块链。

我们希望允许用户通过以下方式连接到 dApp钱包连接以及。

到目前为止，我们试过这个：

import WalletConnectProvider from "@walletconnect/web3-provider";

const provider = await new WalletConnectProvider({
  rpc: {
    137: 'https://polygon-mainnet.g.alchemy.com/v2/<OUR_ALCHEMY_RPC_PRIVATE_KEY>'
  },
  chainId: 137
});

await provider.enable();
const eProvider = await new ethers.providers.Web3Provider(provider)

...但是provider.enable()在扫描二维码后永远不会没有任何错误地解决并且连接永远不会建立...

我们还尝试了 WalletConnect 的 Polygon 专用库但仍然无法使其工作：

const WalletConnectProviderPolygon = require('@maticnetwork/walletconnect-provider')

const wcProvider = new WalletConnectProviderPolygon({
  host: 'https://polygon-mainnet.g.alchemy.com/v2/<OUR_ALCHEMY_RPC_PRIVATE_KEY>',
  callbacks: {
    onConnect: (res: any) => {
      console.log('onConnect', res)
    },
    onDisconnect: (res: any) => {
      console.log('onDisconnect', res)
    }
  }
})
// await alchemyProvider.createWebconnector()
const eProvider = new ethers.providers.Web3Provider(wcProvider, 137)

...但不显示连接模式。如果我们取消注释await alchemyProvider.createWebconnector()，就会出现一个丑陋的扭曲模态，没有桌面选项，而且在扫描二维码后它也永远无法解决......

知道如何让 Wallect Connect 与我们的 Alchemy 供应商合作吗？

谢谢

Answer 1

我使用 alchemy rpc 和其他 rpc，但是使用 web3 而不是 ethers。

    const providerOptions = {
        walletconnect: {
          package: WalletConnectProvider,
          options: {
            rpc: {
              137: "https://polygon-rpc.com"
            }
          }
        },
      };
    
      web3Modal = new Web3Modal({
        cacheProvider: false,
        providerOptions,
      });

这里的例子： codepen Web3modal

我将在一个新示例中尝试使用醚。