Handleiding: NFT-service — Maak en implementeer NFT-collectie op Moonbeam

In deze gids leert u stap voor stap hoe u in slechts enkele stappen van onbewerkte gegevens en bestanden naar een permanent geïmplementeerde NFT-verzameling op het Moonbeam-netwerk kunt gaan.

Bram Willemse
12 min readJul 26, 2023

--

De onlangs uitgebrachte integratie van de slimme contracten van het Moonbeam Network in het Apillon-dashboard heeft geleid tot de eerste use case: een implementatie in enkele stappen van een NFT-verzameling.

Lees verder om te leren hoe u uw eerste NFT-verzameling op het Moonbeam-netwerk kunt implementeren met behulp van de NFT-service met slepen en neerzetten op het Apillon-dashboard zonder dat u de Web3-omgeving en specifieke protocollen onder de knie hoeft te krijgen.

Dingen die u moet weten voordat u begint

Hoe werkt uw NFT-collectie?

👉 Duur : implementatie op blockchain maakt uw NFT-verzameling onveranderlijk en niet-verwijderbaar. Indien gespecificeerd, kunnen sommige NFT’s herroepbaar worden gemaakt, maar niet worden verwijderd. Als je alleen aan het testen bent, wil je misschien met dummy-bestanden spelen en niet met definitieve bestanden.

👉 Hosting: Apillon ondersteunt Web3 Hosting met Crust en IPFS , dus alle inhoud die wordt geüpload tijdens het maken van een NFT-collectie, wordt ook decentraal opgeslagen.

👉 Kosten : Apillon biedt momenteel alle diensten aan in een freemium-abonnement. Wat u in deze fase ook inzet, blijft er deel van uitmaken en zal geen deel uitmaken van toekomstige betaalde plannen.

👉 Toegang : de inzet van een NFT-verzameling maakt deze permanent traceerbaar op de blockchain. Als het gaat om het verspreiden van NFT’s, kunt u kiezen voor verschillende manieren om ze met het publiek te delen. Hoewel de eerste Apillon-wizard u stap voor stap door het maken van een NFT-collectie leidt, kunt u als ontwikkelaar nog steeds het volgende recept gebruiken:

  • Schrijf uw JavaScript-code en logica om de NFT’s achter specifieke prestaties te verbergen (spelbeloningen, loyaliteitsbeloningen, enz.)
  • Implementeer uw website met Apillon Web3 Hosting
  • Maak NFT’s alleen toegankelijk voor gebruikers die een bepaald niveau in uw app-logica bereiken

👉 Bewerkbaarheid: implementatie van NFT-verzameling via de Apillon NFT-servicewizard biedt geen ondersteuning voor veranderlijkheid van IPNS-metadata en geleidelijke releases. Ze kunnen worden bereikt door handmatig metadata en NFT’s te bouwen met behulp van de Apillon-infrastructuur.

👉 Netwerk : de huidige release van de NFT-service ondersteunt in eerste instantie Moonbeam Network (Mainnet) en Moonbase (Testnet). In aankomende versies zullen meer netwerkopties beschikbaar worden gemaakt.

Wat heb je nodig?

Om uw eerste NFT-collectie met Apillon te maken, heeft u het volgende nodig:

Lees meer over het compileren van NFT-bestanden, van door AI gegenereerde inhoud tot metadata die ze definieert. 👇

Nu je alles bij de hand hebt, kan je NFT-collectie binnen enkele minuten live gaan — decentraal opgeslagen, de jouwe om te hosten op een gedecentraliseerd netwerk of met je bestaande website.

Laten we beginnen.

Ga naar het Apillon-dashboard, navigeer naar Services in het menu aan de linkerkant en zoek NFT’s . Klik op “ Begin met het maken van NFT’s (Start creating NFTs) ”.

Het hele proces van het lanceren van een NFT-collectie met Apillon bestaat uit drie stappen:

Stap 1: Sla NFT-metadata op

Om te voorkomen dat uw NFT’s van het gezicht van Web3 verdwijnen , moeten de NFT-bestanden — de unieke activa en de gegevens die ze uniek maken — op internet worden opgeslagen, en de beste manier om permanente toegang te garanderen, is door ze op te slaan in een gedecentraliseerde manier.

Wanneer het dashboard vraagt: “Wilt u uw NFT-metadata op een gedecentraliseerde manier opslaan”, heeft u twee opties (klik op een van beide om door te gaan met het proces):

  • Ja, ga verder (Yes, proceed) > ga verder naar stap 2 om bestanden en gegevens te uploaden
  • Ik heb online metadata (I already have it online) > ga verder met stap 3 om bestanden te sourcen en parameters in te stellen (geavanceerd)

Stap 2: Stel NFT’s samen

2.1 Upload NFT-metadata

Klik of sleep uw CSV-bestand en zet het neer. Het platform maakt automatisch een Web3 Storage-bucket op de achtergrond en verbindt deze met uw NFT-verzameling.

👨‍💻 Geavanceerd: als u een ontwikkelaar bent met meer controle, kunt u hetzelfde bereiken door handmatig een Web3 Storage-bucket te maken , metadata te uploaden en de metadata-URI aan te roepen in het NFT-verzamelingsimplementatieproces.

Nu verschijnt de naam van het geüploade bestand op het dashboard. Als je per ongeluk de verkeerde hebt gekozen, klik dan op het verwijderpictogram en doe het helemaal opnieuw.

Klik op “ Doorgaan (Proceed) “ .

Selecteer in het pop-upvenster Metadata-attributen welke metadata-elementen zouden dienen als attributen van NFT’s en kies hun formaat (bijv. een “String” vertegenwoordigt waarden in tekstvorm).

☝️ Opmerking: de niet-aangevinkte elementen worden nog steeds geïmporteerd, maar werken niet als NFT-attributen.

Klik op “ Kenmerken bevestigen (Confirm attributes) ”.

2.2 Upload NFT-bestanden

Nu is het tijd om het vlees en de aardappelen van je NFT-verzameling te uploaden.

Klik op “ Bestanden uploaden (Upload files) “ en kies ze uit uw lokale opslag.

Na het uploaden wordt het totale aantal geüploade bestanden weergegeven. Als u niet hetzelfde aantal NFT-bestanden hebt geïmporteerd als in het CSV-metadatarecord, meldt het dashboard u over ontbrekende bestanden. Verwijder de geüploade en upload opnieuw.

Ga nu kijken hoe uw NFT’s eruit zouden zien — klik op “Voorbeeld van uw NFT’s (Preview your NFTs) ”.

2.3 Voorbeeld van NFT’s

Controleer hoe de verzameling eruitziet, navigeer door pagina’s als er meerdere zijn en controleer of de juiste bestanden worden weergegeven.

In de rechterbovenhoek kunt u overschakelen naar de lijstweergave om te zien of het CSV-bestand correct is geparseerd en of er geen mismatches zijn tussen NFT-bestanden en hun metadata.

⚠️ Opmerking: als er een mismatch is, kan dit te wijten zijn aan fouten in het CSV-register met metadata. Zorg er dus voor dat de volgorde van de bestanden in de spreadsheet en de bestandsnamen overeenkomen met de geüploade bestanden.

Als alles in orde is, gaat u verder met het proces of keert u terug als u iets wilt wijzigen.

☝️ Opmerking: je kunt alles bewerken in deze of eerdere stappen. Maar zodra u uw NFT’s op de blockchain implementeert, blijven ze daar permanent. Als u metadata bewerkbaar wilt houden, kunt u dit alleen doen door deze handmatig te uploaden naar Web3 Storage met IPNS.

Nu, tijd voor de laatste stap: het inzetten van uw NFT-verzameling op de blockchain en het slaan van uw unieke activa.

Stap 3: Mint NFT’s

Stel in deze stap de fijne details van uw verzameling in, inclusief naam, symbool en gedrag.

☝️ Opmerking: het proces is vergelijkbaar, ongeacht of u de bestanden en metadata hebt geüpload volgens de NFT-servicewizard of online hebt gekocht. In het laatste geval moet u ook de URI van de metadatabank en de extensie voor Apillon opgeven om gegevens te sourcen.

3.1 Geef uw verzameling een naam

Uw verzameling heeft een naam nodig om op te vallen tussen velen en gemakkelijk doorzoekbaar te zijn.

👉 Voer de gewenste naam in voor uw verzameling — hier is de lucht de limiet.

👉 Voer een symbool in dat zal fungeren als een tokennaam op de blockchain voor de verzameling. Het bestaat normaal gesproken uit 3 of 4 letters die de naam samenvatten of ernaar verwijzen.

👉 Selecteer in de vervolgkeuzelijst het netwerk (keten) (Chain) waarop u uw verzameling wilt inzetten. In dit stadium kunt u Moonbeam (Mainnet) kiezen om in productiemodus te implementeren of Moonbase (Testnet) om in een testomgeving te implementeren. In aankomende versies van het platform zullen meer netwerkkeuzes beschikbaar zijn.

Controleer de invoer nogmaals en klik op “Doorgaan (Proceed)” .

3.2 Gedrag

Hier vormt u de persoonlijkheid van uw NFT-collectie en bepaalt u hoe deze zich moet gedragen wat betreft het leveren van de inhoud.

👉 Totale voorraad (Total Supply) verwijst naar de maximale voorraad NFT’s in uw verzameling. Als het een beperkt aantal NFT’s bevat, voert u het aantal in onder Hoeveel? (How many?)

👉 Met de functie Herroepbaar (Revokable) kan de eigenaar van de verzameling (u) NFT(‘s) op elk moment intrekken. Dit is handig voor tijdelijke NFT’s, zoals prestatiebadges in merkcampagnes. Onherroepelijke NFT’s leven permanent op de blockchain.

👉 Met Soulbound kunt u uw NFT’s onverhandelbaar maken. Soulbound NFT’s kunnen de portemonnee waarin ze zijn gestort niet verlaten en blijven altijd gekoppeld aan het adres van de oorspronkelijke portemonnee.

👉 Om royalty’s (royalties) van uw NFT’s te innen, voert u uw portefeuilleadres of dat van de ontvanger in en stelt u de royalty’s in % in.

👉 Voor collecties met uitgestelde releases kun je kiezen voor Drop . Hierdoor wordt uw NFT-collectie openbaar beschikbaar voor gebruikers om NFT’s te slaan en te kopen na de opgegeven datum en tegen de opgegeven prijs. Om te voorkomen dat u voor uw eigen NFT’s moet betalen, voert u het aantal NFT’s in dat u voor uzelf wilt reserveren en wilt slaan voordat u ze aflevert. Zonder drop kun je alleen NFT’s slaan voor jezelf of voor anderen.

Controleer alles nogmaals en klik op “ Doorgaan (Proceed) “ om een ​​voorbeeld te bekijken en uw collectie te implementeren.

3.3 Preview en implementeren

Voordat je je eerste door Apillon gemaakte NFT-collectie op het Moonbeam Network implementeert, is dit je laatste kans om alles te bekijken.

Veeg door NFT’s en als alles er goed uitziet, is het tijd om je creaties permanent op de blockchain te schrijven. Klik op “Inzetten op blockchain (Deploy to blockchain)”.

Aangezien dit een point of no return is, wordt u gevraagd om uw beslissing dubbel te bevestigen voordat u uw NFT-collectie implementeert.

Klik nogmaals op “ NFT-verzameling implementeren (Deploy NFT Collection) “ en wacht tot de Web3-magie plaatsvindt.

Binnen een paar seconden kun je jezelf een schouderklopje geven — je eerste NFT-verzameling met Apillon is met succes geïmplementeerd!

Op het volgende scherm kunt u de transactie bekijken in de blockchain-verkenner of de inhoud ervan bekijken in uw nieuw gemaakte bucket.

3.4 Weergeven op internet

Nu u uw NFT-verzameling op de blockchain heeft ingezet, kunt u de transactie bekijken in de blockchain-verkenner die onderaan is gelinkt.

Om NFT’s in al hun glorie weer te geven (naast de transactie-hash) en ze verhandelbaar en deelbaar te maken, moet je ze op een website laten zien.

Zodra de NFT-collectie is geïmplementeerd, krijgt u automatisch een voltooide Apillon-websitesjabloon te zien die uw NFT-metadata kan lezen en uw collectie kan weergeven.

Hier heb je twee opties: je kunt een decentraal gehoste website maken door de sjabloon op GitHub te splitsen, of je kunt de code gewoon in je bestaande website integreren.

1. Fork Apillon NFT-websitesjabloon

De eenvoudigste manier om uw NFT’s weer te geven, is door een website voor uw NFT-verzameling te maken met behulp van de statische websitesjabloon van Apillon en deze op een gedecentraliseerd netwerk te hosten.

Apillon NFT-websitesjabloon

Deze statische website geschreven in HTML is vrij eenvoudig en vertegenwoordigt een goed startpunt, omdat u deze kunt aanpassen aan uw NFT-verzamelingswebsite. Klik op “ Website maken om NFT’s weer te geven (Create website to display NFTs) “.

De knop brengt u naar de Apillon GitHub-repository , waar u een nieuwe fork van de sjabloon kunt maken.

U kunt de sjabloon gebruiken en eenvoudig het bestand js/env.js bijwerken met uw eigen adressen. Zoek het contractadres op het Apillon-dashboard in de lijst met NFT-collecties en kopieer het naar het klembord.

Klik in GitHub onder de knop Code op ZIP downloaden. Plak in uw visuele code-editor het adres van uw NFT-website en sla het op.

Als u klaar bent, voert u het lokaal uit en implementeert u het opnieuw met verschillende functionaliteiten voor Apillon Web3 Hosting .

https://github.com/Apillon-web3/nft-template

2. Integreer en munt NFT-verzameling op uw website

Als u liever heeft dat uw NFT-collectie wordt weergegeven op uw bestaande website, waar deze ook wordt gehost, zelfs centraal, dan kan dat ook.

Klik op “ Toon ze op uw bestaande website (Display them on your existing website) “. Nogmaals, u gebruikt de code van Apillon GitHub en integreert deze in uw website.

3.5 Mint NFT’s

Om uw NFT’s in al hun glorie op uw website te laten verschijnen, moet u ze slaan.

Op het Apillon-dashboard kunt u de details van de geïmplementeerde NFT-collectie zien: collectiesymbool (Collection symbol) en -naam (name) , contractadres (Contract address)(kopieer en plak het in blockchain-verkenner om te verifiëren) en de status ervan (bijv. “Failed”, “Deploying” of “Ingezet”). Er is ook de Mint prijs en het aantal gereserveerde (Reserved) NFT’s.

Onder Minted/Max voorraad (Minted/Max supply) kunt u zien hoeveel van de ingezette NFT’s daadwerkelijk zijn geslagen.

Om meer acties uit te voeren, inclusief slaan, en meer details te zien, klik je op de collectienaam (Collection name).

Op de lijst met details geeft de Chain ID het netwerk aan waarop de collectie is geïmplementeerd, samen met Transaction hash .

Onder Transactietype ziet u de geïnitieerde actie voor de contracten en de status ervan .

Als alles er goed uitziet, ga dan naar Acties (Actions) in de rechterbovenhoek en kies voor Mint your NFTs.

Terwijl u uw NFT’s slaat, brengt u uw collectie tot leven, gekoppeld aan uw portemonnee en zichtbaar op uw website.

Met behulp van de code van GitHub kunt u deze eenvoudig integreren in uw website.

3.6 Eigendom overdragen (Transfer ownership)

Om het eigendom over te dragen naar een andere portemonnee, klikt u erop onder de vervolgkeuzelijst Acties en voert u het adres van de portemonnee in de pop-up in.

Lang leve NFT’s

Nou, dat is het dan. Je hebt het einde gehaald en bent nu een trotse eigenaar van je eerste NFT-collectie op het Moonbeam Network!

Plaats ze op marktplaatsen zoals tofuNFT , toon ze lokaal op uw website of dapp, of deel ze met de beoogde ontvangers.

De lucht is de limiet! Laat ons weten hoe het ging, deel je waardevolle NFT’s met de Apillon- en Moonbeam-gemeenschappen en inspireer anderen om in je voetsporen te treden.

1, 2, 3 — NFT!

⧓ Over Apillon

Het Apillon-platform dient als een uniforme toegangspoort tot de Web3-services die worden geleverd door gekoppelde Polkadot-parachains. In navolging van de visie met meerdere ketens, stimuleert Apillon de overgang van ontwikkelaars naar Web3, vereenvoudigt het de acceptatie ervan in de reële economie en breidt het zijn veelzijdigheid uit naarmate het ecosysteem groeit. Met Apillon zijn Web3-services binnen handbereik voor elke ontwikkelaar, ongeacht hun achtergrond en ervaring met blockchain-technologie.

Website | Wiki | GitHub | Twitter | Telegram | Linkedin | Reddit

--

--