使用OpenAi和ThirdWeb創建自己的AI NFT

如果您渴望探索AI生成的NFT的迷人領域，則此詳細指南將在這裡幫助您製作自己的AI NFT發電機。通過利用Openai的Dall-E和ThirdWeb的引擎等工具的功能，您可以將AI的創造力與區塊鏈技術的強大實用性融合到毫無用處的獨特和個性化的NFTS。無論您是技術老師還是好奇的新手，本分步指南都將使您從頭到尾都能完成整個過程。

關鍵點

• 了解如何創建AI驅動的NFT發電機。
• 利用OpenAI的DALL-E從文本提示中生成圖像。
• 使用第三韋布引擎將AI生成的圖像作為NFTS。
• 部署使用第三Web儀表板管理NFT的智能合約。
• 掌握前端應用與區塊鏈技術的集成。

構建AI NFT發電機：逐步指南

AI NFT一代簡介

人工智能和區塊鏈技術的融合已經為創造力和創新提供了令人難以置信的機會。其中包括AI NFT發電機，該工具可以使用戶能夠使用AI算法來製作獨特且個性化的無牙代幣（NFTS）。通過將AI的圖像生成能力與區塊鏈的安全性和所有權功能合併，這些發電機為創建者和收藏家提供了新的邊界。

本教程將指導您構建自己的AI NFT發電機，重點是利用Openai的DALL-E進行圖像創建，並利用ThirdWeb的引擎將這些AI-ARCRAUDT圖像鑄造為NFTS。

先決條件

在進行這個令人興奮的項目之前，請確保您有以下內容：

• React和Next.js的基本知識：您需要熟悉JavaScript，React組件和Next.js框架以構建前端應用程序。
• 第三網絡帳戶：您將需要一個免費的第三網絡帳戶來部署智能合約，並將引擎用於鑄造NFTS。在第三網絡註冊。
• OpenAI API密鑰：訪問DALL-E進行圖像生成需要OpenAI API鍵。確保您有一個有效的鑰匙，並在OpenAI帳戶上設置了計費。從Openai獲取鑰匙。
• MetAmask錢包：您需要一個元箱錢包來與您的應用程序交互並進行簽名交易。從MetAmask安裝MetAmask作為瀏覽器擴展。
• node.js和npm：確保系統上安裝了node.js和npm（節點軟件包管理器）。

借助這些工具和帳戶，您可以開始構建AI NFT生成器。

使用第三級部署NFT智能合約

第一步是部署NFT智能合約。

該智能合約構成了您的NFT收藏的基礎，定義了其財產並確保所有權。這是使用ThirdWeb的用戶友好儀表板部署它的方法：

1. 導航到“合同”選項卡：登錄您的第三韋布帳戶後，單擊儀表板中的“合同”選項卡。
2. 單擊部署合同：在“合同”選項卡中，單擊“部署合同”按鈕。
3. 瀏覽合同並選擇NFT集合：查找NFT部分，然後選擇NFT Collection智能合約。
4. 配置合同元數據：通過提供名稱（例如“ AI nft Generator”），符號，描述和圖像來自定義合同。
5. 設置特許權使用費和主要銷售信息：指定二級銷售特許權使用費的收件人地址和百分比，以及主要銷售收入的地址和百分比。
6. 選擇網絡/鏈：選擇要部署智能合約的區塊鍊網絡。為了進行測試，請考慮部署到Sepolia等測試網。
7. 部署智能合約：配置合同參數後，單擊“立即部署”按鈕，並確認MetAmask錢包中的交易。

一旦在區塊鏈上確認交易，您的NFT智能合約將成功部署。

設置前端應用程序

現在是時候構建前端應用程序了。

我們將使用Next.js為此。

1. 在API目錄中創建新文件夾：要創建薄荷功能，您需要一個API調用。在API目錄中創建一個名為“ Mint”的新文件夾，並在一個名為Route.ts的文件中創建一個名為“ Mint”的文件夾，以將所有內容鏈接在一起並部署它。
2. 紗線添加第三鍵：安裝第三韋布和OpenAI以運行您的項目。鍵入`YARN添加ThirdWeb`以安裝它。
3. YARN ADD OPERAI：要在本地主機上使用OpenAI，請與'Yarn Add OpenAi`命令一起安裝它。
4. 創建新文件：轉到SRC並創建一個名為Client.ts的新文件。這將保留您的OpenAI的API密鑰，並將成為您所有操作的地方。它還將包含用於第三鍵的公共客戶端ID。
5. 導入第三個Web Connect組件：創建一個連接錢包函數以在頁面上使用。
6. 安裝所有依賴項：使用命令行工具安裝所有必要的依賴項。

如何使用第三網絡組件構建前端

使用第三Web組件，您可以快速構建前端。以下是：

 import { ConnectButton } from "@thirdweb-dev/react"; export default function Home() { return ( 
 {/* Connect wallet button */}  
 ); }

• 從@@thixtweb-dev/react“導入`connectbutton`組件。
• 使用應用程序中的組件。
• 就是這樣！您的用戶可以一鍵連接到您的應用程序。

實施OpenAi的DALL-E for圖像生成

dall-e是從文本描述中生成圖像的強大工具。這是將其集成到您的AI NFT發生器中的方法：

1. 檢索第三Web API密鑰：登錄到您的第三網絡帳戶，然後導航到儀表板以查找API鍵。
2. 設置環境變量：在您的下一個項目中創建.ENV文件，並將OpenAI API鍵和第三鍵API密鑰存儲為環境變量。
3. 創建一個OpenAI實例：創建一個AT /App /Generate的實例。
4. 實現生成圖像API路由：編寫代碼以生成圖像並在區塊鏈上鑄造。

 export default async function POST(req: NextRequest) { const apiKey = process.env.OPENAI_API_KEY; if (!apiKey) { throw new Error("Missing OpenAI API Key"); } const {prompt} = await req.json(); if (!prompt || prompt === "") { return new Response("Please enter a prompt", { status: 400 }); } const openai = new OpenAI({ apiKey, }); const response = await openai.images.generate({ prompt, n: 1, size: "512x512", }); const image_url = response.data[0].url; return NextResponse.json({ data: image_url }); }

此代碼向OpenAI API發送請求，根據提示符生成圖像，然後返回圖像URL。

用第三級發動機鑄造NFTS

ThirdWeb的引擎通過管理區塊鏈交易的複雜性來簡化鑄造NFT的過程。這是整合引擎的方法：

1. 配置引擎設置：登錄到第三Web儀表板，創建引擎實例，然後獲取引擎端點。
2. 創建 / api / mint.ts：

 import { ThirdwebSDK } from "@thirdweb-dev/sdk"; export const mint = async (address: string, imageUri: string) => { const sdk = ThirdwebSDK.fromPrivateKey(process.env.THIRDWEB_SECRET_KEY as string, "sepolia"); const contract = await sdk.getContract(process.env.NEXT_PUBLIC_CONTRACT_ADDRESS as string, "nft-collection"); const tx = await contract.mintTo(address, { name: "Ai", description: "NFT", image: imageUri, }); const receipt = tx.receipt; const tokenId = tx.id; const nft = await tx.data(); return nft; }

使用ThirdWebSDK訪問區塊鏈API，啟用交易，例如交易加密貨幣，製作NFT和部署應用程序。

製作用戶界面

要創建易於使用和交互式UI，您需要編寫HTML，CSS和打字稿代碼。第三網絡使此過程變得直接。

1. 設計您的佈局：設置帶有顯示，彈性指導，對位，最大寬的結構，並以出色的設計為中心。
2. 添加組件：包括ConnectWallet.js供用戶使用其社交帳戶登錄。
3. 顯示NFT：生成圖像時，向用戶展示您的作品至關重要。

通過這些步驟，您的項目將被充分設置。

分步項目設置

如何建立智能合約

首先，要使用我們的AI NFT生成器，我們需要創建一個NFT智能合約，以便我們的應用程序可以鑄造我們創建的所有圖像。

1. 創建ERC721智能合約：單擊第三韋布儀表板上的合同，選擇“部署智能合約”，然後導航到NFTS文件夾。
2. 選擇“ NFT集合”智能合約進行部署。
3. 輸入名稱，符號和描述，然後上傳文件（可選）。
4. 設置所需的任何設置，然後單擊“立即部署”。
5. 通過單擊“確認”來簽署協議。現在您有一份智能合同。

如何鑄造NFT

現在您已經擁有智能合約，這是將NFT鑄造為區塊鏈的代碼：

1. 獲取智能合約：創建一個新的const。
2. 鍵入合同並讓Uusectract返回流程。
3. 使用TypeScript編寫異步/單擊函數以執行區塊鏈事務：

 // Mint the NFT to the connected wallet const mintNft = async () => { try { // Before minting, tell the SDK to claim free NFTs on the specified Wallet. await contract.erc721.claimTo(address, 1); // Show loading state alert("NFT Minted Successfully!"); } catch (error) { console.error("failed to mint nft", error); } }

如何獲得免費測試ETH

1. 在煉金術上創建一個帳戶：使用煉金術帳戶，您可以測試不同的功能。如果您是網站的新手，則需要安裝它。
2. 將鏈條設置為Sepolia或Mumbai：這使您可以使用測試網，而不會產生真正的加密費用。
3. 在鏈條上請求測試ETH：使用您的個人錢包地址從其水龍頭獲取免費測試ETH。

*注意：在簽署任何交易之前，請務必檢查錢包將如何與合同相互作用。

使用NFT發生器

產生NFT

設置代碼後，以下是使用NFT Generator的步驟：

1. 連接錢包：單擊連接的錢包提示，然後單擊智能合約。
2. 選擇一個測試網：選擇鏈條或孟買，以避免主網成本或潛在風險。
3. 輸入提示：盡可能描述性以獲得最佳結果。
4. 按生成：AI將根據您的提示生成圖像。

關於AI NFT發電機的常見問題

什麼是AI NFT發生器？

AI NFT發電機是一種使用人工智能創建獨特且個性化的非殺菌令牌（NFTS）的工具。它利用AI算法生成可以將其鑄造為區塊鏈上的NFT的圖像，音樂或其他形式的數字藝術形式。

什麼是第三級引擎？

ThirdWeb Engine是一台HTTP服務器，允許您在不要求用戶持有加密貨幣或付款的情況下調用任何鏈接交易。它簡化了區塊鏈的交互，使薄荷和管理NFT變得更容易。

什麼是Openai dall-e？

Openai的Dall-E是一個強大的AI模型，可以從文本描述中生成圖像。它被廣泛用於創建獨特而富有想像力的視覺效果，使其成為AI NFT一代的絕佳選擇。

相關問題

構建AI NFT發電機所需的關鍵組件是什麼？

核心組件包括前端應用程序，智能合約，AI映像生成器（例如Openai dall-E）和用於Minting NFTS的系統（例如ThirstWeb Engine）。前端允許用戶與發電機進行交互，智能合約管理NFT所有權，AI生成藝術，並且鑄造系統在區塊鏈上創建了NFT。

如何自定義AI NFT發電機？

自定義選項幾乎是無限的。您可以集成不同的AI模型，修改UI設計，添加唯一的NFT特徵，實現各種鑄造機制，甚至結合了AI驅動的定價算法。

AI NFT發電機有哪些潛在用例？

AI NFT發電機可用於創建個性化的化身，生成獨特的數字收藏品，自動化遊戲中資產的創建並開發生成藝術項目，僅舉幾例用例。