For the complete documentation index, see llms.txt. This page is also available as Markdown.

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

  1. ไปที่หน้า TokenERC721 ซึ่งใช้สัญญาของ thirdweb สำหรับสร้างคอลเลกชัน NFT

  2. คลิก "Deploy Now" เพื่อเข้าสู่หน้าปรับใช้สัญญา

  1. กรอกข้อมูลในส่วน "Contract metadata":

    1. อัปโหลดรูปภาพที่คุณต้องการแทนคอลเลกชัน NFT ของคุณ (หรือรูปภาพที่คุณต้องการสร้าง)

    2. ตั้งชื่อและสัญลักษณ์/ticker ที่ไม่ซ้ำกันให้กับคอลเลกชันของคุณ

    3. ใส่คำอธิบาย

  2. thirdweb จะกรอกที่อยู่ผู้รับสำหรับ "Primary Sales" และ "Royalties" โดยอัตโนมัติ ตรวจสอบให้แน่ใจว่าที่อยู่ Web3 เหล่านั้นเป็นของ กระเป๋าเงิน ของคุณจริงๆ

  3. ใน "Deploy Options" เลือก Chiliz Chain (หรือ Chiliz Spicy Testnet หากนี่เป็นเพียงการทดสอบ) และคลิก "Deploy Now":

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

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

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

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

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

  6. คลิกปุ่ม "Mint NFT" ที่ด้านล่างของ side-panel และอนุมัติ ธุรกรรม จาก กระเป๋าเงิน ของคุณ

  7. 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

  1. จากโฟลเดอร์โปรเจกต์ใดๆ ใน dashboard ของ thirdweb คลิกตัวเลือก "Tokens" ในแถบด้านซ้าย:

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

  3. ซึ่งจะพาคุณไปยังเวอร์ชันแบบ step-by-step ของหน้าปรับใช้ TokenERC721 (ในความเป็นจริง มันจะปรับใช้ ERC-721 Drop contract) กรอกข้อมูลในช่องทั้งหมดที่จำเป็นสำหรับสัญญานี้ จากนั้นกดปุ่ม "Next"

  4. หน้าจอถัดไปเกี่ยวกับตัว NFT เอง: อัปโหลดรูปภาพและกรอกข้อมูลในช่องที่อธิบายรูปภาพของคุณ จากนั้นกดปุ่ม "Next"

  5. thirdweb จะแสดงสรุปคอลเลกชัน NFT ที่คุณกำลังจะเปิดตัว ตรวจสอบว่าทุกอย่างถูกต้องแล้วคลิกปุ่ม "Launch NFT Collection"

  6. thirdweb จะรับผิดชอบการปรับใช้สัญญา การสร้าง NFT และการตั้งเงื่อนไขทั้งหมดในครั้งเดียว คุณจะต้องยืนยันสาม ธุรกรรม ผ่าน Web3 wallet ของคุณ

  7. เมื่อเสร็จแล้ว คลิกปุ่ม "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 ซึ่งจำเป็นสำหรับเก็บค่าส่วนตัว:

เมื่อทุกอย่างพร้อมแล้ว คุณสามารถนำ script นี้ไปเป็นแนวทาง ซึ่งจะ:

  1. อัปโหลดไฟล์มีเดียไปยัง IPFS

  2. สร้างและอัปโหลดไฟล์ metadata.json

  3. สร้าง NFT โดยใช้ method mintTo ของสัญญา

  4. แสดง 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 event Transfer แต่ละรายการเพื่อดึง tokenId

  • ชื่อจะถูกกำหนดหมายเลขอัตโนมัติ: NAME #1, NAME #2, … โดยใช้ NAME/DESCRIPTION ของคุณ

อีกครั้ง โปรดใช้สิ่งนี้เป็นแรงบันดาลใจสำหรับโค้ดของคุณเอง อย่าใช้โดยตรง!

หมายเหตุ: หากคุณต้องการทำ lazy minting สัญญา ERC-721 ของ thirdweb มี method lazyMint

อัปเดตล่าสุด

สิ่งนี้มีประโยชน์หรือไม่?