全面解析WalletConnect

在加密貨幣的世界裡，我們需要一種方式讓我們在不犧牲數據安全性的前提下與分散式應用（DApps）進行交互。這就是WalletConnect所提供的服務：它是一個開源協議，用於創建安全的通信渠道，使移動錢包與DApps之間能夠安全地互相通信。本文將探討WalletConnect的核心機制，以及使用它來連接不同的應用程序的方法。

一、基本原理

從實現的角度來看，WalletConnect可分為兩部分：移動錢包應用程序和DApps。

首先，移動錢包應用程序需要具備以下兩個功能：

• 建立一個加密通道並在移動設備上運行
• 提供簽名等加密操作功能

然後，DApps需要做到以下幾點：

• 向用戶展示移動錢包客戶端的二維碼
• 等待移動錢包客戶端連接和加密通道等服務
• 可以與移動錢包客戶端進行安全通信進行加密操作

下面是一個示例流程：

當用戶想要與DApps進行交互時，DApps會向用戶展示一個二維碼。用戶需要在錢包客戶端掃描這個二維碼以連接DApps。連接建立後，會自動啟動一個加密通道，允許DApps通過該通道向移動錢包客戶端發送請求以進行簽名和其他加密操作。

二、使用WalletConnect連接DApps應用程序

下面是一個基本的集成流程，介紹如何使用WalletConnect將DApps應用程序與移動錢包應用程序連接到一起。

WaleltConnect API

WalletConnect SDK提供了一個易於使用的JavaScript API來完成與手機錢包應用程序的連接。為了使用WalletConnect，DApps應用程序需要使用WalletConnect的伺服器。Web3提供了一個默認的伺服器URL作為資產，但可以使用自己的伺服器進行連接。

// Create a WalletConnect client instance
const walletConnector = new WalletConnect({
  bridge: "https://bridge.walletconnect.org", // Overriden by provided WC server. Use default for testnet.
})

連接移動錢包

當用戶通過DApps應用程序觸發請求並向移動錢包發送二維碼時，移動錢包應用程序會嘗試打開一個新的連接。以下是如何等待來自手機錢包的連接請求並連接的方法。

 // Subscribe to connect
walletConnector.on("connect", (error, payload) => {
  if (error) {
    throw error
  }

  // Get provided accounts and chainId from payload
  const { accounts, chainId } = payload.params[0]

  // TODO: Handle session connection
})

移動錢包簽名

如果我們想要在移動錢包之間發送請求並獲取簽名，我們可以使用WalletConnect API。我們可以使用該API發送請求，而不必考慮與移動錢包之間的具體通信方式。

// Send transaction
walletConnector.sendTransaction({
  from: accounts[0],
  to: "0x36791424a33A0Ed45b21aE95c91fb5EEAe20DdE1",
  value: "0x1500",
  gas: "0x27100",
  chainId: 1,
},
(error, hash) => {
  if (error) {
     throw error
  }

  // Transaction hash created
})

三、集成WalletConnect SDK

如果您想要在您的應用程序中支持WalletConnect的連接，我們建議您使用WalletConnect SDK來使DApps應用程序從我們的伺服器端進行連接。以下是如何集成SDK。

WalletConnect Typescript SDK

WalletConnect SDK提供了多種語言環境版本，包括TypeScript，可以提供自動完成和類型類型檢查的優點。

npm i -S @walletconnect/client
npm i -S @walletconnect/types

創建session

創建一個新會話，以便用戶在錢包上掃描二維碼以連接DApps應用程序。

import WalletConnectClient from "@walletconnect/client"
import { IClientMeta } from "@walletconnect/types"

const clientMeta: IClientMeta = {
  description: "My DApp on Web",
  url: "https://my-dapp.com",
  icons: ["https://my-dapp.com/favicon.ico"],
  name: "My DApp",
}

const walletConnector = new WalletConnectClient({ clientMeta })

// After wallet has connected, you can start sending requests
walletConnector.on("connect", (error, payload) => {
  if (error) {
    throw error
  }

  // Get accounts and chainId from payload
  const { accounts, chainId } = payload.params[0]

  // TODO: Take some action with session information
})

關閉連接

當您的應用程序完成其工作時，您應該從WalletConnect伺服器中斷連接，以釋放資源。

walletConnector.killSession()

四、結論

通過使用WalletConnect，您可以輕鬆地將移動錢包與您的DApps應用程序連接在一起，提供安全而高效的數據通信渠道，使用戶的加密數據得到最大程度的保護，同時保證不犧牲實現效率。將WalletConnect集成到DApps應用程序中並將移動錢包連接到您的應用程序中，並確保了客戶端的隱私和數據的最大化保護，讓用戶參與加密經濟生態體系更加輕鬆、便捷、安全。