Kostenlose Tools für künstliche Intelligenz (KI)
Kostenlose Tools für künstliche Intelligenz (KI)https://blockliv3.medium.com/?source=post_page-----11265384657c-------------------------------- Die Welt der Künstlichen Intelligenz fasziniert uns immer noch. Wir haben kostenlose Tools für künstliche Intelligenz (KI) zusammengestellt , von denen die meisten einfach zu bedienen sind und einige mehranspruchsvoll… wie das Erstellen von ML-Modellen. Wir haben versucht, einzigartig zu sein und viele der KI-Plattformen zu meiden, die Sie in den meis...
10 wichtige VS-Code-Tipps und Tricks für mehr Produktivität
10 wichtige VS-Code-Tipps und Tricks für mehr Produktivität OpenConvo wird in Visual Studio Code geöffnet. Wussten Sie, dass 73 % der Entwickler weltweit auf denselben Code-Editor angewiesen sind? Ja, die Ergebnisse der Stack Overflow Developer Survey 2023 liegen vor, und wieder einmal war Visual Studio Code mit Abstand dabeidie am häufigsten verwendete Entwicklungsumgebung. „Visual Studio Code ist nach wie vor die bevorzugte IDE aller Entwickler und wird im Vergleich zu professionellen Entwi...
Airdrop (13) NFT Markets | Best Beginner Guide
Holograph | mint.fun | Element | LooksRare | X2Y2 | Zonic.app | Zora | Magic Eden | Drop_(Zone) |Kreatorland | zkMarkets | mintbase | NFT FEED | 🌟 Eine Initiative, um die Web3-Bildung für die nächste Generation zugänglicher zu machen. 🌟Holograph ist ein intelligentes Vertragsprotokoll, mit dem sich fungible und nicht fungible Token über Ethereum Virtual Machine ( EVM ) -kompatible Blockchains bewegen können, während eine dauerhafte intelligente Vertragsadresse, Token ID, beibehalten wird, u...
Crypto Pioneer | NFT & LSD
Kostenlose Tools für künstliche Intelligenz (KI)
Kostenlose Tools für künstliche Intelligenz (KI)https://blockliv3.medium.com/?source=post_page-----11265384657c-------------------------------- Die Welt der Künstlichen Intelligenz fasziniert uns immer noch. Wir haben kostenlose Tools für künstliche Intelligenz (KI) zusammengestellt , von denen die meisten einfach zu bedienen sind und einige mehranspruchsvoll… wie das Erstellen von ML-Modellen. Wir haben versucht, einzigartig zu sein und viele der KI-Plattformen zu meiden, die Sie in den meis...
10 wichtige VS-Code-Tipps und Tricks für mehr Produktivität
10 wichtige VS-Code-Tipps und Tricks für mehr Produktivität OpenConvo wird in Visual Studio Code geöffnet. Wussten Sie, dass 73 % der Entwickler weltweit auf denselben Code-Editor angewiesen sind? Ja, die Ergebnisse der Stack Overflow Developer Survey 2023 liegen vor, und wieder einmal war Visual Studio Code mit Abstand dabeidie am häufigsten verwendete Entwicklungsumgebung. „Visual Studio Code ist nach wie vor die bevorzugte IDE aller Entwickler und wird im Vergleich zu professionellen Entwi...
Airdrop (13) NFT Markets | Best Beginner Guide
Holograph | mint.fun | Element | LooksRare | X2Y2 | Zonic.app | Zora | Magic Eden | Drop_(Zone) |Kreatorland | zkMarkets | mintbase | NFT FEED | 🌟 Eine Initiative, um die Web3-Bildung für die nächste Generation zugänglicher zu machen. 🌟Holograph ist ein intelligentes Vertragsprotokoll, mit dem sich fungible und nicht fungible Token über Ethereum Virtual Machine ( EVM ) -kompatible Blockchains bewegen können, während eine dauerhafte intelligente Vertragsadresse, Token ID, beibehalten wird, u...
Crypto Pioneer | NFT & LSD

Subscribe to blockliv3 | (GER)

Subscribe to blockliv3 | (GER)
Share Dialog
Share Dialog
<100 subscribers
<100 subscribers
So bauen Sie einen NFT-Marktplatz ohne Code
Erfahren Sie, wie Sie mit dem visuellen Web-Builder von Bubble einen Opensea-Klon oder Ihren eigenen Web3-Marktplatz ohne Code erstellen.

In diesem Beitrag führen wir Sie Schritt für Schritt durch den Aufbau eines NFT-Marktplatzes wie Opensea , Rarible oder LooksRare mit Bubble. Unabhängig davon, ob Sie einen NFT-Marktplatz aufbauen möchten oder einfach nur daran interessiert sind, einige der Kernfunktionen eines NFT-Marktplatzes für Ihr persönliches NFT-Storefront zu nutzen, erfahren Sie in diesem Leitfaden, wie Sie mit dem Aufbau der zugrunde liegenden Arbeitsabläufe für Ihr Produkt beginnen.
Bevor wir beginnen, ist es wichtig zu beachten, dass es zwar andere Lösungen für NFT-Storefronts gibt, die sich selbst als „No-Code“ bezeichnen, diese Ihnen jedoch normalerweise nur Zugriff auf einen vorgefertigten Satz von Vorlagen, Optionen und Verträgen ermöglichen. Als Ersteller der One2all NFT-Marktplatz- Vorlage habe ich aus erster Hand herausgefunden, dass Bubble die beste Plattform zum Aufbau eines NFT-Marktplatzes ist, wenn Sie jemals über diese vorgefertigten Tools hinausgehen möchten .
Mit Bubble haben Sie die volle kreative Kontrolle und das Eigentum an Ihrer App sowie deren Daten und Inhalten. Dies ist besonders wichtig, wenn Sie mehr Freiheit für Innovationen benötigen und sich vorstellen können, über die integrierten Funktionen einer Standardlösung hinauszugehen.
Die Schritte zum Aufbau eines NFT-Marktplatzes ohne Code umfassen:
Loslegen Konfigurieren Ihrer Datenbank Arbeitsabläufe erstellen Anschließen einer Wallet Ein NFT prägen Stellen Sie Ihr NFT zum Verkauf Kauf eines NFT Zusatzfunktionen Privatsphäre & Sicherheit Start Beginnen Sie mit dem Bau Loslegen Bevor Sie mit dem Aufbau beginnen, müssen Sie zunächst Ihr kostenloses Bubble-Konto registrieren. Klicken Sie auf die Schaltfläche unten, um zu beginnen. Anschließend können Sie mitverfolgen, wie wir gemeinsam unser Produkt entwickeln.
Registrieren Sie Ihr Konto bei Bubble
Neu bei Bubble? Folgen Sie unseren Einführungsvideos, um sich mit den Grundlagen von Bubble vertraut zu machen. Dies wird Ihnen beim Aufbau eines NFT-Marktplatzes ohne Code helfen.
Wenn Sie Ihr Projekt starten, können Sie zunächst mit dem Wireframing Ihres Produktdesigns beginnen oder die erforderlichen Felder in Ihrer Datenbank erstellen. In diesem Fall verwenden wir zunächst das visuelle Designtool von Bubble, um die Benutzeroberfläche unserer Plattform zu gestalten.
Wenn Sie Ihre eigene Version eines NFT-Marktplatzes wie Opensea replizieren, müssen Sie die folgenden Seiten erstellen:
Landing Page — eine Seite zum Hervorheben von NFTs und Sammlungen, einschließlich eines Aufrufs zum Handeln für den Benutzer, um bestimmte NFTs zu erkunden oder zu suchen
Marktplatzseite — mit Suchfunktion zum Anzeigen einer Liste von NFTs Artikelseite — eine einzelne Seite zum Anzeigen eines NFT und seiner Details Seite
„Artikel erstellen“ — ein Formular zum Erstellen und Prägen von NFTs
Connect-Seite — eine Seite (oder ein Modal), über die sich der Benutzer mit seinem gewünschten Wallet (z. B. Metamask) anmelden kann.
Kontoseite (optional) — eine Profilseite für einen bestimmten Benutzer, um seine NFTs hervorzuheben
Sammlungsseite (optional) — eine Sammlungsseite zum Anzeigen verwandter NFTs

Eine Hauptfunktion von Bubble ist die Möglichkeit, Daten zwischen Seiten zu senden. Auf diese Weise können Sie eine generische Version einer Seite erstellen und dann bei Bedarf den relevanten Inhalt aus Ihrer Datenbank dynamisch anzeigen.
Im Falle Ihres No-Code-NFT-Marktplatzes müssen Sie nur eine Seite für NFTs erstellen. Wir können dann eindeutige Bedingungen hinzufügen, um nur den relevanten Inhalt jedes NFT anzuzeigen, wenn er benötigt wird (wir werden bald ausführlicher darauf eingehen).
Konfigurieren Ihrer Datenbank
Sobald Sie diese Seiten mit einem Wireframe versehen haben, können Sie sich auf die Erstellung der erforderlichen Datenfelder für Ihre Anwendung konzentrieren. Wir verlassen uns auf diese Felder, um die Arbeitsabläufe hinter Ihrem Produkt zu verbinden.
Die vorgefertigte Datenbank von Bubble erleichtert die Erstellung verschiedener Datentypen mit eindeutigen Feldern. Beim Aufbau Ihres No-Code-NFT-Marktplatzes als MVP müssen wir die folgenden Datentypen und Felder erstellen.
Bitte beachten Sie, dass wir uns auf die wesentlichen Datentypen konzentrieren werden, um ein MVP zum Laufen zu bringen. Wenn Sie den vollständigen Satz an Datenfeldern sehen möchten, schauen Sie sich bitte die One2all-Vorlage an und erkunden Sie mehr.
Das Ziel dieses MVP besteht darin, einen Marktplatz mit Benutzern, Sammlungen und NFTs zu schaffen und die Grundfunktionen des Prägens, Anzeigens und Verkaufens zu implementieren.
Datentyp: Benutzer Felder:
Name (vollständig)
Name (Spitzname)
Geldbörse (erforderlich)
E-Mail optional)
List Owned (Liste der NFTs im Besitz)
Liste erstellt (Liste der erstellten NFTs)
Liste der NFTs, die mir gefallen (Liste der NFTs, die mir gefallen)
Listen Sie die Sammlungen auf, die Ihnen gefallen haben (Liste der Sammlungen, die Ihnen gefallen haben)
Sammlungen (Liste der erstellten Sammlungen)

Datentyp: NFT Felder:
Name
Eigentümer
Schöpfer
Status
Token-Typ (ERC721 oder ERC1155)
Token-ID
Kategorie (Bild, Audio, Video oder 3D)
Kategorietext
Ketten-ID
Kettentitel
Sammlung
Beschreibung
Editionen (für 1155)
Anhänger
Bildcover
Medien (für Audio-, Video- und 3D-Dateien)
Preis/Bester Preis Verkaufsauftrags-Hash Eigenschaften
Lizenzgebühren

Datentyp: Sammlung Felder:
Name
Beschreibung
Ketten-ID
Kettentitel
Vertragsadresse
Vertrags-ABI
Abdeckung
Schöpfer
Beschreibung
Empfohlene Flagge (optional)
Artikel (Liste der NFTs)
Follower (Liste der Benutzer)
Logo
Typ (ERC721 oder ERC1155)

Arbeitsabläufe erstellen
Nachdem Sie nun sowohl das Design als auch die Datenbank Ihrer Anwendung strukturiert haben, ist es an der Zeit, alles zusammenzufügen, um Ihre App funktionsfähig zu machen.
In Bubble ist die Hauptmethode zum Erstellen von Funktionen in Ihrer App die Verwendung von Workflows. Jeder Workflow wird ausgeführt, wenn ein Ereignis eintritt (z. B. wenn ein Benutzer auf eine Schaltfläche klickt) und anschließend eine Reihe von „Aktionen“ als Reaktion ausgeführt wird (z. B. „Benutzer anmelden“, „Änderung an der Datenbank vornehmen“ usw.).
Für einen NFT-Marktplatz müssen mehrere Arbeitsabläufe zusammenarbeiten, um die erwartete Funktionalität zu schaffen, die ein Benutzer wünscht. Wenn die NFTs beispielsweise mit der Blockchain interagieren, müssen Sie Ihren Benutzern ermöglichen, zunächst ihre Wallets zu verbinden. In der Regel möchten sie dann entweder einen NFT prägen oder einen NFT kaufen.
Für die Zwecke dieser exemplarischen Vorgehensweise beziehen wir uns auf die Arbeitsabläufe in der One2all NFT Marketplace v2-Vorlage . One2all ist die einzige Lösung, die sich speziell darauf konzentriert, technisch nicht versierte Gründer, Schöpfer und Unternehmer beim Aufbau von Bubble-No-Code-NFT-Marktplätzen zu unterstützen. Wir werden auch mehrere Plugins von Ezcode nutzen , einem engen Partner von One2all und einer der größten und erfahrensten Bubble-Agenturen mit Schwerpunkt auf NFTs und Web3.
Anschließen einer Wallet
Die erste Funktion, die wir erstellen werden, ist eine Schaltfläche zum Verbinden der Brieftasche. Dazu müssen wir das Web3- und Metamask-Plugin von Ezcode nutzen. Es bietet eine umfassende Palette an Funktionen und Aktionen, die für jede Web3-App, die Sie in Betracht ziehen, nützlich sind. Aber wir werden einen Aufruf besonders verwenden: Mit Metamask-Wallet verbinden.
💡
WICHTIG: Für jede Blockchain gibt es mehrere Ketten-IDs, die bestimmen, ob Sie auf das Mainnet (echtes Geld) oder auf das Testnet (Scheingeld nur zum Testen) abzielen. Das am häufigsten verwendete „Testnetz“ für Ethereum ist Rinkeby (z. B. Rinkeby-Ketten-ID = 4, während Mainnet-Ketten-ID = 1). Die Einstellungen hierfür können in der One2all NFT Marketplace v2-Vorlage oder in der SDK-Dokumentation von Rarible eingesehen werden .

Um eine Verbindung zu einem Metamask-Wallet herzustellen, möchten Sie normalerweise das Web3- und Metamask-Element löschen und eine Schaltfläche in einem wiederverwendbaren Header-Element erstellen, damit diese Verbindungsfunktion wiederverwendet und auf jeder von Ihnen erstellten Seite angezeigt werden kann.
Nachdem Sie ein Plugin-Element abgelegt und eine neue Schaltfläche erstellt haben (Sie können sie „Connect Wallet“ nennen), möchten Sie auf „Workflow starten/bearbeiten“ klicken, um einen neuen Workflow und eine neue Aktion zu erstellen.

Sobald Sie den richtigen Button Connect Wallet-Workflow auf der Registerkarte „Workflow“ markiert haben, möchten Sie eine „Elementaktion“ für „Mit einer Metamaske verbinden“ hinzufügen.

Sobald Sie diese Aktion und diesen Workflow gespeichert haben, kann Ihre App nun eine Verbindungsanfrage in einer Metamask-Browsererweiterung anzeigen.

Zusätzliche Funktionalität: Es ist üblich, dass Web3-Apps den Benutzer außerdem auffordern, eine benutzerdefinierte Nachricht von der App zu signieren, um den Benutzer zu authentifizieren. Wir werden diesen Schritt für das MVP nicht durchführen, aber Sie können die Verwendung der Aktion „Signieren“ in der One2all v2-Vorlage untersuchen . Durch das Signieren der Nachricht erstellt der Benutzer ein verschlüsseltes Passwort, das dann verwendet wird, um den Benutzer jedes Mal, wenn er seine Wallet verbindet, sicher anzumelden.
Ein NFT prägen
Die nächste Funktion, die wir erstellen werden, ist eine Minting-Funktion, die vollständig auf der Seite „Artikel erstellen“ stattfinden wird.
Während für das Minting verschiedene Plugins und Back-Ends zur Verfügung stehen, konzentrieren wir uns auf das Rarible SDK- Plugin, das 2021 gemeinsam von Ezcode und One2all entwickelt wurde und weiterhin sehr häufig vom Ezcode-Team aktualisiert wird. Das Rarible SDK bietet drei entscheidende Komponenten: Lazy Minting (Minting ohne Gas für den Verkäufer), Indexierung (Abfrage der Blockchain nach NFT-Daten) und Orderbuch (Fähigkeit, Kauf- und Verkaufsaufträge anzunehmen und auszuführen).
Für Lazy Minting gibt es zwei grundlegende Standards für NFTs, die Sie erstellen können. Eine davon ist ein „1-von-1“-NFT oder eine Einzeledition, die auch als ERC721 bekannt ist. Das andere ist ein „Multi-Edition“-NFT, auch bekannt als ERC1155. Wir werden uns darauf konzentrieren, einen ERC721 für unseren MVP zu prägen.

Ein NFT kann wirklich aus beliebigen Metadaten bestehen. Sie können zwar jederzeit weitere hinzufügen, die standardmäßig enthaltenen Metadaten sind jedoch:
Name
Beschreibung
Inhalt (Bild, Audio, Video oder 3D-Datei)
Titelbild (wenn Audio, Video oder 3D)
Lizenzgebühr % (% des an den Ersteller gesendeten Zweitverkaufs)
Eigenschaften (Attribute, die die Seltenheit bestimmen)
Eine Sammlung zum Prägen des NFT
Um einen NFT zu erstellen, müssen wir tatsächlich ein Formular erstellen, um alle diese Informationen zu sammeln. Beginnen wir zunächst mit den einfacheren Eingaben und kommen dann zurück zu den Medieninhalten.
Für den Namen und die Beschreibung handelt es sich lediglich um einzeilige bzw. mehrzeilige Eingaben:

Für die Lizenzgebühren können Sie wieder eine einzeilige Eingabe vornehmen, die „Text (nur Zahlen)“ akzeptiert.
Hinweis: Eine einzigartige Funktion des Rarible SDK ist die Möglichkeit, mehrere Lizenzgebühren einzubeziehen. Auf den meisten großen Marktplätzen können Sie nur eine Empfängeradresse für Lizenzgebühren eingeben, sodass Sie die Möglichkeit, mehrere Lizenzgebühren hinzuzufügen, als zusätzliche und optionale Funktion betrachten können.

Für die Eigenschaften kann dies auf verschiedene Weise erfolgen, einschließlich eines Popup-Fensters zum Hinzufügen/Bearbeiten/Entfernen von Eigenschaften, wie im Screenshot gezeigt. Sie können jedoch auch einen einfacheren Weg gehen und einfach zwei einzeilige Eingaben (eine für den Namen der Eigenschaft und die andere für den Wert der Eigenschaft) und eine Schaltfläche „Hinzufügen“ verwenden, um kontinuierlich Eigenschaften zu einer Liste hinzuzufügen. Möglicherweise möchten Sie auch eine sich wiederholende Textgruppe darunter, um den laufenden Satz von Eigenschaften anzuzeigen, die Sie hinzugefügt haben.

Finally, you will want a collection or contract address to which you want mint. In the One2all template, we also have the workflow for creating/deploying a contract either on or off-chain, but for our purposes, let’s assume we have a set of contracts we can already reference like Rarible’s Public “Rarible Single” collection. You will need to input the collection’s on-chain contract address and include that in the Rarible Mint Token action.

Now let’s come back to the content. An NFT is not strictly limited to any file type but the most common NFT file types are:
Image — JPG, PNG, GIF (including animated GIFs), SVG Video — MP4, WEBM Audio — MP3, WAV, OGG 3D — GLB
While these files can typically be stored anywhere, the common practice is to store them in a decentralized file store to preserve autonomy and make them censorship resistant. To accomplish this, many in the NFT ecosystem leverage the InterPlanetary File System or IPFS which effectively is a giant, always-on, peer-to-peer file storage network. Another common back-end is Arweave. While both are effective, we will focus on IPFS and a gateway service called Pinata to access it (Infura.io and Nft.storage are other popular gateway services).
Wir werden das Pinata-Plugin von Ezcode nutzen, das speziell entwickelt wurde, um die Spezifikationen von One2all für NFTs mit großer Dateigröße (100 MB und mehr) zu erfüllen. Mit dem Pinata-Plugin können Sie einzelne Dateien, die größer als 50 MB sind, über den API-Connector von Bubble übertragen.
Das Pinata-Plugin nutzt Element-IDs, um jedes Element in Ihrer Bubble-App effektiv in einen Datei-Uploader umzuwandeln. In diesem Fall zielen wir auf ein Element mit der ID „file-uploader-item“.
Hier ist das PinataSDK-Element und die „Ziel-ID“ enthält „file-uploader-item“.
Hier ist das Element, das mit „file-uploader-item“ getaggt wurde:
Dieselbe Methode sollte verwendet werden, um sowohl den primären Inhalt des NFT als auch jedes Titelbild in Pinata/IPFS zu laden. Der Dienst gibt dann eine eindeutige Inhalts-ID zurück, mit der der Inhalt jederzeit über eine einfache URL abgerufen werden kann. Diese Inhalts-ID werden wir in unsere NFT-Daten aufnehmen.
Wir haben unser Formular nun fertiggestellt. Eine Anmerkung: Es empfiehlt sich, die relevanten Felder aus Sicht der Formularübermittlung als erforderlich zu markieren. Beim Minting ist es großartig, dem Benutzer zu helfen, zu verstehen, welche Felder erforderlich sind und welche nicht, da NFTs für ihren Ersteller einen hohen persönlichen (oder finanziellen!) Wert haben können!
Jetzt haben wir alle unsere Daten ausgefüllt, lasst uns mit dem Prägen beginnen!

There are three critical steps we need to lazy mint an NFT. Remember, you will need to drop a plugin element for both the RaribleSDK Plugin and the PinataSDK Plugin in your app to be able to see and interact with the following actions:
We need to Generate a token ID from Rarible so that the NFT’s url can be included in its metadata. Remember once a file is uploaded to IPFS it can not be subsequently changed or modified!
We need to upload the metadata (in JSON format and including our content ID’s for the NFTs media) to IPFS via the Pinata Upload action. The JSON fields need to be named and formatted rather specifically, as seen in the following screenshot.

3. Call the “Mint RaribleSDK A” action on your RaribleSDK element. Here is where we will contact the Rarible minting API and transmit all the information contained within our NFT, the royalties attributed to it as well as which contract we will be minting to.
This request will trigger a popup in your Metamask extension.
Once you have confirmed the lazy minting (which is gas free to the seller) in your Metamask, you will want to catch any responses back from the RaribleSDK. This will either be one of 3 responses:
Rejected by User Error
While Minting A Token Minted Troubleshooting: If you get the message ‘Rejected by User’ or ‘Error while Minting”, try: closing any open popups, unpinning any unused content or files (to save storage), and updating any states and statuses you were using to track the workflow.
Wenn Sie A Token Minted erhalten haben, dann herzlichen Glückwunsch! Sie haben über Ihre Plattform offiziell ein NFT erstellt.
Der entscheidende nächste Schritt hier besteht darin, endlich Ihr NFT-Ding in Ihrer Bubble-App-Datenbank zu erstellen. Während der Kern dessen, was Ihren NFT ausmacht, immer noch faul ist und bereit ist, in die Kette zu gehen, verfügen große NFT-Börsen oft über eine lokale Version ihres NFT, um Dinge wie „Follows“, „Likes“ und andere Daten zu verfolgen, die nicht kritisch sind Bleiben Sie in der Kette.

Erstellen Sie im Rahmen Ihres „Token Minted“-Workflows ein neues NFT-Ding und füllen Sie es mit den Metadaten, die Sie auf Pinata gespeichert haben, sowie der zuvor generierten TokenID.
Sobald Sie Ihr neues NFT-Ding erstellt haben, können Sie Ihren Benutzer gerne auf eine Artikelseite weiterleiten und diesen neu erstellten NFT als Daten senden, um die Artikelseite zu füllen.
Stellen Sie Ihr NFT zum Verkauf

So you’ve minted your first NFT. Now let’s try to put it on sale! This workflow will take place entirely in an “item” page which is a page that will have an “NFT” data thing as its content type:
The Item page is a critical part of your marketplace, typically it will include the following at a minimum:
Content (image, audio plus image cover, video, 3d model view)
Name
Description
Status (On Sale, Not for Sale)
Price Bids (optional)
History (optional)
Links to item on other exchanges (optional)
The NFT page can typically be top-aligned, as shown:

Or the design of the page can be left-aligned:
However, at the end of the day, the design of your NFT experience is really what you want it to be. There is no stipulation that you need to follow any of these prior frameworks and with Bubble, you can design your page however you want.
So let’s move forward with the sale process. What you will need is to leverage the Rarible SDK plugin once more.
We will need a button to “Put on Sale” somewhere on the page. Note: your NFT should have a set of clear statuses to identify whether it is already on sale or not. We have used “Not for Sale” and “On Sale” as an example and these align closely with what the large exchanges also use.
The Put On Sale button should launch a popup or modal that then requires the user to enter other critical information like Price. Note: there is a conditional “when” on this button click as well to ensure that it only executes when the Item is “Not for Sale”. You wouldn’t want to send a repetitive Sale request when the item is already on sale.
Das Popup kann relativ einfach sein und einfach einen Preis vom Benutzer anfordern und eine Schaltfläche zum Aufrufen des Rarible SDK sowie eine Möglichkeit zum Abbrechen aus dem Modal enthalten. Es kann auch mit anderen informativen Informationen wie dem Kontostand des Benutzers und der Zwischensumme aller zugeordneten Gebühren angereichert werden.
Abschließend verknüpfen wir eine Schaltfläche „Bestätigen“ mit der Aktion „Bestellung erstellen“ im Rarible SDK.
Bei dieser Aktion werden die Adresse des NFT-Sammelvertrags, seine Token-ID (die durch einen der ersten Aufrufe in unserem Minting-Workflow generiert wurde, Rarible Generate Token ID), der Zielwert und der Preis erfasst.
Sobald dies in der App aufgerufen wird, erscheint erneut Metamask, damit der Benutzer die Blockchain-Transaktion bestätigen kann.

Von hier aus gibt es noch einmal drei mögliche Antworten, die das SDK senden wird:
Der Verkaufsauftrag wurde vom Benutzer abgelehnt
Fehler beim Platzieren eines Verkaufsauftrags
Verkaufsauftrag erteilt J
ust like with minting, if one of the first two responses is received, be sure to cancel out of the popup and clear data from any input fields.
As you can see below, the workflow is very similar for both a “Rejected by User” response and an “Error while placing Sell Order” response. First, you want to call an action to reset the input for sell price (so it doesn’t show up again upon launching another sell order). Second, you want to hide the put on sale popup. Third you want to show an error popup with some information for the user as to why this error occurred. Finally, you want to clear any critical states that were used for the transaction in this case “origin fees”, “wallet_amount” and “isntclick”. Set them to “null” or empty values to clear them.

If the “Sell Order Placed” response was received, awesome! You’ve put your NFT on sale. You will want to update the status of your NFT thing to “On Sale”, record the Sell Order Hash (which is effectively the tracking ID for your sell order), and finally record the fixed price in your NFT Thing. A nice touch is to popup an alert or toast message to let the user know that their order was placed.
Buying an NFT
For the last workflow of our guide, we are going to purchase the NFT at a fixed price. For this step in the process, we will again be focusing on the “item” page as that is where a user would go to see the NFT as well as its listing price and take action.
Wie Sie im folgenden Screenshot sehen können, möchten Sie normalerweise den Preis anzeigen, zu dem das NFT zum Verkauf steht, und eine Schaltfläche, über die der Benutzer einen Kauf tätigen kann. Beide können auf die Parameter zurückgreifen, die im vorherigen Arbeitsablauf in Ihrem NFT gespeichert wurden.

Auch hier empfiehlt es sich, ein Modal für die endgültige Bestätigung durch den Käufer zu öffnen. Dies ist praktisch eine „Sind Sie sicher?“-Antwort. Schritt, um sicherzustellen, dass der Benutzer nicht versehentlich auf die Schaltfläche „Jetzt kaufen“ geklickt hat.
Der Workflow ist nach der Bestätigung relativ einfach. Es handelt sich um einen Aufruf der Aktion „Bestellung ausführen“ im RaribleSDK-Plugin. Die einzige erforderliche Eingabe ist der Verkaufsauftrags-Hash, den wir zuvor im vorherigen Schritt gespeichert haben. Was hier geschieht, ist, dass der Sell Order Hash alle kritischen Informationen (Preis, Verkäufer, Zeit usw.) im Zusammenhang mit dieser Bestellung innerhalb des Rarible-Systems eindeutig identifiziert.
Sobald dies gesendet wurde, erscheint erneut eine Metamask-Anfrage, damit der Benutzer eine endgültige Bestätigung vornehmen kann. Beachten Sie, dass der Preis, die Zielkette (in diesem Beispiel Rinkeby) und die Gasgebühren allesamt kritische Parameter sind, die der Benutzer beachten sollte. Denken Sie daran: Sobald eine Transaktion in der Kette bestätigt wurde, ist es je nach Art der Transaktion sehr schwierig oder unmöglich, sie rückgängig zu machen.
Schließlich wird es nach der Bestätigung mehrere mögliche Antworten vom RaribleSDK geben:
Der Kauf eines Artikels wurde vom Benutzer abgelehnt Artikel erfolgreich gekauft Wenn Sie die erste Antwort erhalten, überprüfen Sie Ihre vorherigen Schritte im Workflow und stellen Sie sicher, dass Ihr Verkaufsauftrags-Hash korrekt gespeichert wurde. Für den Benutzer möchten Sie ihm möglicherweise ein Popup oder eine Warnung anzeigen, dass möglicherweise ein Fehler aufgetreten ist, und ihn aus dem Gebotsmodus schließen.
Wenn Sie die zweite Antwort erhalten, wurde der Artikel gekauft und wir gratulieren herzlich! Sie haben einen vollständigen End-to-End-Aufbau für Ihren NFT-Marktplatz abgeschlossen!
Zusatzfunktionen Ich hoffe, Ihnen hat diese kurze Einführung in die Welt der No-Code-NFT-Marktplätze gefallen. Sowohl NFT- als auch No-Code-Technologien bieten unglaublichen Spielraum für kreative Erkundungen, insbesondere wenn sie in Kombination verwendet werden. Sobald Sie mit den Kernmechanismen der von uns durchlaufenen Arbeitsabläufe vertraut sind, können Sie mit den von Ihnen erstellten Erlebnissen kreativ werden. Darüber hinaus können Sie:
Starten Sie offene Auktionen mit Geboten Erstellen Sie zeitgesteuerte Auktionen mit einer bestimmten Dauer Suchen und filtern Sie nach bestimmten NFTs und Attributen Kaufen Sie NFTs mit Fiat Verbinden Sie sich mit Walletconnect und anderen Wallet-Anbietern Starten Sie auf anderen Ketten wie Polygon, Tezos, Flow und Solana Privatsphäre & Sicherheit Nachdem Sie nun die Grundlagen Ihrer App kennen, vergessen Sie nicht, einige Datenschutzregeln und -bedingungen festzulegen, um die Sicherheit Ihrer Daten zu gewährleisten — beginnend mit Rollen im Abschnitt „ Datenschutz“ Ihrer Datenregisterkarte . Sie können auch mit einem API-Checker überprüfen, ob Sie unbeabsichtigt Daten preisgeben .
Start Die Beauftragung eines Entwicklers oder Entwicklerteams mit der Erstellung dieser App würde Tausende, wenn nicht Zehntausende Dollar kosten. Wenn Sie die App starten und die Anzahl der Benutzer wächst, können Sie die App mit kostenpflichtigen Plänen auf Ihrer eigenen benutzerdefinierten Domain hosten. Die Preise beginnen bereits bei 25 US-Dollar pro Monat. Einige Vorlagen und Plugins kosten möglicherweise mehr, aber Sie können die gesamte Funktionalität von Opensea oder Rarible ohne zusätzliche Kosten erstellen.
Wenn Sie jedoch daran interessiert sind, ein erfahrenes Team zum Aufbau Ihrer Plattform heranzuziehen, können Sie sich gerne direkt an mich unter andrew@one2all.io wenden . Wir sind stolz darauf, Kunden dabei zu helfen, ihre einzigartigen Visionen und Innovationen in der aufstrebenden Welt der NFTs zu verwirklichen.
Beginnen Sie mit dem Bau Bubble kann Ihnen beim Aufbau eines No-Code-NFT-Marktplatzes oder eines anderen Produkts Ihrer Wahl helfen! Es war noch nie einfacher, etwas Unglaubliches zu bauen, ohne programmieren zu müssen.
🌟 Eine Initiative, um die Web3-Bildung für die nächste Generation zugänglicher zu machen. 🌟
🌟 Feel free to check out: blockliv3.nft@ud.me)| beacons.ai/blockliv3 | X:@blockliv3 | Mirror:@blockliv3 | Medium:@blockliv3 | Substack:@blockliv3
Web3 Crypto
So bauen Sie einen NFT-Marktplatz ohne Code
Erfahren Sie, wie Sie mit dem visuellen Web-Builder von Bubble einen Opensea-Klon oder Ihren eigenen Web3-Marktplatz ohne Code erstellen.

In diesem Beitrag führen wir Sie Schritt für Schritt durch den Aufbau eines NFT-Marktplatzes wie Opensea , Rarible oder LooksRare mit Bubble. Unabhängig davon, ob Sie einen NFT-Marktplatz aufbauen möchten oder einfach nur daran interessiert sind, einige der Kernfunktionen eines NFT-Marktplatzes für Ihr persönliches NFT-Storefront zu nutzen, erfahren Sie in diesem Leitfaden, wie Sie mit dem Aufbau der zugrunde liegenden Arbeitsabläufe für Ihr Produkt beginnen.
Bevor wir beginnen, ist es wichtig zu beachten, dass es zwar andere Lösungen für NFT-Storefronts gibt, die sich selbst als „No-Code“ bezeichnen, diese Ihnen jedoch normalerweise nur Zugriff auf einen vorgefertigten Satz von Vorlagen, Optionen und Verträgen ermöglichen. Als Ersteller der One2all NFT-Marktplatz- Vorlage habe ich aus erster Hand herausgefunden, dass Bubble die beste Plattform zum Aufbau eines NFT-Marktplatzes ist, wenn Sie jemals über diese vorgefertigten Tools hinausgehen möchten .
Mit Bubble haben Sie die volle kreative Kontrolle und das Eigentum an Ihrer App sowie deren Daten und Inhalten. Dies ist besonders wichtig, wenn Sie mehr Freiheit für Innovationen benötigen und sich vorstellen können, über die integrierten Funktionen einer Standardlösung hinauszugehen.
Die Schritte zum Aufbau eines NFT-Marktplatzes ohne Code umfassen:
Loslegen Konfigurieren Ihrer Datenbank Arbeitsabläufe erstellen Anschließen einer Wallet Ein NFT prägen Stellen Sie Ihr NFT zum Verkauf Kauf eines NFT Zusatzfunktionen Privatsphäre & Sicherheit Start Beginnen Sie mit dem Bau Loslegen Bevor Sie mit dem Aufbau beginnen, müssen Sie zunächst Ihr kostenloses Bubble-Konto registrieren. Klicken Sie auf die Schaltfläche unten, um zu beginnen. Anschließend können Sie mitverfolgen, wie wir gemeinsam unser Produkt entwickeln.
Registrieren Sie Ihr Konto bei Bubble
Neu bei Bubble? Folgen Sie unseren Einführungsvideos, um sich mit den Grundlagen von Bubble vertraut zu machen. Dies wird Ihnen beim Aufbau eines NFT-Marktplatzes ohne Code helfen.
Wenn Sie Ihr Projekt starten, können Sie zunächst mit dem Wireframing Ihres Produktdesigns beginnen oder die erforderlichen Felder in Ihrer Datenbank erstellen. In diesem Fall verwenden wir zunächst das visuelle Designtool von Bubble, um die Benutzeroberfläche unserer Plattform zu gestalten.
Wenn Sie Ihre eigene Version eines NFT-Marktplatzes wie Opensea replizieren, müssen Sie die folgenden Seiten erstellen:
Landing Page — eine Seite zum Hervorheben von NFTs und Sammlungen, einschließlich eines Aufrufs zum Handeln für den Benutzer, um bestimmte NFTs zu erkunden oder zu suchen
Marktplatzseite — mit Suchfunktion zum Anzeigen einer Liste von NFTs Artikelseite — eine einzelne Seite zum Anzeigen eines NFT und seiner Details Seite
„Artikel erstellen“ — ein Formular zum Erstellen und Prägen von NFTs
Connect-Seite — eine Seite (oder ein Modal), über die sich der Benutzer mit seinem gewünschten Wallet (z. B. Metamask) anmelden kann.
Kontoseite (optional) — eine Profilseite für einen bestimmten Benutzer, um seine NFTs hervorzuheben
Sammlungsseite (optional) — eine Sammlungsseite zum Anzeigen verwandter NFTs

Eine Hauptfunktion von Bubble ist die Möglichkeit, Daten zwischen Seiten zu senden. Auf diese Weise können Sie eine generische Version einer Seite erstellen und dann bei Bedarf den relevanten Inhalt aus Ihrer Datenbank dynamisch anzeigen.
Im Falle Ihres No-Code-NFT-Marktplatzes müssen Sie nur eine Seite für NFTs erstellen. Wir können dann eindeutige Bedingungen hinzufügen, um nur den relevanten Inhalt jedes NFT anzuzeigen, wenn er benötigt wird (wir werden bald ausführlicher darauf eingehen).
Konfigurieren Ihrer Datenbank
Sobald Sie diese Seiten mit einem Wireframe versehen haben, können Sie sich auf die Erstellung der erforderlichen Datenfelder für Ihre Anwendung konzentrieren. Wir verlassen uns auf diese Felder, um die Arbeitsabläufe hinter Ihrem Produkt zu verbinden.
Die vorgefertigte Datenbank von Bubble erleichtert die Erstellung verschiedener Datentypen mit eindeutigen Feldern. Beim Aufbau Ihres No-Code-NFT-Marktplatzes als MVP müssen wir die folgenden Datentypen und Felder erstellen.
Bitte beachten Sie, dass wir uns auf die wesentlichen Datentypen konzentrieren werden, um ein MVP zum Laufen zu bringen. Wenn Sie den vollständigen Satz an Datenfeldern sehen möchten, schauen Sie sich bitte die One2all-Vorlage an und erkunden Sie mehr.
Das Ziel dieses MVP besteht darin, einen Marktplatz mit Benutzern, Sammlungen und NFTs zu schaffen und die Grundfunktionen des Prägens, Anzeigens und Verkaufens zu implementieren.
Datentyp: Benutzer Felder:
Name (vollständig)
Name (Spitzname)
Geldbörse (erforderlich)
E-Mail optional)
List Owned (Liste der NFTs im Besitz)
Liste erstellt (Liste der erstellten NFTs)
Liste der NFTs, die mir gefallen (Liste der NFTs, die mir gefallen)
Listen Sie die Sammlungen auf, die Ihnen gefallen haben (Liste der Sammlungen, die Ihnen gefallen haben)
Sammlungen (Liste der erstellten Sammlungen)

Datentyp: NFT Felder:
Name
Eigentümer
Schöpfer
Status
Token-Typ (ERC721 oder ERC1155)
Token-ID
Kategorie (Bild, Audio, Video oder 3D)
Kategorietext
Ketten-ID
Kettentitel
Sammlung
Beschreibung
Editionen (für 1155)
Anhänger
Bildcover
Medien (für Audio-, Video- und 3D-Dateien)
Preis/Bester Preis Verkaufsauftrags-Hash Eigenschaften
Lizenzgebühren

Datentyp: Sammlung Felder:
Name
Beschreibung
Ketten-ID
Kettentitel
Vertragsadresse
Vertrags-ABI
Abdeckung
Schöpfer
Beschreibung
Empfohlene Flagge (optional)
Artikel (Liste der NFTs)
Follower (Liste der Benutzer)
Logo
Typ (ERC721 oder ERC1155)

Arbeitsabläufe erstellen
Nachdem Sie nun sowohl das Design als auch die Datenbank Ihrer Anwendung strukturiert haben, ist es an der Zeit, alles zusammenzufügen, um Ihre App funktionsfähig zu machen.
In Bubble ist die Hauptmethode zum Erstellen von Funktionen in Ihrer App die Verwendung von Workflows. Jeder Workflow wird ausgeführt, wenn ein Ereignis eintritt (z. B. wenn ein Benutzer auf eine Schaltfläche klickt) und anschließend eine Reihe von „Aktionen“ als Reaktion ausgeführt wird (z. B. „Benutzer anmelden“, „Änderung an der Datenbank vornehmen“ usw.).
Für einen NFT-Marktplatz müssen mehrere Arbeitsabläufe zusammenarbeiten, um die erwartete Funktionalität zu schaffen, die ein Benutzer wünscht. Wenn die NFTs beispielsweise mit der Blockchain interagieren, müssen Sie Ihren Benutzern ermöglichen, zunächst ihre Wallets zu verbinden. In der Regel möchten sie dann entweder einen NFT prägen oder einen NFT kaufen.
Für die Zwecke dieser exemplarischen Vorgehensweise beziehen wir uns auf die Arbeitsabläufe in der One2all NFT Marketplace v2-Vorlage . One2all ist die einzige Lösung, die sich speziell darauf konzentriert, technisch nicht versierte Gründer, Schöpfer und Unternehmer beim Aufbau von Bubble-No-Code-NFT-Marktplätzen zu unterstützen. Wir werden auch mehrere Plugins von Ezcode nutzen , einem engen Partner von One2all und einer der größten und erfahrensten Bubble-Agenturen mit Schwerpunkt auf NFTs und Web3.
Anschließen einer Wallet
Die erste Funktion, die wir erstellen werden, ist eine Schaltfläche zum Verbinden der Brieftasche. Dazu müssen wir das Web3- und Metamask-Plugin von Ezcode nutzen. Es bietet eine umfassende Palette an Funktionen und Aktionen, die für jede Web3-App, die Sie in Betracht ziehen, nützlich sind. Aber wir werden einen Aufruf besonders verwenden: Mit Metamask-Wallet verbinden.
💡
WICHTIG: Für jede Blockchain gibt es mehrere Ketten-IDs, die bestimmen, ob Sie auf das Mainnet (echtes Geld) oder auf das Testnet (Scheingeld nur zum Testen) abzielen. Das am häufigsten verwendete „Testnetz“ für Ethereum ist Rinkeby (z. B. Rinkeby-Ketten-ID = 4, während Mainnet-Ketten-ID = 1). Die Einstellungen hierfür können in der One2all NFT Marketplace v2-Vorlage oder in der SDK-Dokumentation von Rarible eingesehen werden .

Um eine Verbindung zu einem Metamask-Wallet herzustellen, möchten Sie normalerweise das Web3- und Metamask-Element löschen und eine Schaltfläche in einem wiederverwendbaren Header-Element erstellen, damit diese Verbindungsfunktion wiederverwendet und auf jeder von Ihnen erstellten Seite angezeigt werden kann.
Nachdem Sie ein Plugin-Element abgelegt und eine neue Schaltfläche erstellt haben (Sie können sie „Connect Wallet“ nennen), möchten Sie auf „Workflow starten/bearbeiten“ klicken, um einen neuen Workflow und eine neue Aktion zu erstellen.

Sobald Sie den richtigen Button Connect Wallet-Workflow auf der Registerkarte „Workflow“ markiert haben, möchten Sie eine „Elementaktion“ für „Mit einer Metamaske verbinden“ hinzufügen.

Sobald Sie diese Aktion und diesen Workflow gespeichert haben, kann Ihre App nun eine Verbindungsanfrage in einer Metamask-Browsererweiterung anzeigen.

Zusätzliche Funktionalität: Es ist üblich, dass Web3-Apps den Benutzer außerdem auffordern, eine benutzerdefinierte Nachricht von der App zu signieren, um den Benutzer zu authentifizieren. Wir werden diesen Schritt für das MVP nicht durchführen, aber Sie können die Verwendung der Aktion „Signieren“ in der One2all v2-Vorlage untersuchen . Durch das Signieren der Nachricht erstellt der Benutzer ein verschlüsseltes Passwort, das dann verwendet wird, um den Benutzer jedes Mal, wenn er seine Wallet verbindet, sicher anzumelden.
Ein NFT prägen
Die nächste Funktion, die wir erstellen werden, ist eine Minting-Funktion, die vollständig auf der Seite „Artikel erstellen“ stattfinden wird.
Während für das Minting verschiedene Plugins und Back-Ends zur Verfügung stehen, konzentrieren wir uns auf das Rarible SDK- Plugin, das 2021 gemeinsam von Ezcode und One2all entwickelt wurde und weiterhin sehr häufig vom Ezcode-Team aktualisiert wird. Das Rarible SDK bietet drei entscheidende Komponenten: Lazy Minting (Minting ohne Gas für den Verkäufer), Indexierung (Abfrage der Blockchain nach NFT-Daten) und Orderbuch (Fähigkeit, Kauf- und Verkaufsaufträge anzunehmen und auszuführen).
Für Lazy Minting gibt es zwei grundlegende Standards für NFTs, die Sie erstellen können. Eine davon ist ein „1-von-1“-NFT oder eine Einzeledition, die auch als ERC721 bekannt ist. Das andere ist ein „Multi-Edition“-NFT, auch bekannt als ERC1155. Wir werden uns darauf konzentrieren, einen ERC721 für unseren MVP zu prägen.

Ein NFT kann wirklich aus beliebigen Metadaten bestehen. Sie können zwar jederzeit weitere hinzufügen, die standardmäßig enthaltenen Metadaten sind jedoch:
Name
Beschreibung
Inhalt (Bild, Audio, Video oder 3D-Datei)
Titelbild (wenn Audio, Video oder 3D)
Lizenzgebühr % (% des an den Ersteller gesendeten Zweitverkaufs)
Eigenschaften (Attribute, die die Seltenheit bestimmen)
Eine Sammlung zum Prägen des NFT
Um einen NFT zu erstellen, müssen wir tatsächlich ein Formular erstellen, um alle diese Informationen zu sammeln. Beginnen wir zunächst mit den einfacheren Eingaben und kommen dann zurück zu den Medieninhalten.
Für den Namen und die Beschreibung handelt es sich lediglich um einzeilige bzw. mehrzeilige Eingaben:

Für die Lizenzgebühren können Sie wieder eine einzeilige Eingabe vornehmen, die „Text (nur Zahlen)“ akzeptiert.
Hinweis: Eine einzigartige Funktion des Rarible SDK ist die Möglichkeit, mehrere Lizenzgebühren einzubeziehen. Auf den meisten großen Marktplätzen können Sie nur eine Empfängeradresse für Lizenzgebühren eingeben, sodass Sie die Möglichkeit, mehrere Lizenzgebühren hinzuzufügen, als zusätzliche und optionale Funktion betrachten können.

Für die Eigenschaften kann dies auf verschiedene Weise erfolgen, einschließlich eines Popup-Fensters zum Hinzufügen/Bearbeiten/Entfernen von Eigenschaften, wie im Screenshot gezeigt. Sie können jedoch auch einen einfacheren Weg gehen und einfach zwei einzeilige Eingaben (eine für den Namen der Eigenschaft und die andere für den Wert der Eigenschaft) und eine Schaltfläche „Hinzufügen“ verwenden, um kontinuierlich Eigenschaften zu einer Liste hinzuzufügen. Möglicherweise möchten Sie auch eine sich wiederholende Textgruppe darunter, um den laufenden Satz von Eigenschaften anzuzeigen, die Sie hinzugefügt haben.

Finally, you will want a collection or contract address to which you want mint. In the One2all template, we also have the workflow for creating/deploying a contract either on or off-chain, but for our purposes, let’s assume we have a set of contracts we can already reference like Rarible’s Public “Rarible Single” collection. You will need to input the collection’s on-chain contract address and include that in the Rarible Mint Token action.

Now let’s come back to the content. An NFT is not strictly limited to any file type but the most common NFT file types are:
Image — JPG, PNG, GIF (including animated GIFs), SVG Video — MP4, WEBM Audio — MP3, WAV, OGG 3D — GLB
While these files can typically be stored anywhere, the common practice is to store them in a decentralized file store to preserve autonomy and make them censorship resistant. To accomplish this, many in the NFT ecosystem leverage the InterPlanetary File System or IPFS which effectively is a giant, always-on, peer-to-peer file storage network. Another common back-end is Arweave. While both are effective, we will focus on IPFS and a gateway service called Pinata to access it (Infura.io and Nft.storage are other popular gateway services).
Wir werden das Pinata-Plugin von Ezcode nutzen, das speziell entwickelt wurde, um die Spezifikationen von One2all für NFTs mit großer Dateigröße (100 MB und mehr) zu erfüllen. Mit dem Pinata-Plugin können Sie einzelne Dateien, die größer als 50 MB sind, über den API-Connector von Bubble übertragen.
Das Pinata-Plugin nutzt Element-IDs, um jedes Element in Ihrer Bubble-App effektiv in einen Datei-Uploader umzuwandeln. In diesem Fall zielen wir auf ein Element mit der ID „file-uploader-item“.
Hier ist das PinataSDK-Element und die „Ziel-ID“ enthält „file-uploader-item“.
Hier ist das Element, das mit „file-uploader-item“ getaggt wurde:
Dieselbe Methode sollte verwendet werden, um sowohl den primären Inhalt des NFT als auch jedes Titelbild in Pinata/IPFS zu laden. Der Dienst gibt dann eine eindeutige Inhalts-ID zurück, mit der der Inhalt jederzeit über eine einfache URL abgerufen werden kann. Diese Inhalts-ID werden wir in unsere NFT-Daten aufnehmen.
Wir haben unser Formular nun fertiggestellt. Eine Anmerkung: Es empfiehlt sich, die relevanten Felder aus Sicht der Formularübermittlung als erforderlich zu markieren. Beim Minting ist es großartig, dem Benutzer zu helfen, zu verstehen, welche Felder erforderlich sind und welche nicht, da NFTs für ihren Ersteller einen hohen persönlichen (oder finanziellen!) Wert haben können!
Jetzt haben wir alle unsere Daten ausgefüllt, lasst uns mit dem Prägen beginnen!

There are three critical steps we need to lazy mint an NFT. Remember, you will need to drop a plugin element for both the RaribleSDK Plugin and the PinataSDK Plugin in your app to be able to see and interact with the following actions:
We need to Generate a token ID from Rarible so that the NFT’s url can be included in its metadata. Remember once a file is uploaded to IPFS it can not be subsequently changed or modified!
We need to upload the metadata (in JSON format and including our content ID’s for the NFTs media) to IPFS via the Pinata Upload action. The JSON fields need to be named and formatted rather specifically, as seen in the following screenshot.

3. Call the “Mint RaribleSDK A” action on your RaribleSDK element. Here is where we will contact the Rarible minting API and transmit all the information contained within our NFT, the royalties attributed to it as well as which contract we will be minting to.
This request will trigger a popup in your Metamask extension.
Once you have confirmed the lazy minting (which is gas free to the seller) in your Metamask, you will want to catch any responses back from the RaribleSDK. This will either be one of 3 responses:
Rejected by User Error
While Minting A Token Minted Troubleshooting: If you get the message ‘Rejected by User’ or ‘Error while Minting”, try: closing any open popups, unpinning any unused content or files (to save storage), and updating any states and statuses you were using to track the workflow.
Wenn Sie A Token Minted erhalten haben, dann herzlichen Glückwunsch! Sie haben über Ihre Plattform offiziell ein NFT erstellt.
Der entscheidende nächste Schritt hier besteht darin, endlich Ihr NFT-Ding in Ihrer Bubble-App-Datenbank zu erstellen. Während der Kern dessen, was Ihren NFT ausmacht, immer noch faul ist und bereit ist, in die Kette zu gehen, verfügen große NFT-Börsen oft über eine lokale Version ihres NFT, um Dinge wie „Follows“, „Likes“ und andere Daten zu verfolgen, die nicht kritisch sind Bleiben Sie in der Kette.

Erstellen Sie im Rahmen Ihres „Token Minted“-Workflows ein neues NFT-Ding und füllen Sie es mit den Metadaten, die Sie auf Pinata gespeichert haben, sowie der zuvor generierten TokenID.
Sobald Sie Ihr neues NFT-Ding erstellt haben, können Sie Ihren Benutzer gerne auf eine Artikelseite weiterleiten und diesen neu erstellten NFT als Daten senden, um die Artikelseite zu füllen.
Stellen Sie Ihr NFT zum Verkauf

So you’ve minted your first NFT. Now let’s try to put it on sale! This workflow will take place entirely in an “item” page which is a page that will have an “NFT” data thing as its content type:
The Item page is a critical part of your marketplace, typically it will include the following at a minimum:
Content (image, audio plus image cover, video, 3d model view)
Name
Description
Status (On Sale, Not for Sale)
Price Bids (optional)
History (optional)
Links to item on other exchanges (optional)
The NFT page can typically be top-aligned, as shown:

Or the design of the page can be left-aligned:
However, at the end of the day, the design of your NFT experience is really what you want it to be. There is no stipulation that you need to follow any of these prior frameworks and with Bubble, you can design your page however you want.
So let’s move forward with the sale process. What you will need is to leverage the Rarible SDK plugin once more.
We will need a button to “Put on Sale” somewhere on the page. Note: your NFT should have a set of clear statuses to identify whether it is already on sale or not. We have used “Not for Sale” and “On Sale” as an example and these align closely with what the large exchanges also use.
The Put On Sale button should launch a popup or modal that then requires the user to enter other critical information like Price. Note: there is a conditional “when” on this button click as well to ensure that it only executes when the Item is “Not for Sale”. You wouldn’t want to send a repetitive Sale request when the item is already on sale.
Das Popup kann relativ einfach sein und einfach einen Preis vom Benutzer anfordern und eine Schaltfläche zum Aufrufen des Rarible SDK sowie eine Möglichkeit zum Abbrechen aus dem Modal enthalten. Es kann auch mit anderen informativen Informationen wie dem Kontostand des Benutzers und der Zwischensumme aller zugeordneten Gebühren angereichert werden.
Abschließend verknüpfen wir eine Schaltfläche „Bestätigen“ mit der Aktion „Bestellung erstellen“ im Rarible SDK.
Bei dieser Aktion werden die Adresse des NFT-Sammelvertrags, seine Token-ID (die durch einen der ersten Aufrufe in unserem Minting-Workflow generiert wurde, Rarible Generate Token ID), der Zielwert und der Preis erfasst.
Sobald dies in der App aufgerufen wird, erscheint erneut Metamask, damit der Benutzer die Blockchain-Transaktion bestätigen kann.

Von hier aus gibt es noch einmal drei mögliche Antworten, die das SDK senden wird:
Der Verkaufsauftrag wurde vom Benutzer abgelehnt
Fehler beim Platzieren eines Verkaufsauftrags
Verkaufsauftrag erteilt J
ust like with minting, if one of the first two responses is received, be sure to cancel out of the popup and clear data from any input fields.
As you can see below, the workflow is very similar for both a “Rejected by User” response and an “Error while placing Sell Order” response. First, you want to call an action to reset the input for sell price (so it doesn’t show up again upon launching another sell order). Second, you want to hide the put on sale popup. Third you want to show an error popup with some information for the user as to why this error occurred. Finally, you want to clear any critical states that were used for the transaction in this case “origin fees”, “wallet_amount” and “isntclick”. Set them to “null” or empty values to clear them.

If the “Sell Order Placed” response was received, awesome! You’ve put your NFT on sale. You will want to update the status of your NFT thing to “On Sale”, record the Sell Order Hash (which is effectively the tracking ID for your sell order), and finally record the fixed price in your NFT Thing. A nice touch is to popup an alert or toast message to let the user know that their order was placed.
Buying an NFT
For the last workflow of our guide, we are going to purchase the NFT at a fixed price. For this step in the process, we will again be focusing on the “item” page as that is where a user would go to see the NFT as well as its listing price and take action.
Wie Sie im folgenden Screenshot sehen können, möchten Sie normalerweise den Preis anzeigen, zu dem das NFT zum Verkauf steht, und eine Schaltfläche, über die der Benutzer einen Kauf tätigen kann. Beide können auf die Parameter zurückgreifen, die im vorherigen Arbeitsablauf in Ihrem NFT gespeichert wurden.

Auch hier empfiehlt es sich, ein Modal für die endgültige Bestätigung durch den Käufer zu öffnen. Dies ist praktisch eine „Sind Sie sicher?“-Antwort. Schritt, um sicherzustellen, dass der Benutzer nicht versehentlich auf die Schaltfläche „Jetzt kaufen“ geklickt hat.
Der Workflow ist nach der Bestätigung relativ einfach. Es handelt sich um einen Aufruf der Aktion „Bestellung ausführen“ im RaribleSDK-Plugin. Die einzige erforderliche Eingabe ist der Verkaufsauftrags-Hash, den wir zuvor im vorherigen Schritt gespeichert haben. Was hier geschieht, ist, dass der Sell Order Hash alle kritischen Informationen (Preis, Verkäufer, Zeit usw.) im Zusammenhang mit dieser Bestellung innerhalb des Rarible-Systems eindeutig identifiziert.
Sobald dies gesendet wurde, erscheint erneut eine Metamask-Anfrage, damit der Benutzer eine endgültige Bestätigung vornehmen kann. Beachten Sie, dass der Preis, die Zielkette (in diesem Beispiel Rinkeby) und die Gasgebühren allesamt kritische Parameter sind, die der Benutzer beachten sollte. Denken Sie daran: Sobald eine Transaktion in der Kette bestätigt wurde, ist es je nach Art der Transaktion sehr schwierig oder unmöglich, sie rückgängig zu machen.
Schließlich wird es nach der Bestätigung mehrere mögliche Antworten vom RaribleSDK geben:
Der Kauf eines Artikels wurde vom Benutzer abgelehnt Artikel erfolgreich gekauft Wenn Sie die erste Antwort erhalten, überprüfen Sie Ihre vorherigen Schritte im Workflow und stellen Sie sicher, dass Ihr Verkaufsauftrags-Hash korrekt gespeichert wurde. Für den Benutzer möchten Sie ihm möglicherweise ein Popup oder eine Warnung anzeigen, dass möglicherweise ein Fehler aufgetreten ist, und ihn aus dem Gebotsmodus schließen.
Wenn Sie die zweite Antwort erhalten, wurde der Artikel gekauft und wir gratulieren herzlich! Sie haben einen vollständigen End-to-End-Aufbau für Ihren NFT-Marktplatz abgeschlossen!
Zusatzfunktionen Ich hoffe, Ihnen hat diese kurze Einführung in die Welt der No-Code-NFT-Marktplätze gefallen. Sowohl NFT- als auch No-Code-Technologien bieten unglaublichen Spielraum für kreative Erkundungen, insbesondere wenn sie in Kombination verwendet werden. Sobald Sie mit den Kernmechanismen der von uns durchlaufenen Arbeitsabläufe vertraut sind, können Sie mit den von Ihnen erstellten Erlebnissen kreativ werden. Darüber hinaus können Sie:
Starten Sie offene Auktionen mit Geboten Erstellen Sie zeitgesteuerte Auktionen mit einer bestimmten Dauer Suchen und filtern Sie nach bestimmten NFTs und Attributen Kaufen Sie NFTs mit Fiat Verbinden Sie sich mit Walletconnect und anderen Wallet-Anbietern Starten Sie auf anderen Ketten wie Polygon, Tezos, Flow und Solana Privatsphäre & Sicherheit Nachdem Sie nun die Grundlagen Ihrer App kennen, vergessen Sie nicht, einige Datenschutzregeln und -bedingungen festzulegen, um die Sicherheit Ihrer Daten zu gewährleisten — beginnend mit Rollen im Abschnitt „ Datenschutz“ Ihrer Datenregisterkarte . Sie können auch mit einem API-Checker überprüfen, ob Sie unbeabsichtigt Daten preisgeben .
Start Die Beauftragung eines Entwicklers oder Entwicklerteams mit der Erstellung dieser App würde Tausende, wenn nicht Zehntausende Dollar kosten. Wenn Sie die App starten und die Anzahl der Benutzer wächst, können Sie die App mit kostenpflichtigen Plänen auf Ihrer eigenen benutzerdefinierten Domain hosten. Die Preise beginnen bereits bei 25 US-Dollar pro Monat. Einige Vorlagen und Plugins kosten möglicherweise mehr, aber Sie können die gesamte Funktionalität von Opensea oder Rarible ohne zusätzliche Kosten erstellen.
Wenn Sie jedoch daran interessiert sind, ein erfahrenes Team zum Aufbau Ihrer Plattform heranzuziehen, können Sie sich gerne direkt an mich unter andrew@one2all.io wenden . Wir sind stolz darauf, Kunden dabei zu helfen, ihre einzigartigen Visionen und Innovationen in der aufstrebenden Welt der NFTs zu verwirklichen.
Beginnen Sie mit dem Bau Bubble kann Ihnen beim Aufbau eines No-Code-NFT-Marktplatzes oder eines anderen Produkts Ihrer Wahl helfen! Es war noch nie einfacher, etwas Unglaubliches zu bauen, ohne programmieren zu müssen.
🌟 Eine Initiative, um die Web3-Bildung für die nächste Generation zugänglicher zu machen. 🌟
🌟 Feel free to check out: blockliv3.nft@ud.me)| beacons.ai/blockliv3 | X:@blockliv3 | Mirror:@blockliv3 | Medium:@blockliv3 | Substack:@blockliv3
Web3 Crypto
No activity yet