Alchemy Road to web3 week3 คู่มือภาษาไทย

เมื่อไม่นานมานี้โปรเจค Alchemy ได้เข้าสู่ web3 ด้วยมูลค่า 10.2 พันล้านดอลลาร์ และได้รับการระดมทุน 545 ล้านดอลลาร์.

Alchemy คือโปรเจคอะไร？

Alchemy คือแพลตฟอร์มสำหรับนักพัฒนา dApp บน web3. เป็นรากฐานที่อยู่เบื้องหลังตลาด NFT ยอดนิยมอย่าง OpenSea, Nifty และคอลเล็กชั่นระดับโลกที่สำคัญมากมาย.

12/2019, Alchemy เสร็จสิ้นการจัดหาเงินทุน Series A มูลค่า 15 ล้านดอลลาร์จาก Pantera Capital, Stanford University, Coinbase, Samsung,…

4/2021, Alchemy ได้เสร็จสิ้นการจัดหาเงินทุน Series B มูลค่า 80 ล้านดอลลาร์ โดยมีมูลค่า 505 ล้านดอลลาร์ นำโดย Coatue and Addition โดยมีส่วนร่วมจาก DFJ Growth, K5 Global, Chainsmokers, นักแสดง Jared Leto และครอบครัว Glazer.

10/2021, Alchemy ได้เสร็จสิ้นการจัดหาเงินทุน Series C มูลค่า 250 ล้านดอลลาร์ โดยมีมูลค่า 3.5 พันล้านดอลลาร์ นำโดย a16z.

2/2022, Alchemy ได้เสร็จสิ้นการจัดหาเงินทุน 200 ล้านดอลลาร์โดยมีมูลค่า 10.2 พันล้านดอลลาร์ซึ่งนำโดย Lightspeed และ Silver Lake.

Alchemy เป็นทีมที่มีพื้นฐานที่แข็งแกร่ง, เงินทุนที่เพียงพอ, ทำงานจริง, และยังไม่ได้ออก token.

และ Alchemy วางแผนที่จะใช้เงินทุนใหม่นี้เพื่อกระตุ้นการใช้งาน Web3, บางส่วนรวมถึงการเปิดตัว Web3 University, ซึ่งปัจจุบันเป็นงาน Road to Web3 เป็นเวลา 10 สัปดาห์ด้วยหนึ่ง NFT ต่อสัปดาห์. ผมเห็นว่าจำนวน nfts ที่มิ้นออกมานั้นน้อยมาก คาดว่าเนื่องจากความยากของงาน คนจำนวนมากจึงยอมแพ้ที่จะเข้าร่วม, หากโปรเจคนี้มี Airdrop ส่วนตัวผมมองว่าน่าจะได้เยอะอย่างแน่นอน.

เริ่มบทช่วยสอนในสัปดาห์ที่สามแบบลงมือปฏิบัติ: วิธีสร้าง NFT โดยใช้ metadata แบบ On-Chain - Hardhat และ JavaScript

อันนี้เป็นลิงก์บทช่วยสอนดั้งเดิมของ official, ประกอบด้วยวิดีโอสอนความยาว 49 นาทีและบทช่วยสอนที่เป็นข้อความ. ผมได้เขียนตามวิธีของผมเพื่อที่จะทำให้คุณสามารถดูภาพประกอบ และเข้าใจได้ง่ายขื้น.

หากคุณยังไม่ได้ทำในสัปดาห์ที่ 2 อย่าลืมทำก่อน.

Step1 เพิ่ม Polygon Mumbai ไปยังกระเป๋าเงิน Metamask ของคุณ

1.ไปที่ mumbai.polygonscan.com และเลื่อนลงไปข้างล่าง, คุณจะเห็นปุ่ม "Add Mumbai Network" คลิกและเพิ่มเชนเข้า Metamask ให้เรียบร้อย.

Step2 ขอ Test Matic เพื่อที่จะเอามา deploy nft ของคุณผ่าน smart contract

การรับ Test MATIC นั้นง่ายมากครับเพียงแค่เอาเลขกระเป๋าของเราไปกรอกในช่อง wallet address จากนั้นกด Send Me Matic:

mumbaifaucet.com
faucet.polygon.technology (เผื่ออันบนไม่มีให้ขอ)

Step3 วิธีสร้าง NFT ด้วย metadata บนเครือข่าย - การตั้งค่าโปรเจค

1.กด Win+R และป้อน cmd ในกล่อง.

2.เข้าสู่ console ป้อน mkdir ChainBattled เพื่อสร้างโฟลเดอร์ใหม่, จากนั้นป้อน cd ChainBattled แล้วกด Enter เพื่อเข้าสู่โฟลเดอร์.

3.พิมพ์ npm install -g yarn เพื่อติดตั้ง yarn.

4.จากนั้นป้อน yarn add hardhat เพื่อติดตั้ง hardhat.

5.จากนั้นป้อน npx hardhat init แล้วกด Enter สามครั้ง.

6.พิมพ์ yarn add @openzeppelin/contracts เพื่อติดตั้ง OpenZeppelin smart contract library.

7.พิมพ์ yarn add @nomiclabs/hardhat-etherscan แล้วกด Enter.

Step4 แก้ไขไฟล์ hardhat.config.js

1.เปิด Vscode เลือก file จากนั้นคลิก open folder (ไม่ต้องกังวลโค้ดขวามือว่ามาได้ไงนะเพราะเป็นของสัปดาห์ที่แล้ว 555).

2.ค้นหา folder ที่คุณเพิ่งสร้าง และคลิก Select Folder.

3.นี่คือลักษณะที่ปรากฏเมื่อเปิด.

4.คลิกขวาจากนั้นกดลบไฟล์ lock.sol และ deploy.js.

5.เลือก hardhat.config.js คัดลอก และวางโค้ดด้านล่างลงไปแทนอันเก่าก็จะได้ตามภาพที่แสดง.

require("dotenv").config();
require("@nomiclabs/hardhat-waffle");
require("@nomiclabs/hardhat-etherscan");

module.exports = {
  solidity: "0.8.10",
  networks: {
    mumbai: {
      url: process.env.TESTNET_RPC,
      accounts: [process.env.PRIVATE_KEY]
    },
  },
  etherscan: {
    apiKey: process.env.POLYGONSCAN_API_KEY
  }
};

Step5 NFTs พร้อม On-Chain Metadata: การพัฒนาสัญญาอัจฉริยะ

ในโฟลเดอร์ contracts ให้สร้างไฟล์ใหม่ และตั้งชื่อว่า "ChainBattles.sol" จากนั้นวางโค้ดต่อไปนี้ลงไป (อย่าลืมบันทึก).

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.0;

import "@openzeppelin/contracts/token/ERC721/extensions/ERC721URIStorage.sol";
import "@openzeppelin/contracts/utils/Counters.sol";
import "@openzeppelin/contracts/utils/Strings.sol";
import "@openzeppelin/contracts/utils/Base64.sol";

contract ChainBattles is ERC721URIStorage  {
    using Strings for uint256;
    using Counters for Counters.Counter;
    Counters.Counter private _tokenIds;

    mapping(uint256 => uint256) public tokenIdToLevels;

    constructor() ERC721 ("Chain Battles", "CBTLS"){
    }

function generateCharacter(uint256 tokenId) public returns(string memory){

    bytes memory svg = abi.encodePacked(
        '<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 350">',
        '<style>.base { fill: white; font-family: serif; font-size: 14px; }</style>',
        '<rect width="100%" height="100%" fill="black" />',
        '<text x="50%" y="40%" class="base" dominant-baseline="middle" text-anchor="middle">',"Warrior",'</text>',
        '<text x="50%" y="50%" class="base" dominant-baseline="middle" text-anchor="middle">', "Levels: ",getLevels(tokenId),'</text>',
        '</svg>'
    );
    return string(
        abi.encodePacked(
            "data:image/svg+xml;base64,",
            Base64.encode(svg)
        )    
    );
}
function getLevels(uint256 tokenId) public view returns (string memory) {
    uint256 levels = tokenIdToLevels[tokenId];
    return levels.toString();
}
function getTokenURI(uint256 tokenId) public returns (string memory){
    bytes memory dataURI = abi.encodePacked(
        '{',
            '"name": "Chain Battles #', tokenId.toString(), '",',
            '"description": "Battles on chain",',
            '"image": "', generateCharacter(tokenId), '"',
        '}'
    );
    return string(
        abi.encodePacked(
            "data:application/json;base64,",
            Base64.encode(dataURI)
        )
    );
}
function mint() public {
    _tokenIds.increment();
    uint256 newItemId = _tokenIds.current();
    _safeMint(msg.sender, newItemId);
    tokenIdToLevels[newItemId] = 0;
    _setTokenURI(newItemId, getTokenURI(newItemId));
}
    function train(uint256 tokenId)public{
        require(_exists(tokenId));
        require(ownerOf(tokenId)==msg.sender,"You must own this token to train it");
        uint256 currentLevel=tokenIdToLevels[tokenId];
        tokenIdToLevels[tokenId]=currentLevel+1;
        _setTokenURI(tokenId,getTokenURI(tokenId));
        }
}

Step6 ปรับใช้ NFT โดยใช้สัญญาอัจฉริยะ metadata บนเครือข่าย

1.ป้อน echo test>.env ใน console เพื่อสร้างไฟล์ .env .

2.ย้อนกลับไปใน vscode วาง code ต่อไปนี้ในไฟล์ env ดังที่แสดงด้านล่าง.

TESTNET_RPC=""
PRIVATE_KEY=""
POLYGONSCAN_API_KEY=""

3.ไปที่ alchemy และสร้างแอพ Polygon Mumbai ใหม่.

คลิก CREATE APP.

ตั้งค่าเชนตามภาพด้านล่าง จากนั้นกด CREATE APP.

4.คลิก view key ของแอปที่คุณเพิ่งสร้างขึ้น, จากนั้นคัดลอกลิงก์ HTTPS และวางลงในบรรทัดแรกของไฟล์ env ใน vscode ดังที่แสดงในภาพด้านล่าง.

5.เปิดกระเป๋าเงิน Metamask คลิกที่สามจุด > account details > และคัดลอกและวาง Private key วางลงในบรรทัดที่สองของไฟล์ env ใน vscode ดังที่แสดงในภาพด้านล่าง.

6.ไปที่ polygonscan.com และคลิกที่มุมบนขวาเพื่อสร้างบัญชีใหม่จากนั้นกดเข้าไปที่ My Profile.

ช้ายมือเลือก API-KEY คลิก ADD และหลังจากเพิ่มแล้วก็ให้คัดลอก Api-Key Token ในช่องสีแดงแล้ววางลงในบรรทัดที่สามของไฟล์ env ใน vscode ดังที่แสดงในภาพด้านล่าง (อย่าลืมบันทึกหลังวางเสร็จ).

Step7 สร้างสคริปต์ deployment

1.สร้างไฟล์ deploy.js ใต้โฟลเดอร์ script และวางโค้ดต่อไปนี้ดังที่แสดงในภาพด้านล่าง (อย่าลืมบันทึกหลังวางเสร็จ).

const main = async () => {
  try {
    const nftContractFactory = await hre.ethers.getContractFactory(
      "ChainBattles"
    );
    const nftContract = await nftContractFactory.deploy();
    await nftContract.deployed();

    console.log("Contract deployed to:", nftContract.address);
    process.exit(0);
  } catch (error) {
    console.log(error);
    process.exit(1);
  }
};
  
main();

Step8 รวบรวม และปรับใช้สัญญาอัจฉริยะ

1.ป้อน npm install dotenv ใน console แล้วคลิก Enter เพื่อติดตั้ง.

2.ป้อน npm install @nomiclabs/hardhat-waffle ใน console แล้วคลิก Enter เพื่อติดตั้ง.

3.ป้อน npx hardhat compile ใน console แล้วกด Enter ดังที่แสดงในภาพด้านล่าง.

4.ป้อน npx hardhat run scripts/deploy.js --network mumbai ใน console รอ 10-15 วินาที และดูที่อยู่สัญญาอัจฉริยะใน terminal.

Step9 ตรวจสอบสัญญาอัจฉริยะของคุณใน Polygon Scan

1.คัดลอกที่อยู่ของสัญญาอัจฉริยะที่เพิ่ง deploy ไปที่ mumbai.polygonscan.com (วางที่อยู่ของสัญญาอัจฉริยะในแถบค้นหา) จากนั้นกดที่ contract จะพบว่ารหัสสัญญานั้นอ่านไม่ออก (แต่บางทีก็อ่านได้เลยแบบไม่ต้อง verify).

2.กลับไปที่ console พิมพ์ npx hardhat Verify --network mumbai + deploy contracts address ของคุณ (เพราะมีคนขอเยอะ บางครั้งมี error). ของผมจะขื้น error ดังต่อไปนี้.

Step10 โต้ตอบกับสัญญาอัจฉริยะของคุณผ่าน Polygon Scan

1.เมื่อสัญญาอัจฉริยะได้รับการตรวจสอบแล้ว mumbai.polygonscan.com จะแสดงเครื่องหมายขีดสีเขียวขนาดเล็กใกล้ๆ contract.

2.คลิก Connect to Web3 เพื่อเชื่อมกระเป๋า Metamask.

3.เลือก Write Contract จากนั้นเลื่อนลงมาข้อที่ 4 แล้วคลิก Write และกดยืนยัน contract ใน Metamask.

Step11 ดู Dynamic NFT ของคุณบน OpenSea

1.คัดลอก deploy contract address ไปที่ testnet.opensea.com แล้ววางลงในแถบค้นหาจะได้ดังที่แสดงในภาพด้านล่าง.

Step12 อัปเดต Dynamic NFT Images Train The NFT

1.กลับไปที่ mumbai.polygonscan.com เลือก Write Contract จากนั้นเลื่อนลงมาข้อที่ 8. train ป้อน 1 ในนั้นแล้วคลิก Write และกดยืนยัน contract ใน Metamask.

2.เข้าไปที่ OpenseaTestnet เลือก nft ของเราที่พึ่ง Write และรีเฟรชหลายๆครั้งดังแสดงในรูปด้านล่าง.

Step13 ส่งงาน

https://docs.google.com/forms/d/e/1FAIpQLSdNNLXMYZmIhjcWoT-UedS3AoGpRiPDRaNARUPGXLbX1TVvSg/viewform

Step14 รับ NFT

เราสามารถเช็ด nft ที่เรายังไม่ได้เคลมได้นะครับโดยเข้าไปที่ mintkudos จากนั้นต่อกระเป๋ามุมขวามือลองกดเช็ดดูถ้ามีปลุ่ม claim แปลว่าเรามี nft ที่เราสามารถเคลมได้แต่เรายังไม่ได้เคลม.

เท่านี้ก็จบกันไปแล้วนะครับกับ Alchemy Road to web3 week3 ใครมีคำถาม หรือสงสัยยังไงสามารถถามได้. ส่วนใครที่อยากจะสนับสนุนค่ากาแฟให้ผู้เขียนสามารถกดปุ่ม Collect Entry ได้ที่ด้านล่างนี้จากนั้นเราจะได้ nft บทความของ mirror.xyz chain optimism และสามารถเช็ด nft ที่เรา collect มาได้ที่ QxProfile.

Twitter Telegram Mirror

collect://