---
# System prepended metadata

title: 'Solidity #6 HW Week6 作業說明：串接智能合約實戰'

---

# Solidity #6 HW Week6 作業說明：串接智能合約實戰

### github 連結：https://github.com/RayHuang880301/KryptoCampMintPage

### 前端網址：https://batch4-week6-mint.vercel.app/

### 基本題
1. 使用者可以連接 Metamask 錢包
2. 讀取智能合約的 totalSupply，並寫入畫面上
3. 點擊 mint 按鈕，會呼叫智能合約的 mint Function，讓使用者可以購買 NFT

### 進階題
1. 當使用者 Metamask 錢包不在 Goerli測試鏈時，可跳出狐狸視窗半強迫性，請使用者切換至 Goerli 鏈
2. 將前端網站部署至 Vercel, Netlify 等網站，可直接透過網址進入 KryptoCamp 購買 NFT

### 心得
完成基本題及進階題，使用 WAGMI 套件 Hook 功能包含 
```javascript
useAccount, useConnect, useEnsName, useDisconnect,
useSigner, chain, useContractWrite, useSwitchNetwork 
```
使用套件在connect, disconnect, ENS, switch network部分較為方便
WAGMI 好處是底層一樣是 ether.js ，遇到沒有或是不喜歡的功能可以直接再用ether.js寫，缺點是文檔較簡陋，有時候甚至有錯誤

部署使用 vercel，可以直接快速架好網頁 Demo ，也可以連接 github
