Создайте свой собственный AI NFT с OpenAI и ThirdWeb

Если вы хотите исследовать увлекательную сферу, сгенерированные AI NFT, это подробное руководство здесь, чтобы помочь вам создать свой собственный генератор AI NFT. Используя возможности таких инструментов, как двигатель Openai's Dall-E и ThirdWeb, вы можете смешать творческую силу ИИ с надежной полезностью технологии блокчейна с уникальными и персонализированными NFTS без усилий. Являетесь ли вы техническим ветераном или любопытным новичком, это пошаговое руководство проведет вас через процесс от начала до конца.

Ключевые моменты

• Узнайте, как создать генератор NFT с AI.
• Используйте Dall-E Openai для генерации изображений из текстовых подсказок.
• Используйте двигатель ThirdWeb для Mint, сгенерированные AI изображения в качестве NFT.
• Разверните интеллектуальные контракты для управления NFT с использованием Dashboard ThirdWeb.
• Узнайте интеграцию фронтальных приложений с помощью технологии блокчейна.

Создание генератора AI NFT: пошаговое руководство

Введение в генерацию AI -NFT

Слияние искусственного интеллекта и технологии блокчейна родила невероятные возможности для творчества и инноваций. Среди них AI NFT Generator, инструмент, который дает пользователям создавать уникальные и персонализированные неяшенные токены (NFT) с использованием алгоритмов ИИ. Объединяя мастерство генерации изображений ИИ с функциями безопасности и собственности блокчейна, эти генераторы предлагают новую границу как для создателей, так и для коллекционеров.

Этот учебник поможет вам построить свой собственный генератор AI NFT, сосредоточившись на использовании Dall-E Openai для создания изображений и использования двигателя ThirdWeb для Mint этих изображений A-Crafted в качестве NFT.

Предварительные условия

Прежде чем погрузиться в этот захватывающий проект, убедитесь, что у вас есть следующее:

• Основные знания React и Next.js: вам понадобится знакомство с JavaScript, React Components и следующей структурой.
• Третья учетная запись: вам понадобится бесплатная учетная запись третьей WWEB для развертывания интеллектуального контракта и использования двигателя для добычи NFT. Зарегистрируйтесь на ThirdWeb.
• Ключ API OpenAI: доступ к Dall-E для генерации изображений требует ключа API OpenAI. Убедитесь, что у вас есть действительный ключ, и вы настраиваете выставление счетов на вашей учетной записи Openai. Получите свой ключ от Openai.
• Кошелек Metamask: вам понадобится кошелек Metamask для взаимодействия с вашим применением и транзакциями. Установите Metamask в качестве расширения браузера от Metamask.
• Node.js и NPM: убедитесь, что в вашей системе установлены Node.js и NPM (диспетчер пакетов узлов).

С этими инструментами и учетными записями вы готовы начать создавать свой генератор AI NFT.

Развертывание смарт -контракта NFT с использованием ThirdWeb

Первым шагом является развертывание смарт -контракта NFT.

Этот интеллектуальный контракт составляет основу вашей коллекции NFT, определяя ее свойства и обеспечивает владение. Вот как развернуть его, используя удобную панель пользователей ThirdWeb:

1. Перейдите на вкладку Contracts: После входа в свою учетную запись ThirdWeb нажмите на вкладку «Контракты» на панели инструментов.
2. Нажмите кнопку «Развертывание»: «Оказавшись на вкладке« Контракты », нажмите кнопку« Развернуть контракт ».
3. Просмотрите контракты и выберите NFT Collection: Найдите раздел NFT и выберите Smart Contract NFT Collection.
4. Настройте метаданные контракта: настраивайте свой контракт, предоставив имя (например, «Ai NFT Generator»), символ, описание и изображение.
5. Установите роялти и первичную информацию о продажах: укажите адрес получателя и процент для вторичных роялти продаж, а также адрес и процент для первичной выручки от продаж.
6. Выберите Network/Chain: выберите сеть Blockchain, где вы хотите развернуть свой смарт -контракт. Для тестирования рассмотрите возможность развертывания в TestNet, как Sepolia.
7. Разверните интеллектуальный контракт: После настройки параметров контракта нажмите кнопку «Развернуть сейчас» и подтвердите транзакцию в вашем кошельке Metamask.

После того, как транзакция будет подтверждена на блокчейне, ваш интеллектуальный контракт NFT будет успешно развернут.

Настройка приложения Frontend

Теперь пришло время построить фронтальное приложение.

Мы будем использовать Next.js для этого.

1. Создайте новую папку в каталоге API: чтобы создать функцию Mint, вам понадобится вызов API. Создайте новую папку, называемую «Mint» в каталоге API, и файл с именем route.ts, чтобы связать все вместе и развернуть ее.
2. Пряжа добавить третий Wweb: установите третий Wweb и OpenAI для запуска вашего проекта. Введите `пряжа добавить третью web`, чтобы установить его.
3. Пряжа добавить Openai: для использования Openai на местном хосте, установите его с помощью команды `jarn add openai.
4. Создайте новый файл: перейдите в SRC и создайте новый файл с именем clients.ts. Это будет держать ваш ключ API для OpenAI и будет там, где будут выполнены все ваши действия. Он также будет содержать публичный идентификатор клиента для ThirdWeb.
5. Импортируйте третий компонент Web Connect: создайте функцию Connect Wallet для использования на странице.
6. Установите все зависимости: используйте инструмент командной строки для установки всех необходимых зависимостей.

Как построить переднюю часть с помощью третьего компонента Wweb

Используя компоненты третьего ВВЕДУ, вы можете быстро построить фронт. Вот как:

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

• Импортируйте компонент `connectbutton` с`@thirdweb-dev/React`.
• Используйте компонент внутри вашего приложения.
• Вот и все! Ваши пользователи могут подключиться к вашему приложению с одним щелчком.

Внедрение Dall-E Openai для генерации изображений

Dall-E является мощным инструментом для генерации изображений из описаний текста. Вот как интегрировать его в свой генератор AI NFT:

1. Получите ThirdWeb API -ключ: войдите в свою учетную запись ThirdWeb и перейдите к своей панели инструментов, чтобы найти свой ключ API.
2. Установите переменные среды: Создайте файл .env в вашем проекте Next.js и храните свой ключ API OpenAI и клавишу API ThirdWeb в качестве переменных среды.
3. Создайте экземпляр OpenAI: создайте экземпляр AT /APP /GREVEST.
4. Реализовать маршрут API -маршрута изображения: запишите код для генерации изображения и Mint его на блокчейне.

 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 }); }

Этот код отправляет запрос на API OpenAI, генерирует изображение на основе подсказки и возвращает URL -адрес изображения.

Майнинг NFT с двигателем третьего ВВОДКИ

Двигатель ThirdWeb упрощает процесс добычи NFT, управляя сложностями транзакций блокчейна. Вот как интегрировать двигатель:

1. Настройте настройки двигателя: войдите в приборную панель ThirdWeb, создайте экземпляр двигателя и получите конечную точку двигателя.
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 и развертывание приложений.

Создание пользовательского интерфейса

Чтобы создать простой в использовании и интерактивный пользовательский интерфейс, вам нужно будет написать HTML, CSS и код TypeScript. ThirdWeb делает этот процесс простым.

1. Проектируйте свой макет: Настройте структуру с помощью дисплея, FlexDirection, Alignitems, MaxWidth и Margin, где сосредоточены для отличного дизайна.
2. Добавьте компоненты: включите Connectwallet.js для пользователей, чтобы войти в систему, используя свои социальные учетные записи.
3. Отображение NFTS: Когда генерация генерируется, очень важно отобразить вашу работу пользователю.

С этими шагами ваш проект будет полностью настроен.

Пошаговая настройка проекта

Как установить умный контракт

В первую очередь, чтобы использовать наш Ai NFT Generator, нам необходимо создать Smart Contract NFT, чтобы наше приложение могла запустить все изображения, которые мы создаем.

1. Создайте интеллектуальный контракт ERC721: нажмите на контракты на приборной панели ThirdWeb, выберите развертывание смарт -контрактов и перейдите в папку NFTS.
2. Выберите смарт -контракт «NFT Collection» для развертывания.
3. Введите имя, символ и описание, затем загрузите файл (необязательно).
4. Настройка любые настройки, которые вам требуются, и нажмите «Развернуть сейчас».
5. Подписать соглашение, нажав «Подтвердить». Теперь у вас есть умный контракт.

Как мантировать NFT

Теперь, когда у вас есть интеллектуальный контракт, вот код для манера NFT для блокчейна:

1. Получите доступ к интеллектуальному контракту: создайте новый Const.
2. Введите контракт и получите возврат к процессу.
3. Напишите функцию Async/on Click, используя 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: это позволяет вам использовать Testnet без реальных крипто -затрат.
3. Запросите тест ETH в цепочке: используйте свой личный адрес кошелька, чтобы получить бесплатный тест ETH из их крана.

*Примечание: всегда проверяйте, как кошелек будет взаимодействовать с контрактами перед подписанием любых транзакций.*

Использование генератора NFT

Генерируя NFT

После настройки кода, вот шаги для использования генератора NFT:

1. Подключите свой кошелек: нажмите подключенный кошелек, а затем нажмите на умный контракт.
2. Выберите Testnet: выберите свою цепочку в Сеполию или Мумбаи, чтобы избежать затрат на основную сеть или потенциальные риски.
3. Введите подсказку: Будьте как можно более описательными для лучших результатов.
4. Нажмите Generate: ИИ будет генерировать изображение на основе вашей подсказки.

Часто задаваемые вопросы об искусственных генераторах

Что такое генератор AI NFT?

Ай-НФТ-генератор-это инструмент, который использует искусственный интеллект для создания уникальных и персонализированных неяшенных токенов (NFT). Он использует алгоритмы ИИ для генерации изображений, музыки или других форм цифрового искусства, которые можно читать как NFT на блокчейне.

Что такое двигатель ThirdWeb?

ThirdWeb Engine-это HTTP-сервер, который позволяет вам вызовать любую транзакцию в цепочке, не требуя, чтобы пользователи содержали крипто или оплату газа. Он оптимизирует взаимодействия блокчейна, облегчая манелку и управление NFT.

Что такое Openai Dall-E?

Dall-E Openai-мощная модель ИИ, которая может генерировать изображения из описаний текста. Он широко используется для создания уникальных и творческих визуальных эффектов, что делает его отличным выбором для поколения.

Связанные вопросы

Какие ключевые компоненты необходимы для создания генератора AI NFT?

Основные компоненты включают фронтальное приложение, интеллектуальный контракт, генератор изображений ИИ (например, Openai Dall-E) и систему для добычи NFTS (например, двигатель ThirdWeb). Frontend позволяет пользователям взаимодействовать с генератором, интеллектуальный контракт управляет владельцем NFT, ИИ генерирует искусство, а система майтинга создает NFT на блокчейне.

Как я могу настроить свой Ai NFT Generator?

Параметры настройки практически безграничны. Вы можете интегрировать различные модели искусственного интеллекта, изменить дизайн пользовательского интерфейса, добавить уникальные признаки NFT, реализовать различные механизмы добычи и даже включать алгоритмы ценообразования, управляемых ИИ.

Каковы некоторые потенциальные варианты использования для генераторов AI NFT?

Денежные генераторы могут использоваться для создания персонализированных аватаров, генерации уникальных цифровых коллекционирования, автоматизации создания внутриигровых активов и разработки генеративных художественных проектов, и это только несколько случаев использования.