Add study notes for 2025-08-18

Author: AutoBot42

JP3000.md

@@ -15,6 +15,45 @@ INFJ，珠海，数据科学在读，目前在学习ai agent，ai应用开发，
 ## Notes
 
 <!-- Content_START -->
+# 2025-08-18
+
+## 前端交互通过按钮连接钱包
+1、一般是先申请账户授权，再使用MetaMask的弹窗进行登陆
+另外每一个chainId都是不一样的，比如sepolia的chainId是0xaa36a7，所以需要检测一下当前的网络是否是sepolia
+用户端的cilent中index.js的连接钱包的代码
+```javascript
+    const connectWallet = async () => {
+    try { 
+      const {ethereum} = window
+      if (!ethereum) {
+        console.error("MetaMask not detected")
+        return
+      }
+
+      // 1. 先请求账户授权，MetaMask 会弹窗
+      const accounts = await ethereum.request({method: 'eth_requestAccounts'})
+      setIsUserLoggedIn(true)
+      setCurrentAccount(accounts[0])
+
+      // 2. 再检测网络
+      let chainId = await ethereum.request({method: 'eth_chainId'})
+      console.log("Connected to chain:", chainId)
+      const sepoliaChainId = '0xaa36a7'
+      if (chainId !== sepoliaChainId) {
+        alert("you are not connected to the Sepolia testNet!")
+        setCorrectNetwork(false)
+        return
+      } else {
+        setCorrectNetwork(true)
+      }
+
+      console.log("Found account:", accounts[0])
+    } catch (error) { 
+      console.error("Error connecting wallet:", error)
+    }
+  }
+```
+
 # 2025-08-17
 
 ## 关于truffle部署测试网（sepolia）