Mint NFT ด้วย thirdweb
การสร้าง NFT บน Chiliz Chain ผ่าน dashboard (แบบไม่ต้องเขียนโค้ด) หรือ SDK ของ thirdweb พร้อมการอัปโหลด IPFS ในตัว สัญญาที่ผ่านการตรวจสอบแล้ว และการปรับใช้คอลเลกชันแบบคลิกเดียว
thirdweb คือแพลตฟอร์มที่มีเครื่องมือและโครงสร้างพื้นฐานสำหรับสร้างแอปพลิเคชันแบบกระจายศูนย์บนหลาย blockchain network โดยทำให้การผสานรวม blockchain ง่ายขึ้นด้วย SDK, API และ component สำเร็จรูป
สำหรับการสร้าง NFT นั้น thirdweb มี dashboard ที่สวยงาม การอัปโหลด IPFS พร้อมกับสัญญาที่ผ่านการตรวจสอบแล้ว และ SDK ที่ครอบคลุม
การสร้าง NFT เดี่ยวแบบ Manual
หากคุณต้องการอัปโหลดรูปภาพเดียวและสร้าง NFT thirdweb มีอินเทอร์เฟซแบบคลิกเพื่อปรับใช้
ขั้นแรก สร้างบัญชี thirdweb โดยใช้ Web3 wallet ของคุณเป็นเจ้าของ ซึ่งจะให้คุณเข้าถึง dashboard ของ thirdweb ได้
จากนั้น คุณสามารถเลือกได้สองเส้นทาง:
ใช้หน้า TokenERC721 และปุ่ม "Deploy Now"
หรือใช้อินเทอร์เฟซ "Create Token" ใน dashboard
มาดูแต่ละวิธีกันอย่างรวดเร็วในหน้านี้ thirdweb Developer Portal จะให้ข้อมูลเพิ่มเติมหากคุณต้องการ
การใช้หน้า TokenERC721
ไปที่หน้า TokenERC721 ซึ่งใช้สัญญาของ thirdweb สำหรับสร้างคอลเลกชัน NFT
คลิก "Deploy Now" เพื่อเข้าสู่หน้าปรับใช้สัญญา

กรอกข้อมูลในส่วน "Contract metadata":
อัปโหลดรูปภาพที่คุณต้องการแทนคอลเลกชัน NFT ของคุณ (หรือรูปภาพที่คุณต้องการสร้าง)
ตั้งชื่อและสัญลักษณ์/ticker ที่ไม่ซ้ำกันให้กับคอลเลกชันของคุณ
ใส่คำอธิบาย
thirdweb จะกรอกที่อยู่ผู้รับสำหรับ "Primary Sales" และ "Royalties" โดยอัตโนมัติ ตรวจสอบให้แน่ใจว่าที่อยู่ Web3 เหล่านั้นเป็นของ กระเป๋าเงิน ของคุณจริงๆ
ใน "Deploy Options" เลือก Chiliz Chain (หรือ Chiliz Spicy Testnet หากนี่เป็นเพียงการทดสอบ) และคลิก "Deploy Now":

thirdweb จะเริ่มปรับใช้สัญญา โดยเปิด modal ยืนยันจาก Web3 wallet ของคุณ ยืนยันเพื่อเสร็จสิ้นการปรับใช้

เมื่อเสร็จแล้ว คลิกปุ่ม "View Contract" คุณจะถูกพาไปยังหน้าของสัญญาใน dashboard ของ thirdweb พร้อม checklist/progress bar:

ดังที่เห็นจาก checklist สิ่งที่คุณทำไปตอนนี้คือการปรับใช้สัญญาเท่านั้น คุณยังต้องสร้าง NFT จริงๆ ในคอลัมน์ด้านซ้าย คลิกเมนู "NFTs" เพื่อเปิดหน้าใหม่ซึ่งตอนนี้ว่างเปล่า:

คลิกปุ่ม "Mint" และ side-panel จะเปิดขึ้นพร้อมช่องสำหรับแต่ละ attribute ของ NFT คุณ นี่คือที่ที่คุณสร้าง metadata สำหรับ NFT ของคุณ:

กรอกข้อมูลในช่องต่างๆ คุณสามารถสร้างช่องที่เฉพาะเจาะจงสำหรับคอลเลกชัน NFT ของคุณ เช่น "Artist_name" หรือ "Type_of_work" และสำรวจตัวเลือกขั้นสูง แต่สำหรับการทดสอบนี้ คุณสามารถทำให้มันเรียบง่าย: ชื่อ ไฟล์มีเดีย คำอธิบาย
คลิกปุ่ม "Mint NFT" ที่ด้านล่างของ side-panel และอนุมัติ ธุรกรรม จาก กระเป๋าเงิน ของคุณ

thirdweb จะแสดงหน้า "NFTs" พร้อม NFT ของคุณที่มองเห็นได้แล้ว ซึ่งแนบกับสัญญา NFT ของคุณ
เสร็จแล้ว! คุณได้สร้าง NFT เรียบร้อยแล้ว!
เพื่อตรวจสอบว่ามันอยู่บน Chiliz Chain จริงๆ เปิด Chiliscan (หรือ Testnet variant หากคุณใช้ Spicy Testnet) และวาง hash ของ NFT ในช่องค้นหา ซึ่งจะยืนยันทันทีว่าสัญญาของคุณอยู่บน chain และแท็บ "Inventory" จะแสดง NFT ของคุณพร้อมคุณ (หรืออย่างน้อย ID ของ กระเป๋าเงิน ของคุณ) เป็นเจ้าของ

หากคุณสร้าง NFT บน Chiliz Chain Mainnet คุณควรเห็นมันปรากฏในบัญชีของคุณบน marketplace เช่น Rarible หรือ OKX และจากนั้น คุณสามารถเริ่มขายได้!
การใช้ปุ่ม "Create Token"
นี่เป็นวิธีที่ตรงไปตรงมามากกว่าวิธีด้านบน และเป็นฟีเจอร์ที่เพิ่งเพิ่มเข้ามาใน thirdweb
จากโฟลเดอร์โปรเจกต์ใดๆ ใน dashboard ของ thirdweb คลิกตัวเลือก "Tokens" ในแถบด้านซ้าย:

ในหน้า "Tokens" ที่เปิดขึ้น คลิกปุ่ม "Create Token" ทางด้านขวา จะมีหน้าต่าง modal พร้อม 2 ตัวเลือก เลือก "Create NFT Collection"

ซึ่งจะพาคุณไปยังเวอร์ชันแบบ step-by-step ของหน้าปรับใช้ TokenERC721 (ในความเป็นจริง มันจะปรับใช้ ERC-721 Drop contract) กรอกข้อมูลในช่องทั้งหมดที่จำเป็นสำหรับสัญญานี้ จากนั้นกดปุ่ม "Next"
หน้าจอถัดไปเกี่ยวกับตัว NFT เอง: อัปโหลดรูปภาพและกรอกข้อมูลในช่องที่อธิบายรูปภาพของคุณ จากนั้นกดปุ่ม "Next"
thirdweb จะแสดงสรุปคอลเลกชัน NFT ที่คุณกำลังจะเปิดตัว ตรวจสอบว่าทุกอย่างถูกต้องแล้วคลิกปุ่ม "Launch NFT Collection"
thirdweb จะรับผิดชอบการปรับใช้สัญญา การสร้าง NFT และการตั้งเงื่อนไขทั้งหมดในครั้งเดียว คุณจะต้องยืนยันสาม ธุรกรรม ผ่าน Web3 wallet ของคุณ

เมื่อเสร็จแล้ว คลิกปุ่ม "View NFT" และคุณจะถูกพากลับไปยัง dashboard ของ thirdweb ซึ่งแสดงหน้าที่เฉพาะเจาะจงสำหรับสัญญานี้ พร้อม NFT ที่แนบอยู่
จากนั้น คุณสามารถตรวจสอบว่ามันอยู่บน chain จริงๆ ผ่าน block explorer หรือเริ่มขาย NFT ของคุณผ่าน marketplace
การสร้าง NFT เดี่ยวแบบโปรแกรม
นี่คือตัวอย่างโค้ดที่ใช้ thirdweb v5 SDK ซึ่งอัปโหลดไฟล์มีเดียไปยัง IPFS สร้างไฟล์ metadata.json จากนั้นอัปโหลดไปยัง IPFS ด้วย
สิ่งที่คุณต้องมี:
สัญญา ERC-721 ที่ปรับใช้แล้วบน Chiliz Chain ในกรณีนี้คุณควรทำผ่าน thirdweb แทนที่จะใช้เครื่องมืออื่น
API key ของ thirdweb ที่เชื่อมกับสัญญา ERC-721 ที่คุณปรับใช้ผ่าน thirdweb คุณสามารถหาได้ในหน้าโปรเจกต์ของ smart contract ภายใต้ชื่อ "Client ID"
การติดตั้ง thirdweb SDK ในเครื่อง คุณสามารถทำได้โดยใช้
npm:
พารามิเตอร์ dotenv สร้างไฟล์ .env ซึ่งจำเป็นสำหรับเก็บค่าส่วนตัว:
อย่าเปิดเผย PRIVATE_KEY หรือ THIRDWEB_SECRET_KEY ในโค้ดฝั่ง client เด็ดขาด!
เก็บไฟล์นี้ไว้บน server/CI ที่ปลอดภัย และอย่าอัปโหลดไปยัง repository สาธารณะ
เมื่อทุกอย่างพร้อมแล้ว คุณสามารถนำ script นี้ไปเป็นแนวทาง ซึ่งจะ:
อัปโหลดไฟล์มีเดียไปยัง IPFS
สร้างและอัปโหลดไฟล์
metadata.jsonสร้าง NFT โดยใช้ method mintTo ของสัญญา
แสดง
tokenIdและtokenUrlที่ได้แก่คุณ
นี่เป็นเพียงตัวอย่างโค้ด คุณจะต้องปรับให้เข้ากับโค้ดโปรเจกต์ของคุณเอง!
ส่วนสำคัญที่ควรนำไปเป็นแนวทาง:
uploadเก็บไฟล์ (และ JSON) ไปยัง IPFS และคืนค่า URI ในรูปแบบipfs://…mintToรับ string เพื่อใช้โดยตรงเป็นtokenURIเรา parse event
Transferมาตรฐาน ERC-721 เพื่ออ่านtokenIdที่ถูกสร้าง
การสร้างคอลเลกชัน NFT แบบโปรแกรม
การสร้างคอลเลกชัน NFT ไม่ได้แตกต่างจากการสร้าง NFT เดี่ยวมากนัก ความแตกต่างที่สำคัญที่สุดคือไฟล์ .env ของคุณชี้ไปยังโฟลเดอร์ที่มีรูปภาพทั้งหมดโดยใช้ IMAGE_DIR แทนที่จะชี้ไปยังรูปภาพเดี่ยวด้วย IMAGE_PATH
ตัวอย่างโค้ดที่เราแสดงที่นี่จึงคำนึงถึงสิ่งนี้:
การเปลี่ยนแปลงที่ละเอียดกว่านั้นคือ:
IMAGES_DIRแทนที่IMAGE_PATHเพิ่ม
listMediaFilesเพื่อรวบรวม input หลายไฟล์uploadแบบ batch สำหรับรูปภาพและ metadata (รักษาลำดับ)Loop เพื่อ
mintToแต่ละmetadataUriโดย parse eventTransferแต่ละรายการเพื่อดึงtokenIdชื่อจะถูกกำหนดหมายเลขอัตโนมัติ:
NAME #1,NAME #2, … โดยใช้NAME/DESCRIPTIONของคุณ
อีกครั้ง โปรดใช้สิ่งนี้เป็นแรงบันดาลใจสำหรับโค้ดของคุณเอง อย่าใช้โดยตรง!
หมายเหตุ: หากคุณต้องการทำ lazy minting สัญญา ERC-721 ของ thirdweb มี method lazyMint
อัปเดตล่าสุด
สิ่งนี้มีประโยชน์หรือไม่?