ASC-基礎技術分析
Gouzi5 | ASC
2022-11-03|閱讀時間 ‧ 約 3 分鐘

NFT圖片生成(3)-創立IPFS空間

確認這兩個資料夾都上傳成功

複製 META_JSONS 的 CID

Step1: 創立ipfs空間的帳號

這邊提供一個網站【Pinata】:只要創立帳號就可以有1gb的空間可以用
Pinata | Effortless IPFS File Management

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

做完這邊之後就可以去完成最後的合約互動了

分享至
成為作者繼續創作的動力吧！
ASC-基礎技術分析
追蹤
ASC-基礎技術分析
追蹤
從 Google News 追蹤更多 vocus 的最新精選內容從 Google News 追蹤更多 vocus 的最新精選內容

作者的相關文章

Gouzi5 | ASC的沙龍 的其他內容

你可能也想看

發表回應

成為會員 後即可發表留言
© 2024 vocus All rights reserved.