OpenAi 및 ThirdWeb로 나만의 AI NFT를 만듭니다

AI 생성 NFT의 매혹적인 영역을 탐색하고 싶다면이 세부 가이드는 자신의 AI NFT 생성기를 만드는 데 도움이됩니다. OpenAi의 Dall-E 및 ThirdWeb의 엔진과 같은 도구의 기능을 활용함으로써 AI의 창의적 힘을 블록 체인 기술의 강력한 유틸리티와 혼합하여 독특하고 개인화 된 NFT를 쉽게 깎을 수 있습니다. 기술 베테랑이든 호기심 많은 초보자이든,이 단계별 가이드는 프로세스를 처음부터 끝까지 안내합니다.

핵심 요점

• AI 기반 NFT 생성기를 만드는 방법을 알아보십시오.
• Openai의 Dall-E를 사용하여 텍스트 프롬프트에서 이미지를 생성합니다.
• Thirdweb Engine을 사용하여 AI 생성 이미지를 NFT로 사용하십시오.
• ThirdWeb 대시 보드를 사용하여 NFT 관리를위한 스마트 계약을 배포합니다.
• 프론트 엔드 애플리케이션의 블록 체인 기술의 통합을 파악하십시오.

AI NFT 생성기 구축 : 단계별 가이드

AI NFT 세대 소개

인공 지능과 블록 체인 기술의 융합은 창의성과 혁신을위한 놀라운 기회를 낳았습니다. 그중에는 AI NFT 생성기가 있으며, 사용자가 AI 알고리즘을 사용하여 고유하고 개인화되지 않은 비전 할 수없는 토큰 (NFT)을 제작할 수있는 도구입니다. AI의 이미지 생성 능력을 블록 체인의 보안 및 소유권 기능과 병합 함으로써이 발전기는 제작자와 수집가 모두에게 새로운 국경을 제공합니다.

이 튜토리얼은 이미지 생성을 위해 OpenAi의 Dall-E를 활용하고 ThirdWeb의 엔진을 사용하여 이러한 AI-Crafted Images를 NFT로 사용하는 데 중점을두고 자신의 AI NFT 생성기 구성을 안내합니다.

전제 조건

이 흥미 진진한 프로젝트에 뛰어 들기 전에 다음과 같은 것을 확인하십시오.

• React and Next.js에 대한 기본 지식 : JavaScript, React 구성 요소 및 Next.js 프레임 워크에 익숙해야합니다.
• ThirdWeb 계정 : 스마트 계약을 배치하고 NFT를 마이닝하는 데 엔진을 사용하려면 무료 ThirdWeb 계정이 필요합니다. ThirdWeb에 가입하십시오.
• OpenAI API 키 : 이미지 생성에 대한 Dall-E에 대한 액세스에는 OpenAI API 키가 필요합니다. 유효한 키가 있는지 확인하고 OpenAI 계정에 청구서를 설정했는지 확인하십시오. OpenAi에서 키를 얻으십시오.
• 메타 마스크 지갑 : 애플리케이션과 상호 작용하고 거래를 할 수있는 메타 마스크 지갑이 필요합니다. 메타 마스크를 메타 마스크에서 브라우저 확장으로 설치하십시오.
• Node.js 및 NPM : 시스템에 Node.js 및 NPM (Node Package Manager)이 설치되어 있는지 확인하십시오.

이러한 도구와 계정을 사용하면 AI NFT 생성기를 구축 할 준비가되었습니다.

ThirdWeb을 사용하여 NFT 스마트 계약을 배포합니다

첫 번째 단계는 NFT 스마트 계약을 배치하는 것입니다.

이 스마트 계약은 NFT 컬렉션의 기초를 형성하여 재산을 정의하고 소유권을 보장합니다. ThirdWeb의 사용자 친화적 인 대시 보드를 사용하여 배포하는 방법은 다음과 같습니다.

1. 계약 탭으로 이동하십시오 : ThirdWeb 계정에 로그인 한 후 대시 보드에서 '계약'탭을 클릭하십시오.
2. 계약 배포를 클릭하십시오 : 계약 탭에서 '계약 배포'버튼을 클릭하십시오.
3. 계약을 탐색하고 NFT 컬렉션을 선택하십시오. NFT 섹션을 찾고 NFT Collection Smart Contract를 선택하십시오.
4. 계약 메타 데이터 구성 : 이름 (예 : 'Ai nft Generator'), 기호, 설명 및 이미지를 제공하여 계약을 사용자 정의하십시오.
5. 로열티 및 1 차 판매 정보 설정 : 2 차 판매 로열티에 대한 수신자 주소 및 백분율과 1 차 판매 수익 주소 및 백분율을 지정합니다.
6. 네트워크/체인 선택 : 스마트 계약을 배치 할 블록 체인 네트워크를 선택하십시오. 테스트의 경우 Sepolia와 같은 TestNet에 배포하는 것이 좋습니다.
7. 스마트 계약 배포 : 계약 매개 변수 구성 후 '지금 배포'버튼을 클릭하고 메타 마스크 지갑에서 트랜잭션을 확인하십시오.

블록 체인에서 거래가 확인되면 NFT 스마트 계약이 성공적으로 배포됩니다.

프론트 엔드 응용 프로그램 설정

이제 프론트 엔드 애플리케이션을 구축 할 차례입니다.

우리는 이것을 위해 다음.js를 사용할 것입니다.

1. API 디렉토리에서 새 폴더 생성 : Mint 함수를 만들려면 API 호출이 필요합니다. API 디렉토리에서 "mint"라는 새 폴더를 만들고 Route.ts라는 파일을 만들어 모든 것을 연결하고 배포하십시오.
2. 원사 3 회 추가 : 프로젝트를 실행하려면 ThirdWeb 및 OpenAI를 설치하십시오. `yarn을 입력하십시오.
3. 원사 추가 Openai : 로컬 호스트에서 OpenAi를 사용하려면`Yarn Add OpenAi '명령으로 설치하십시오.
4. 새 파일 만들기 : SRC로 이동하여 Clients.ts라는 새 파일을 만듭니다. 이것은 OpenAI의 API 키를 유지하며 모든 작업이 실행되는 곳이됩니다. 또한 ThirdWeb의 공개 클라이언트 ID도 포함됩니다.
5. 세 번째 웹 연결 구성 요소 가져 오기 : 페이지에서 사용할 연결 지갑 기능을 만듭니다.
6. 모든 종속성 설치 : 명령 줄 도구를 사용하여 필요한 모든 종속성을 설치하십시오.

ThirdWeb 구성 요소로 프론트 엔드를 구축하는 방법

ThirdWeb 구성 요소를 사용하면 프론트 엔드를 신속하게 구축 할 수 있습니다. 방법은 다음과 같습니다.

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

• `@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 경로를 구현하십시오.

 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을 반환합니다.

ThirdWeb 엔진으로 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 제작 및 애플리케이션 배포와 같은 거래를 가능하게합니다.

사용자 인터페이스 제작

사용하기 쉬운 대화식 UI를 만들려면 HTML, CSS 및 TypeScript 코드를 작성해야합니다. ThirdWeb 은이 프로세스를 간단하게 만듭니다.

1. 레이아웃 디자인 : 디스플레이, 플렉스 디렉션, alignitems, maxwidth 및 마진으로 구조를 설정하여 훌륭한 디자인을 중심으로합니다.
2. 구성 요소 추가 : 사용자가 소셜 계정을 사용하여 로그인 할 수 있도록 ConnectWallet.js를 포함시킵니다.
3. NFT 표시 : 이미지가 생성되면 사용자에게 작업을 표시하는 것이 중요합니다.

이 단계를 사용하면 프로젝트가 완전히 설정됩니다.

단계별 프로젝트 설정

스마트 계약을 설정하는 방법

무엇보다도, AI NFT 생성기를 사용하려면 NFT 스마트 계약을 만들어 앱이 생성 한 모든 이미지를 Mint 할 수 있도록해야합니다.

1. ERC721 스마트 계약 만들기 : ThirdWeb 대시 보드에서 계약을 클릭하고 스마트 계약 배포를 선택하고 NFTS 폴더로 이동하십시오.
2. 배포 할 "NFT Collection"스마트 계약을 선택하십시오.
3. 이름, 기호 및 설명을 입력 한 다음 파일 (선택 사항)을 업로드하십시오.
4. 필요한 설정을 설정하고 "지금 배포"를 클릭하십시오.
5. "확인"을 클릭하여 계약에 서명하십시오. 이제 스마트 계약이 있습니다.

NFT를 사수하는 방법

이제 스마트 계약을 맺었으므로 다음은 NFT를 블록 체인으로 Mint하는 코드입니다.

1. 스마트 계약에 액세스하십시오 : 새로운 Const를 만듭니다.
2. 계약을 입력하고 Usecontract가 프로세스로 반환되도록하십시오.
3. TypeScript를 사용하여 Async/on Click 함수를 작성하여 블록 체인 트랜잭션을 수행하십시오.

 // 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. 테스트 넷 선택 : 메인 넷 비용이나 잠재적 위험을 피하려면 체인을 Sepolia 또는 Mumbai로 선택하십시오.
3. 프롬프트를 입력하십시오 : 최상의 결과를 얻으려면 가능한 한 설명하십시오.
4. Press Generate : AI는 프롬프트를 기반으로 이미지를 생성합니다.

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와 같은) 및 NFTS (예 : ThirdWeb Engine)를위한 시스템이 포함됩니다. 프론트 엔드는 사용자가 생성기와 상호 작용할 수있게하고, 스마트 계약은 NFT 소유권을 관리하고, AI가 예술을 생성하며, 마이닝 시스템은 블록 체인에서 NFT를 생성합니다.

AI NFT 생성기를 어떻게 사용자 정의 할 수 있습니까?

사용자 정의 옵션은 사실상 무한합니다. 다양한 AI 모델을 통합하고, UI 설계를 수정하고, 고유 한 NFT 특성 추가, 다양한 마이닝 메커니즘을 구현하고, AI 구동 가격 알고리즘도 통합 할 수 있습니다.

AI NFT 생성기의 잠재적 사용 사례는 무엇입니까?

AI NFT 생성기는 개인화 된 아바타를 만들고, 독특한 디지털 수집품을 생성하고, 게임 내 자산 생성을 자동화하며, 생성 아트 프로젝트를 개발하는 데 몇 가지 유스 케이스를 명명하는 데 사용될 수 있습니다.