確認這兩個資料夾都上傳成功
複製 META_JSONS 的 CID
Step1: 創立ipfs空間的帳號
這邊提供一個網站【Pinata】:只要創立帳號就可以有1gb的空間可以用
Step2: 上傳圖片到ipfs空間
將我們剛剛拼圖程式裡面的10張圖片上傳到ipfs程式裡面
Upload → Folder → 選取10圖片(範例:build的image)
命名為 META_IMAGES
接下來你會看到有 CID,把他複製下來之後來到我們拼圖的工具進行修改(請複製自己的)
Step3: 更新拼圖程式
找到src裡面的confing第10行
將baseUri的ipfs網址替換成你剛剛上傳圖片的cid
const baseUri = "ipfs://你的NFT圖片cid";
修改後(請複製自己的)
const baseUri = "ipfs://QmZzRdEZCLZCLkc1LaB
之後執行程式更新
在右上角選擇終端機->新增終端
npm run update_info
之後查看build的json就可以看到檔案裡image的ipfs網址都被替換成你的cid
"image": "ipfs://你的NFT圖片cid/0.png",
Step4: 上傳data到ipfs空間
然後再到 IFPS 上傳我們的 JSON files(範例是build裡面的json)
命名為 META_JSONS
確認這兩個資料夾都上傳成功
複製 META_JSONS 的 CID
Step5: 上傳盲盒圖片到ipfs
將我們剛剛拼圖程式裡面的盲盒張圖片上傳到ipfs程式裡面
Upload → File → 選取盲盒圖片(範例:src的unpack裡面unpack.png)
Step6: 製作並上傳盲盒資訊
在unpack資料夾找到檔案unpack.json
{
"name": "ASC 盲盒",
"description": "Remember to replace this description",
"image": "ipfs://你的盲盒圖片cid"
}
在裡面可以看到盲盒會顯示名稱ASC 盲盒
並且將image的ipfs設定成剛剛上傳盲盒的cid
"image": "ipfs://你的盲盒圖片cid"
接下來將這個json檔上傳到ipfs空間內並且複製cid
做完這邊之後就可以去完成最後的合約互動了