選項
首頁
新聞
使用OpenAi和ThirdWeb創建自己的AI NFT

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

2025-05-18
147

如果你渴望探索AI生成NFT的迷人領域,本詳細指南將助你打造屬於自己的AI NFT生成器。透過運用如OpenAI的DALL-E和Thirdweb的Engine等工具,你能將AI的創意力量與區塊鏈技術的強大功能結合,輕鬆鑄造獨特且個性化的NFT。無論你是技術老手或好奇的新手,本逐步指南將帶你從頭到尾走完整個流程。

重點

  • 學習如何創建一個AI驅動的NFT生成器。
  • 利用OpenAI的DALL-E從文字提示生成圖像。
  • 使用Thirdweb Engine將AI生成的圖像鑄造成NFT。
  • 透過Thirdweb儀表板部署管理NFT的智能合約。
  • 掌握前端應用與區塊鏈技術的整合。

打造AI NFT生成器:逐步指南

AI NFT生成簡介

人工智能與區塊鏈技術的融合催生了無限的創意與創新機會。其中之一便是AI NFT生成器,這種工具讓使用者能利用AI算法打造獨特且個性化的非同質化代幣(NFT)。透過結合AI的圖像生成能力與區塊鏈的安全性和所有權特性,這些生成器為創作者和收藏家開啟了新領域。

本教程將引導你建構自己的AI NFT生成器,重點在於利用OpenAI的DALL-E進行圖像創作,並使用Thirdweb的Engine將這些AI創作的圖像鑄造成NFT。

前置條件

在投入這個令人興奮的項目之前,請確保你具備以下條件:

  • React和Next.js基礎知識:你需要熟悉JavaScript、React組件和Next.js框架,以建構前端應用。
  • Thirdweb帳戶:你需要一個免費的Thirdweb帳戶來部署智能合約並使用Engine鑄造NFT。請在Thirdweb註冊。
  • OpenAI API密鑰:使用DALL-E進行圖像生成需要OpenAI API密鑰。確保你擁有有效的密鑰並已在OpenAI帳戶中設定計費。從OpenAI獲取你的密鑰。
  • Metamask錢包:你需要一個Metamask錢包來與應用交互並簽署交易。從Metamask安裝瀏覽器擴展。
  • Node.js和npm:確保你的系統已安裝Node.js和npm(Node套件管理器)。

有了這些工具和帳戶,你就準備好開始打造你的AI NFT生成器了。

使用Thirdweb部署NFT智能合約

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

智能合約部署

此智能合約構成你的NFT收藏基礎,定義其屬性並確保所有權。以下是如何使用Thirdweb的用戶友好儀表板進行部署:

  1. 導航至合約標籤:登錄你的Thirdweb帳戶後,點擊儀表板中的「合約」標籤。
  2. 點擊部署合約:在合約標籤中,點擊「部署合約」按鈕。
  3. 瀏覽合約並選擇NFT收藏:找到NFT部分並選擇NFT收藏智能合約。
  4. 配置合約元數據:透過提供名稱(例如「AI NFT生成器」)、符號、描述和圖像來自訂你的合約。
  5. 設定版稅和主要銷售資訊:指定二級銷售版稅的接收地址和百分比,以及主要銷售收入的地址和百分比。
  6. 選擇網絡/鏈:選擇你希望部署智能合約的區塊鏈網絡。為了測試,考慮部署到像Sepolia這樣的測試網。
  7. 部署智能合約:配置好合約參數後,點擊「立即部署」按鈕,並在你的Metamask錢包中確認交易。

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

設定前端應用

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

前端設定

我們將使用Next.js來進行。

  1. 在API目錄中創建新資料夾:為了創建鑄造功能,你需要一個API呼叫。在API目錄中創建一個名為「mint」的資料夾,並創建一個名為route.ts的文件以將所有內容連結並部署。
  2. Yarn add thirdweb:安裝thirdweb和OpenAI以運行你的項目。輸入`Yarn add thirdweb`進行安裝。
  3. Yarn add openai:在本地主機上使用OpenAI,輸入`Yarn add openai`命令進行安裝。
  4. 創建新文件:前往Src並創建一個名為clients.ts的新文件。這將儲存你的OpenAI API密鑰,並作為所有動作運行的位置。它還將包含Thirdweb的公共客戶端ID。
  5. 導入Thirdweb連接組件:創建一個連接錢包功能以在頁面上使用。
  6. 安裝所有依賴項:使用命令列工具安裝所有必要的依賴項。

如何使用Thirdweb組件建構前端

使用Thirdweb組件,你可以快速建構前端。方法如下:

text
import { ConnectButton } from "@thirdweb-dev/react";
export default function Home() {
return (
{/* 連接錢包按鈕 */}
);
}
  • 從`@thirdweb-dev/react`導入`ConnectButton`組件。
  • 在你的應用中使用該組件。
  • 就是這樣!你的用戶可以一鍵連接到你的應用。

連接按鈕

實現OpenAI的DALL-E進行圖像生成

DALL-E是一個從文字描述生成圖像的強大工具。以下是如何將其整合到你的AI NFT生成器中:

  1. 獲取Thirdweb API密鑰:登錄你的Thirdweb帳戶並導航至儀表板以找到你的API密鑰。
  2. 設定環境變數:在你的Next.js項目中創建一個.env文件,並將你的OpenAI API密鑰和Thirdweb API密鑰儲存為環境變數。
  3. 創建OpenAI實例:在/app/generate創建一個實例。
  4. 實現生成圖像API路由:編寫程式碼以生成圖像並在區塊鏈上鑄造。
text
export default async function POST(req: NextRequest) {
const apiKey = process.env.OPENAI_API_KEY;
if (!apiKey) {
throw new Error("缺少OpenAI API密鑰");
}
const {prompt} = await req.json();
if (!prompt || prompt === "") {
return new Response("請輸入提示", { 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。

使用Thirdweb Engine鑄造NFT

Thirdweb的Engine簡化了鑄造NFT的過程,管理區塊鏈交易的複雜性。以下是如何整合Engine:

  1. 配置Engine設定:登錄Thirdweb儀表板,創建你的Engine實例並獲取引擎端點。
  2. 創建/Api/Mint.ts:
text
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和TypeScript程式碼。Thirdweb使這一過程變得簡單。

  1. 設計你的佈局:使用display、flexDirection、alignItems、maxWidth和margin全部置中來設定結構,以獲得出色的設計。
  2. 添加組件:包含connectWallet.js,讓用戶使用其社交帳戶登入。
  3. 顯示NFT:當生成圖像時,向用戶展示你的作品至關重要。

完成這些步驟後,你的項目將完全設定完成。

逐步項目設定

如何設定智能合約

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

  1. 創建ERC721智能合約:在Thirdweb儀表板上點擊合約,選擇部署智能合約,然後導航至NFT資料夾。
  2. 選擇「NFT收藏」智能合約進行部署。
  3. 輸入名稱、符號和描述,然後上傳文件(可選)。
  4. 設定你所需的任何設定,然後點擊「立即部署」。
  5. 點擊「確認」簽署協議。現在你擁有了智能合約。

智能合約設定

如何鑄造NFT

現在你有了智能合約,以下是將NFT鑄造到區塊鏈的程式碼:

  1. 存取智能合約:創建一個新的const。
  2. 輸入contract並讓useContract返回以進行處理。
  3. 使用TypeScript編寫一個異步/點擊函數以執行區塊鏈交易:
text
// 將NFT鑄造到連接的錢包
const mintNft = async () => {
try {
// 在鑄造之前,告訴SDK在指定錢包上免費領取NFT。
await contract.erc721.claimTo(address, 1);
// 顯示加載狀態
alert("NFT鑄造成功!");
} catch (error) {
console.error("NFT鑄造失敗", error);
}
}

NFT鑄造

如何獲取免費測試Eth

  1. 在Alchemy上創建帳戶:使用Alchemy帳戶,你可以測試不同功能。如果你是網站新手,你需要先安裝。
  2. 將你的鏈設置為Sepolia或Mumbai:這讓你可以使用測試網而無需承擔真實加密貨幣成本。
  3. 在鏈上請求測試Eth:使用你的個人錢包地址從他們的水龍頭獲取免費測試ETH。

測試Eth

*注意:簽署任何交易前,務必檢查錢包如何與合約交互。*

使用NFT生成器

生成NFT

設定好程式碼後,以下是使用NFT生成器的步驟:

  1. 連接你的錢包:點擊連接錢包提示,然後點擊智能合約。
  2. 選擇測試網:將你的鏈選擇為Sepolia或Mumbai,以避免主網成本或潛在風險。
  3. 輸入提示:盡可能詳細描述以獲得最佳結果。
  4. 按下生成:AI將根據你的提示生成圖像。

生成NFT

關於AI NFT生成器的常見問題

什麼是AI NFT生成器?

AI NFT生成器是一種使用人工智能創建獨特且個性化非同質化代幣(NFT)的工具。它利用AI算法生成圖像、音樂或其他形式的數位藝術,並可在區塊鏈上鑄造成NFT。

什麼是Thirdweb Engine?

Thirdweb Engine是一個HTTP伺服器,允許你調用任何鏈上交易,而無需用戶持有加密貨幣或支付燃料費。它簡化了區塊鏈交互,使鑄造和管理NFT更加容易。

什麼是OpenAI DALL-E?

OpenAI的DALL-E是一個強大的AI模型,能從文字描述生成圖像。它廣泛用於創建獨特且富有想像力的視覺效果,是AI NFT生成的絕佳選擇。

相關問題

打造AI NFT生成器需要哪些關鍵組件?

核心組件包括前端應用、智能合約、AI圖像生成器(如OpenAI DALL-E)以及鑄造NFT的系統(如Thirdweb Engine)。前端允許用戶與生成器交互,智能合約管理NFT所有權,AI生成藝術,鑄造系統在區塊鏈上創建NFT。

如何自訂我的AI NFT生成器?

自訂選項幾乎無限。你可以整合不同的AI模型,修改UI設計,添加獨特的NFT特徵,實現各種鑄造機制,甚至加入AI驅動的定價算法。

AI NFT生成器有哪些潛在用例?

AI NFT生成器可用於創建個性化頭像、生成獨特數位收藏品、自動化遊戲內資產的創建,以及開發生成藝術項目等,僅舉幾例。

相關文章
韓國啟動國家人工智慧計算中心建設,投資2.5萬億韓元,目標2028年完成 韓國啟動國家人工智慧計算中心建設,投資2.5萬億韓元,目標2028年完成 韓國媒體EtNews報道,韓國AI計算中心(KOACC)的奠基儀式於8月3日在全羅南道順天市的Solar City資料中心園區舉行。該專案總投資額為2.5萬億韓元(約合118.38億元人民幣),計劃於2028年投入運營,成為迄今為止韓國在AI基礎設施領域規模最大的國家投資之一。該專案的股權分佈凸顯了深化政企合作的戰略意圖。三星SDS作為最大股東持有30%的股份,而包括科學技術資訊通訊部、金融監督院和國家成長基金在內的公共實體合計持有29%的股份。NAVER Cloud緊隨其後,持股26.1%,
六大科技巨頭向 Linux 基金會捐贈 1250 萬美元,以應對人工智慧漏洞噪音 六大科技巨頭向 Linux 基金會捐贈 1250 萬美元,以應對人工智慧漏洞噪音 為應對由人工智慧自動化工具產生的大量低質量安全報告,六家主要科技公司——Anthropic、亞馬遜(AWS)、GitHub、Google、Microsoft 和 OpenAI——共同向 Linux 基金會專案提供了 1250 萬美元 的資金支援。這項投資旨在減輕開源軟體(FOSS)維護者手動篩選的工作負擔,使他們能夠專注於真正的安全威脅。隨著人工智慧技術降低了漏洞發現的門檻,開源社羣正面臨前所未有的挑戰:無效報告:自動生成的 AI 報告使維護者應接不暇。雖然數量龐大,但這些提交往往缺乏深度,
馬斯克曾考慮將OpenAI留給他的孩子,而奧特曼正在作證 馬斯克曾考慮將OpenAI留給他的孩子,而奧特曼正在作證 今早,OpenAI 執行長山姆·阿爾特曼出庭作證,回應前聯合創始人埃隆·馬斯克針對該公司企業結構提起的訴訟。當被問及馬斯克聲稱其他聯合創始人透過成立一家以營利為目的的子公司來推廣基於人工智慧的產品,從而“竊取了一家慈善機構”的說法時,阿爾特曼表現出明顯的猶豫。“這種說法甚至讓人難以理解,”阿爾特曼在停頓後說道,“我們成立的是全球最大的慈善機構之一。該基金會正在開展令人難以置信的工作,並將繼續做更多事情。”馬斯克的律師團隊指出,OpenAI 基金會目前持有的資產價值約為 2000 億美元
相關專題推薦
音樂創作 面向詞曲創作者、旋律片段、主旋律及多語言草稿創作的AI人聲演示工具
面向詞曲創作者、旋律片段、主旋律及多語言草稿創作的AI人聲演示工具

2026 年最新最佳 AI 人聲演示工具,專為詞曲創作者、旋律創作者和多語言內容團隊打造!XIX.AI 精心整理了一份經過嚴格真實世界測試的高評分、變革性工具列表。您將找到詳細的免費與付費對比資料、全面排名以及必試選項,幫助您提升創作效率並釋放創意潛力。立即探索,發現滿足您所有內容需求的完美工具!

9 個工具
xix.ai
商業 最適合小型企業的頂尖 AI 競爭情勢分析工具
最適合小型企業的頂尖 AI 競爭情勢分析工具

2026 年最新、最佳且評價最高的中小企業 AI 競爭研究工具!XIX.AI 精心精選了一系列極具威力且能改變遊戲規則的工具,並透過嚴謹的實測與詳細排名,每週更新內容。您可在此找到詳盡的免費版與付費版比較,協助您找出必試的工具,以提升工作效率並獲得競爭優勢。 立即探索,找出最適合您的工具!

9 個工具
xix.ai
圖像編輯 用於電商服裝、皮膚清潔和色彩一致性的 Photoshop AI 修圖工具
用於電商服裝、皮膚清潔和色彩一致性的 Photoshop AI 修圖工具

2026 年最新最佳 Photoshop AI 修圖工具,適用於電商服裝、皮膚清潔和色彩一致性!這份頂級精選列表包含強大的變革性解決方案,可幫助您提升寫作效率、簡化內容創作並輕鬆實現完美的視覺效果。每個工具都經過實際測試,並透過每週更新的排名進行驗證,同時提供免費與付費版本的詳細對比。由 XIX.AI 支援,這是任何希望發揮 AI 優勢的人必試指南。立即探索!

10 個工具
xix.ai
迅速的 適用於 ChatGPT 工作流程的最佳 AI 提示詞庫
適用於 ChatGPT 工作流程的最佳 AI 提示詞庫

2026 年最新、最受好評的 AI 提示詞庫,可優化各類 ChatGPT 工作流程。XIX.AI 精心蒐羅了一套強大且具革命性的精選集合,並經過嚴格的實際測試,以確保其表現卓越。 您可查閱詳盡的免費版與付費版比較分析,以及專家評比,助您挑選必試工具,從而提升工作效率並釋放您的 AI 優勢。立即探索!

11 個工具
xix.ai
教育與學習 面向教師、輔導老師和基於群體的學習專案的 AI 測驗構建平臺
面向教師、輔導老師和基於群體的學習專案的 AI 測驗構建平臺

2026年最新最佳AI測驗構建平臺,適用於教師、輔導老師和基於群體的學習專案!XIX.AI精心整理了一份頂級評分列表,包含經過現實世界測試的強力變革性工具,以提供準確的排名。這些必試平臺有助於提高寫作效率、簡化內容創作,並簡化各種學習場景中的測驗設計。立即探索,發現您解鎖教學AI優勢的理想工具!

13 個工具
xix.ai
代碼 適用於 GitHub 團隊處理重構、錯誤及安全漏洞的 AI 拉取請求審查工具
適用於 GitHub 團隊處理重構、錯誤及安全漏洞的 AI 拉取請求審查工具

2026 年最新、最優秀的 GitHub 團隊 AI 拉取請求審查工具,就在 XIX.AI!這份精選且評價極高的清單,展示了多款強大且能徹底改變遊戲規則的解決方案,可優化所有團隊工作流程中的重構、錯誤修復及安全漏洞偵測。 透過免費與付費版本的比較、實際測試結果以及詳細排名,協助您找到能顯著提升生產力的完美工具。立即探索,釋放您的 AI 競爭優勢!

12 個工具
xix.ai
評論 (0)
0/500
OR