Erstellen eines vollständigen NFT mit Solidity & Next js

1. KURSEINFÜHRUNG: Wenn Sie Teil des Kryptowährungsbereichs sind, besteht die Möglichkeit, dass Sie von diesem trendigen digitalen Vermögenswert namens NFT gehört haben . Dieser Kurs deckt alles ab, was Sie für eine dezentrale NFT-Anwendung benötigen , was Sie für eine dezentrale NFT-Anwendung Gemäß dem ERC 721-Standard können Benutzer NFP is Weed Eater auf unserem Marktplatz verkaufen und kaufen. Der erste Teil des Kurses behandelt das Schreiben und Testen von Smart Contracts mit Solid. Die geerbte andere Hälfte konzentriert sich auf den Aufbau der Benutzeroberfläche mit next, chairs und Tailwind CSS, einem Schätzer, dass die Daten auf Pinata gespeichert werden, einem IPFS-basierten Speicher. Am Ende des Kurses lernen Sie alle Konzepte kennen, die Sie benötigen, um sich für einen Webentwicklerjob zu bewerben oder sogar Ihr eigenes Startup in der Blockchain-Branche aufzubauen. Melden Sie sich jetzt an, ohne weitere Zeit zu verlieren , und legen Sie los. 2. Video 1 Erstellen eines neuen hardhat: Hallo, willkommen zum allerersten Video des Kurses, in dem wir einen NFT-Marktplatz von Grund auf neu aufbauen. In diesem Video werden wir also über die Roadmap des Kurses diskutieren und unsere Entwicklungsumgebung einrichten. Wie Sie auf dem Bildschirm sehen können, sind in diesem Kurs verschiedene Schritte erforderlich. Der erste Schritt besteht darin, die Entwicklungsumgebung mithilfe von Hardhead einzurichten . Dann werden wir einen intelligenten Vertrag erstellen , der die Daten verfolgt und speichert. Danach werden wir Unit-Tests schreiben, um sicherzustellen , dass unser intelligenter Vertrag ordnungsgemäß funktioniert. Der vierte Schritt besteht darin , den intelligenten Vertrag in diesem Testnetzwerk bereitzustellen . Danach werden wir am Frontend arbeiten und die nächsten Jahre dafür nutzen. Dann, um mit einem bereitgestellten Smart-Vertrag zu interagieren. Wir werden eine test.js und MetaMask verwenden. Und schließlich testen wir die vollständige Funktionsweise der Anwendung, damit Sie dieses Projekt in Ihrem Portfolio zeigen können. Bevor Sie fortfahren, stellen Sie sicher, dass Sie MetaMask installiert haben , und führen Sie einige Tests durch. Meine Güte, es reißt in deinem Konto. Ich richte mich nicht wieder ein. Bitte schauen Sie sich ein Tutorial dazu an und fahren Sie mit diesem Kurs fort. Meine Aufgabe ist also nur ein sehr einfacher Prozess. Nachdem Sie diesen Test gemacht haben, nennen Sie ihn Test Es gibt einige Wasserhähne, die Sie googeln und Ihre Adresse eingeben können . Das war's. Jetzt können Sie hier den gesamten Tech-Stack unserer dezentralen Anwendung sehen . Das ist Solidität, an der wir arbeiten, Itanium ist Hardhat. Wir werden in Zukunft als Anbieter von Blockchain-Knoten einsetzen . Es ist test.js, das war's. Das sind die Dinge , die wir benutzen werden. Jetzt fangen wir an zu arbeiten und wir müssen ein neues Hardhead-Projekt erstellen. Was also hart ist, ist eine Umgebung, die Entwickler verwenden, um dezentrale Anwendungen basierend auf ihrer italienischen Blockchain zu testen, zu kompilieren, bereitzustellen und zu debuggen . Wenn Sie mehr wissen möchten, können Sie auch auf die offizielle Website gehen. Sie können sehen, dass das Hardhead ist. Und hier kannst du mehr lesen, wenn du willst. Ich fange einfach an, einen neuen Ordner zu erstellen und ihm einen Namen zu geben. Nft, Marktplatz. Dap. Das war's. Dann werde ich darin ein neues Terminal erstellen und öffnen. Und das erste, was wir tun müssen, ist ein NPM-Projekt mit diesem Befehl npm zu erstellen . Was? Es wird dann das npm-Projekt leeren. Das war's. Dann werde ich einfach Hardhead mit diesem Befehl save dev hard hat installieren . Das war's. Es dauert nur ein paar Sekunden. Um nun ein Hardhead-Projekt zu erstellen, verwenden wir den Befehl n p x hardhead. Es wird uns den Standardcode geben. Ich drücke einfach die Eingabetaste. Dann erstelle ich ein eingegebenes JavaScript-Projekt. Und dann war's das. Danach fordert uns Hardhead auf, diese Abhängigkeiten zu installieren. Aber das ist ein Update, das nur eine Woche zurück ist. Ich fühle mich also wohler darin , Abhängigkeiten getrennt zu stylen. Das ist schwierig, wenn voll angestellte harte Esser, was Hardhead mit dem Test kompatibel macht und uns hilft, mit dem intelligenten Vertrag zu interagieren. Also werde ich einfach npm install save dev schreiben. Das Erste was ich tun werde ist. In der Nacht, in der die Labore jetzt zerschlagen wurden, hatte ich volle Rate um 0 zu finden, dann Platz. Schon wieder. Es ist Langeweile, dass ein 3. Dann chai 4. Dann werde ich es wieder benutzen. Machen Sie jetzt Labore. Harte Ether 0. Und schließlich ethert es um 0 und drückt die Eingabetaste. Wenn wir welche hinzufügen, werden wir sie einfach lösen. Aber in der offiziellen Dokumentation können Sie hier alles sehen, wie man läuft. Und das ist npm install außer dem, dann werden wir verwenden, dann fügen wir mit NP x Hard Hat hinzu. Dann erstellen wir ein JavaScript-Projekt. Das war's. Hier, das Hinzufügen, das diese Toolbox installiert. Aber ich installiere nur alle Abhängigkeiten separat. Das ist der Unterschied. Es wird einige Zeit dauern. Öffnen wir nun unser Projekt im VS-Code. Ich werde einfach Coderaum schreiben. Es öffnet diesen Ordner in unserem VS Code Editor. In diesem Paket oder Jason können Sie einfach überprüfen, ob alles installiert ist. R nichts, das ist sehr voll. Itos Di Italian verschwenderische Esser und Hardhead. Also ist alles installiert. Ebenfalls. Stellen Sie sicher, dass Sie bei diesen Erweiterungen Erweiterungen installiert haben. Es ist Dart. Dann habe ich auch Ausschnitte für das nächste Jahr. Dann habe ich dieses Rückenwind-CSS installiert. Dann gibt es auch dieses neue Plug-In. Es ist ein Schutzhelm. Ich habe das installiert, da es von gnomischen Bedingungen her ist, dass das auch offiziell installiert ist. Das war's also für dieses Video. Im nächsten Video werden wir die minderwertigen und MetaMask-Einstellungen konfigurieren. Danke. 3. Video 2 Alchemie und Metamask: Hi, willkommen zurück. In diesem Video werden wir weniger und meinen Damast in unserem Projekt einrichten . Hardhead gibt uns nur wenige Ordner und Dateien. Wir werden all diese Schritt für Schritt verstehen. Aber gehen wir zu hardhead dot config dot js und stellen sicher, dass wir unser Netzwerk darauf hinweisen , das italienische Testnetzwerk zu korrelieren. Damit das funktioniert, brauchen wir kaudal die TDM-Knoten-URL und eine Wallet-Adresse. Da ich bereits Konten habe, würde ich keine neue MetaMask für die Buchhaltung erstellen . Sie können es googeln und es selbst tun. Es ist ein sehr einfacher und unkomplizierter Prozess. Öffnen wir unseren Browser und gehen zum Infuse. Aber IO. Nach der Anmeldung müssen wir ein neues Projekt erstellen. Netzwerk wird das sein. Wir haben drei APIs, ehemals Itanium, und nennen sie einfach NFT-Marktplatz und klicken Sie auf Erstellen. Dann ändern Sie hier einfach das Hauptnetzwerk von Lee mit zwei Kernen und kopieren Sie einfach diese URL. Dann. In der Hardhead-Konfliktdatei schreibt man einfach unter diese Solidität, man schreibt einfach Netzwerke. Dann so. Und habe ein lockiges Netzwerk. Fügen Sie jetzt die Schlüssel ein. Wir wollen diese Abfalldosis direkt in unseren Code einfügen. Wir werden einige Bibliotheken benutzen. Die erste Bibliothek, die wir verwenden werden, ist das dot ENV-Paket. Weil es nicht empfohlen wird , diese sensiblen Informationen direkt in ihre Anwendung einzufügen direkt in ihre Anwendung da diese von anderen missbraucht werden können. Die zweite Bibliothek, die wir verwenden werden, ist das Anhängen eines Flugzeugs, das eine Bibliothek modularer, wiederverwendbarer, sicherer, intelligenter Verträge für das italienische Netzwerk ist sicherer, intelligenter Verträge für und in Solidität zurückkehrt. Es ermöglicht die Nutzung von Standardverträgen, getesteten und von der Community überprüften Sie können suchen, öffnet Link, wenn Sie möchten. So wie das. Wenn Sie möchten, können Sie es direkt durchsuchen und selbst lesen, was es bewirkt. Ich werde das einfach anhängen und npm schreiben. Installieren Sie Zeplin Slash-Verträge und nicht ENV. Lass uns eintreten. Jetzt überprüfen Sie es einfach. Alles ist jetzt installiert. Okay. Nach der Installation müssen wir eine Punkt-ENV-Datei erstellen, das ist eine Punkt-ENV-Datei. Und Bassmitarbeiter, die Tonarten folgen, das ist sowohl unser unterlegener als auch unser öffentlicher Schlüssel. Ich werde einfach eine Variable namens n few erstellen. Url ist gleich wie folgt. Und eine zweite Brieftasche. Aber ich habe gelesen, dass k dem gleich ist. Dot ENV befindet sich direkt in diesem Stammverzeichnis, nicht in irgendwelchen Verträgen oder Tests und allem. Jetzt geh und füge diese Schlüssel ein. Erstens ist eine minderwertige URL und zweitens der MetaMask-Schlüssel. Sie können my thomas installieren, indem Sie auf meine Thomas.io-Website gehen und die Erweiterung für Ihren Browser installieren. Dann klicken Sie einfach auf die Maske. Dann gib dein Passwort ein. Dann geh zu Einstellungen. Warte einfach. Zuerst klicke ich auf dieses zweite Konto. Ich schreibe die Kontodetails. Exportieren Sie dann den privaten Schlüssel. Und Papa ist Passwort. Drücken Sie die Eingabetaste und kopieren Sie diese Taste. Stellen Sie sicher, dass Sie diesen Schlüssel nicht mit anderen teilen. Es ist ein sehr persönlicher Schlüssel. Es muss gesichert werden. Dann füge es einfach hier rein und speichere es. Jetzt musst du es nicht mehr benutzen. Danach. Gehen Sie zu hardhead dot config dot js und nehmen Sie die folgenden Änderungen vor. Hier. In der URL. Ganz oben benötigen Sie einfach dot, dot ENV, dot ENV, dot config. Schreib es einfach. Dann müssen Sie innerhalb dieses Girly die URL einfach process dot ENV schreiben. In der Beulah-URL ist dies der Variablenname. Und in Konten müssen Sie einfach erneut, innerhalb des Prozesses mit eckigen Klammern Punkt ENV, Krieg geführt werden. Aber ich habe den Schlüssel gelesen. Das war's. So konfigurieren wir unser Netzwerk für das Göttliche. Sie können auch einen Schutzhelm schreiben. Wenn Sie es in der lokalen Umgebung testen möchten, liegt es an Ihnen. Ich werde Curly bevorzugen, wie ich weiß, dass in diesem Code alles funktioniert. Das war's also für dieses Video. Im nächsten Video werden wir unseren intelligenten Vertrag erstellen. Danke. 4. Video 3 NFT veröffentlichen: Hi, willkommen zurück. Lassen Sie uns unseren ersten intelligenten Vertrag erstellen. Erstellen Sie einfach eine neue Datei im Vertragsordner und nennen Sie sie NFT market, dots soul. Dann müssen wir wie immer den Solidity-Compiler erwähnen und jetzt haben wir 0.8.9. Saintly kopiere diese beiden Zeilen und füge sie hier ein. Erstellen Sie dann unseren Vertrag mit dem Vertragsschlüsselwort und dem Namen NFT. Markt, Ort. So wie das. Jetzt müssen wir unsere Abhängigkeiten importieren. Der erste Import wird ein Flugzeug auf Kurs, Schrägstrich, Deals, Zähler, Punkte öffnen . Also dann ist das nächste, was wir haben, weg ist, verfolgt Schrägstrich, C, 721, Lash Extensions, ELC 721, URIs, Alter. Und schließlich haben wir das, haben wir was Kontrakte Token ist, ERC 721, ERC 721 Punkt. Und jetzt müssen wir mit ERC-URI-Speicher erben, das ist 71 URL-Speicher. Und das erste, was wir tun werden, ist einige Variablen mit diesem Zähler zu erstellen, die Löslichkeit dieser Zähler, Zähler Punktzähler. Dann sind die ersten, wenn ich Variablen lese, Token-IDs. Das ist eine Anzahl von DOMS, die jemals erstellt wurden. Und zweitens, wären es Zähler, Startzähler. Aber ich habe verkaufte Artikel gelesen, Anzahl der verkauften Artikel. Jetzt können Sie auch diesen offenen Zeplin und dann den ERC 2721 durchsuchen und The functioning what it does lesen. Dann können Sie hier C7 bis T1 sehen. Hier können Sie sehen, was wir mit diesen Zählern verwenden , als ES ist 721 Token und alle verschiedenen Versionen. Es ist wichtig zu wissen , welche Version reduziert werden muss oder was wir verwenden. Wir verwenden eine andere Version. Ich kann sehen, dass alle Dokumentationen Zeit zu Zeit aktualisiert werden. Dolch-Funktionalität wird jedoch dieselbe sein. Die nächste Variable, die ich machen werde, ist der Angebotspreis , der 0 sein wird. Hier ist 01 E Dritter. Und das müssen wir sein, um ihre NFT auf unserem Marktplatz aufzulisten. Das ist also die Kommission oder was? Nicht die Kommission. Es handelt sich nur um eine Notierungsgebühr. Dann haben wir eine Variable, die als Eigentümer bekannt ist und nicht vom Smart-Vertrag ausgeschlossen ist. Erstellen wir nun einen Konstruktor. Das heißt, es wird nur einmal laufen, wenn wir dieses Jahr C7 bis T1 verwenden. Und wir müssen diese Dinge benutzen. Das heißt, wir müssen den Namen C geben, du musst ihm einen Namen und ein Symbol geben. Ich nenne es einfach. Verrückte Towers Tolkiens, und gib Symbol traf sich. In diesem Konstrukt wird ein Konstruktor erstellt. Wir akzeptieren nichts, aber wir werden sicherstellen, dass der Eigentümer die Person ist, die diesen intelligenten Vertrag einsetzt. Dieser Code ist also erforderlich, wenn wir davon erben. Das wird also nicht von uns geschrieben. Dies ist ziemlich vorgeschrieben von der offenen Zeplin-Bibliothek. Das war's. wir jetzt fort. Also werde ich jetzt eine Struktur erstellen, die ein Marktartikel sein wird. Struct ist nur unser eigener Datentyp. Es ist nur eine Sammlung primitiver Datentypen. Primitive Ganzzahl, Adresse, boolescher Wert, all das. Was sollte also eine NFT oder das Marktobjekt bestehen? Es wird aus dieser Token-ID bestehen. Dann hat es die Adresse des Verkäufers der Verbindlichkeiten, dass es in diesem Moment die Adresse des Eigentümers hat. Dann hat es Tab-Preis und einen booleschen Wert , der verkauft wird oder nicht. Und jetzt werden wir auch ein Mapping haben. Das heißt, die uint8-Ganzzahl wird dem Marktartikel zugeordnet, das ist dieser. Und das werden wir, es wird eine private Variable sein und wir werden sie id2 nennen. Marktartikel, d. h. die Token-ID wird dem Marktartikel zugeordnet. Wenn wir diese Token-ID angeben , erhalten wir die gesamte Struktur, die alle Informationen enthält. Als nächstes werden wir ein Ereignis erstellen, das ein Marktartikel ist, ein erstelltes Ereignis. Es wird in ähnlicher Weise alles dasselbe haben. Das ist un 56 indexiert. Kann ID, dann Adresse, Adresse, Eigentümer, dann UN-Rechte. Und Boolean verkauft. Ereignisse, die gerade aufgerufen wurden , damit sie öffentlich in der Blockchain gespeichert werden. Sie können mehr darüber lesen , was diese Ereignisse sind oder wie ein Ereignis ausgegeben wird. Und wenn Sie die Grundlagen der Solidität nicht kennen. Das ist also der ganze Code für heute in diesem Video. Im nächsten Video werden wir bestimmte Funktionen schreiben, um bestimmte Aufgaben auszuführen. Danke. 5. Video 4 Funktionalität zum Erstellen eines Marktes: Hi. Jetzt fangen wir an, an den Funktionen zu arbeiten. Spaß. Die erste Funktion, die wir erstellen besteht darin, diesen Angebotspreis zu ermitteln. Also genau wie Spaß Abwanderung, Holen Sie sich den Angebotspreis. düstere Sicht kehrt zurück. Es macht dich zu 56. Und es wird einfach die Variable des Angebotspreises zurückgegeben, die diese ist. Also der Kommentar, schreibe einfach den Befehl gibt Listing, Ort des Kontrakts, Notierungspreis des Marktes sogar richtig zurück. Dann ist die nächste Funktionalität fällig. Datum. Listing. Einfach Wanchun, Reis auflisten. Nun, das ist dieser Erneuerungs- und Nistplatz. Blake. Wir müssen sicherstellen, dass nur der Eigentümer den Angebotspreis aktualisieren kann. Also müssen wir schreiben owner ist gleich Nachrichtenabsender. Wenn nicht, dann schreibe einfach über Lee. Marktplatz, Besitzer kann den Angebotspreis datieren. Und wenn es der Eigentümer ist, ändern wir einfach diesen Angebotspreis. Dieser Angebotspreis, das ist alles. Dies sind die grundlegenden Funktionen. Jetzt die Dateien, die nächste Funktionalität wird anders sein Kanal D ein Market Item zu erstellen. Also sagen wir einfach funtion. Marktartikel erstellen. Dann wird es eine private Veranstaltung sein. Ich werde dich wissen lassen warum. Sie wird zwei Dinge akzeptieren. Das ist eine bis 56 Token-ID. Wir werden diese Token-ID erstellen. Das nächste Video. Und als Nächstes bist du und 56 Platz. Diese Funktion akzeptiert also diese beiden Dinge. Lassen Sie uns nun einige Modifikatoren haben. Das heißt, was sind die Anforderungen? Die erste Anforderung ist, dass der Preis größer als 0 sein sollte. Wenn dies nicht der Fall ist, müssen wir schreiben, muss größer als 0 sein. Dann ist die nächste Anforderung die Meldung, dass der Wert dem Angebotspreis entsprechen sollte. Wenn wir die Auflistung des Marktartikels hinzufügen, muss der Benutzer einige Gebühren zahlen. Der Preis muss diesem Ding entsprechen. Preis. Lassen Sie uns nun das Mapping-ID2-Marktelement durchführen. Die Idee wird Token-ID sein. Und in dieser Token-ID speichern wir einen Markt, ein DOM-Objekt, oder Sie können diese Struktur sagen. Es akzeptiert OpenID dann Absender der Nachricht. Dann ist diese Phase, die der Eigentümer ist, dieser intelligente Vertrag wie jetzt, weil er nicht übertragen wird. Dann sind der Preis und der boolesche Wert falsch. Das heißt, es wird noch nicht verkauft, es wird nur übertragen. Nun gehen wir davon aus, dass Greg die Absenderadresse der Nachricht überträgt, diese Token-ID. Und dann machen wir diese Funktion , die diesen Event-Marktartikel erstellt. Und es akzeptiert Argumente, nur Tokenisierung der Nachricht, Absender. Adresse. Das, dann Eis und falsch. Das war nun eine Funktionalität zum Erstellen des Marktartikels ist die Token-ID. Wir werden uns in der nächsten Veranstaltung treffen. Dann haben wir einige Modifikatoren , die diese Anforderungen erfüllen. Dann speichern wir in diesem Mapping diesen Wert. Es ist eine Token-ID. Auf diese Weise ist der Verkäufer die Nachricht , dass Absender und Käufer. Es ist ihr eigener Knoten, der oder wem das gehört, das ist der Vertrag, diesen intelligenten Vertrag interessiert. Und Sie denken vielleicht, woher diese Übertragung aus dem Chinesischen kommt, diese Übertragungsfunktion stammt aus der Append-Sämling-Bibliothek. Es ist also eine eingebaute Funktion. Wenn Sie mehr wissen möchten, können Sie über diese Übertragungen, die sichere Übertragung und all diese Methoden lesen . Aber das war's für dieses Video. Wir sehen uns in der nächsten Sitzung. Danke. 6. Video 5 Funktionalität zum Verkleinern eines neuen token: Hi. In diesem Video erstellen wir die Funktionalität zum Prägen eines neuen Tokens sowie zum Erstellen eines Marktverkaufs für das Prägen in neuen Token. Lesen wir den Kommentar. Bedeutet ein Token und listet es auf dem Marktplatz auf. Okay? Jetzt akzeptiert die Funktion zunächst Definition, Name, jede Ebene, benennen Sie sie, erstellen Sie ein Token. Es akzeptiert ein String-Speicher-Token, URI, you und 56. Off-Preis. Das heißt, was ist der Bild-URI und wie hoch ist der Preis für diese NFT. Dies wird eine öffentliche Veranstaltung sein. Es ist zahlbar und es wird zurückgegeben , dass der Hund einen Ausweis haben kann . Das erste , was wir tun müssen, ist Token-ID zu erhöhen, das ist hier. Das ist unsere Variable. Innerhalb dieses Zählercodes haben wir diese Funktion, bei der das Punktinkrement im offenen Zeplin vordefiniert ist. Es wird einfach um eins erhöht , also 0 bis 11 bis zwei, so. Als Nächstes holen wir uns die aktuelle Token-ID. Das ist Ids Punktstrom. Es wird einfach nach dem Inkrementieren diesen Strom bekommen und das ist von 0, es wird eins. Und dann holen wir uns den einen, das war's. Dann werden wir sie verwenden Hauptfunktionalität, die uns von open Zeplin gegeben wurde, hat es dem Absender der Nachricht wirklich bedeutet. Und wir werden eine neue haben und wir werden auch diese Token-ID senden. Dann setzen Sie den Token-URI. Kannst du hinzufügen? Es wird eine neue Token-ID haben, Token-URI. Und dann werden wir jetzt diese idiotische Marktartikelfunktion verwenden. Deshalb machen wir es privat, weil wir es intern nennen werden. Diese Person kann diese Funktion nicht direkt aufrufen. Erstens sollte er diese Token-ID und alles haben. Es akzeptiert einfach die neue Token-ID und diesen Preis. Und zum Schluss geben wir die Token-ID zurück. Und wieder kommen diese Funktionen aus dem Append Sapling der Bibliothek. Wenn Sie möchten, können Sie nachforschen was sich auf diese festgelegte Token-URI und alles bewegt. Aber dieser Code ist vordefiniert fermentiert. Und hier rufen wir diese Funktion auf, die dieses Token überträgt. Das heißt, zuerst wurde es die Nachricht dieses Absenders geprägt, und dann wird es von einer Nachricht übertragen, die das an diesen intelligenten Vertrag sendet. Und das ist der Grund. Und so wird es auf dem Marktplatz aufgeführt . Im Namen der Beweise, die vom Eigentümer für diese neue Einheit stammen . So wie das. Später wirst du mehr verstehen. Jetzt. Die nächste Sache oder die nächste Funktionalität, die wir erstellen werden, ist die Vermittlung. Der Verkauf eines Marktglasurartikels. Sie können auch wie Transfer verstehen. Es überträgt das Eigentum an dem Gegenstand sowie Gelder zwischen den beteiligten Parteien. Okay, fangen wir an zu schreiben. Es wird ein lustiger Chen sein. Ich nenne es Markt schaffen, Verkauf. Es akzeptiert einfach diese Token-ID. Es wird eine öffentliche Funktion sein und es wird eine kostenpflichtige Funktion sein. Lassen Sie uns nun anfangen, Sie zu schreiben, int I ist gleich ID market. Wir haben diese Token-ID. Daraus werden wir es schaffen. Aber nach NFT, so, dann ansprechen wir die Idee des Verkäuferkleides auf den Markt bringen. Dann Token-ID-Punkt-Verkäufer. Jetzt werden wir einige Modifikatoren haben, das sind Anforderungen. Erste Anforderung oder Down-Lead-Anforderung. Ist es diese Nachricht, sollte der Punktwert dem Preis der NFT entsprechen. Das ist wild, die NFT zu kaufen, sie muss den richtigen Betrag überweisen . Skin spielt in unserer Diode, um den Kauf abzuschließen. Okay? Nun, wenn es in Ordnung ist, werden wir nur die Änderungen vornehmen. ID zur Vermarktung des Artikels. Der Token-ID-Knoten ist gleich. Jetzt werden wir einige Änderungen vornehmen, die aktualisiert werden. Ich bin einfach, ich werde einfach hier einfach so schreiben. Wird jetzt zahlbarer Absender der Nachricht sein. Jetzt und es wird sich ändern, wird verkauft an true. Und dann wird es machen, der Verkäufer wird die Adresse davon adressieren. Es ist Adresse 0, das heißt jetzt niemand ist dieser Verkaufsverkäufer. Es wird bereits verkauft. Und das bedeutet eine leere Adresse. Das heißt, diese Adresse gehört zu wissen was. Jetzt werden wir die verkauften Artikel erhöhen. Es ist hier, erhöhe dieses , da es jetzt verkauft wird. Dann werden wir diese Übertragungsfunktion nutzen, eine Funktion, die uns der offene Zeplin gegeben hat, wird das Eigentum übertragen. Absender dieser Vertragsnachricht. Und diese Tokenisierung. Als nächstes werden wir einfach das Geld überweisen , das bezahlt wird. Nun, jetzt bekommen wir, dass das der Besitzer des intelligenten Kontakts ist. Wir, kriegen wirklich den Angebotspreis. Wenn jemand NFT ist, ist es 0 etwas 0,001. Und auch wird der Verkäufer den Preis seiner NFT erhalten, wenn er Schulden-NFT auf unserem Markt so verkauft hat den Preis seiner NFT . Das war's. Das waren also die Pilze. Das heißt, dies ist die Funktion, die erforderlich ist, um einen Markt zu verkaufen. Hier rufen wir diese Funktion auf. Ich hoffe du hast es verstanden. Wenn nicht, versuchen Sie bitte, zu googeln, worin Sie verwirrt sind. Weil diese insgesamt übertragenen Punkte aus den Grundlagen der Solidität stammen. Das ist alles für dieses Video. Wir sehen uns in der nächsten Sitzung. Danke. 7. Video 6 Funktionalität zum Abrufen von unverkauften market: Hi, willkommen zurück. In diesem Video werden wir an der Funktionalität arbeiten , um nicht verkaufte Artikel abzurufen. Lassen Sie uns zunächst einen Kommentar schreiben, in dem es um die Rendite nicht verkaufter Marktartikel geht. Nennen wir es. Französische Marktartikel. Ich habe den Namen, um Marktartikel abzurufen , weil auf der Startseite, dh wenn der Benutzer auf die Website geht, diese erste Seite alle Artikel abruft , die in diesem Markt aufgeführt sind. Und wenn sie auf dem Markt notiert sind, bedeutet das, dass sie alle nicht verkauft sind. Seien Sie ebenso eine öffentliche Funktion. Es wird einfach zurückkehren oder das wird angesehen. Sie alle diese Variablen. Es werden keine Änderungen vorgenommen, sodass es sich um die Ansicht handelt. Und es wird eine Reihe von Marktartikeln zurückgeben und wir müssen meine Geldgleichung angeben. Lassen Sie uns nun einige Berechnungen durchführen. Anzahl der Artikel wird Ids dot current sein. Okay? Und die Anzahl der verkauften Artikel. Werden wir das tun, ist die Anzahl der Artikel. Diese Token-ID ist der aktuelle minus I, verkauft, nicht aktuell. Was ist also die Logik dahinter? Angenommen, sie sollen sagen, dass NFP auf diesem Markt ist und sechs verkauft werden. Das bedeutet, dass die Anzahl der einzelnen Artikel vier beträgt. Deshalb diese Subtraktion. Und jetzt müssen wir unser Array durchgehen. Wir werden also den aktuellen Index mögen. Geben wir ein Kapital, das mir so gefällt. Der aktuelle Index ist gleich 0. Dann haben wir ein leeres Array , das unsere acht markanten Elemente enthält. Ist es gut, neue Marktartikel zu platzieren, und dies wird die Anzahl der Grundstücke und verkauften Artikel sein. Das. Das ist also ein leeres Array. Wir werden Artikel hierher schieben und dann dieses Array zurückgeben. Lass uns eine for-Schleife haben. Ja, du int I ist gleich 0. Ich zähle weniger als Artikel I plus plus. Dann wenn, sagen wir if-Anweisung. Wenn ich Marktartikel I plus eins gemacht habe, weil es von einem Eigentümer ausgehen wird , ist die Adresse dieses Vertrags gleich . Das heißt, es ist nicht nur bei, da wir hier den Eigentümer wechseln, wenn es verkauft wird. Wenn es also die ist, dann ist die aktuelle ID, ID ich plus eins. Und dann haben wir einfach dieses kluge Kind und ich bin im Speicherstrom. Es ist gleich id zu schneiden ordentlich. Und hier wird es hier erwähnt, weil da die Token-ID auch bei 0 beginnt, bin ich dieselbe wie diese Token-ID. Da erhöhen wir hier auch die Token-ID. Wenn wir ein Token erstellen. Dann haben wir diese items-Variable, leeres Array in dem aktuellen Index, der 0 ist. Sehen Sie, ob dieser Artikel, dann werden wir den aktuellen Index erhöhen. Das heißt, das nächste Mal wird das Element in einem im Index gespeichert in einem im Index da 0 bereits damit gefüllt ist. Und das wird einfach weitergehen. Und am Ende, nach der for-Schleife, werden wir Datenelemente wie diese zurückgeben. Wir werden diesen Artikel zurücksenden. So holen wir also die Marktartikel ab. Ich hoffe du hast verstanden. Wenn nicht, stellen Sie bitte sicher, dass Sie das Video anhalten und versuchen Sie , die Logik hinter dem Code zu verstehen. Denn es ist das Einzige , was zählt, dass Sie die Kernkonzepte verstehen, wie Sie Funktionen selbst schreiben können. Das war's für dieses Video. Danke fürs Zuschauen. 8. Video 7 Funktionalität zum Abrufen von Artikeln im Besitz und in der Liste: Hi In diesem Video werden wir an den Funktionen zum Abrufen arbeiten. Nft gehört dem Benutzer und wird vom Benutzer erstellt. Lassen Sie uns an der ersten Funktionalität arbeiten, bei der die Artikel aktiviert werden , die ein Benutzer gekauft hat. Okay? Geben Sie nun den Namen der Funktion. Hol meine Linkshänder. Es wird eine öffentliche Veranstaltung sein. Kehrt zurück. Es wird einen Bereich von Marktartikeln zurückgeben. Dann fangen wir damit an , sie zu begeistern. Graf. Count ist gleich. Identifiziert das auch aktuell. Dann zählen Sie die Erzeugniszählung. Ich werde den ganzen Code erklären. Schreib einfach weiter. Du bist dabei. Der aktuelle Index ist gleich 0. Das erste, was wir tun müssen, ist die Anzahl der Artikel zu ermitteln. Das ist die Anzahl der NFT , die dem Benutzer gehört. Hier erhalten wir diese Namensnummer durch diese Berechnung. Aber jetzt müssen wir eine for-Schleife wie diese machen. Es ist für dich int I ist gleich 0. Ich weniger als del Artikelanzahl I plus, plus wenn id2 Markt I plus eins, ist dieser Besitzer gleich Message Dot Absender. Dann erhöhen wir die Anzahl dieser Artikel plus gleich eins. Auf diese Weise erhalten wir die Gesamtzahl der FTEs davon, von denen der Eigentümer des Eigentümers der Benutzer ist. Und nachdem wir es bekommen haben, werden wir dasselbe wie oben tun, wie mein Kinderartikel. Mammary ist wohl ein gutes Essen. Markt-Artikel. Jetzt ist die Länge des Arrays die Elementanzahl. Diese Artikelanzahl ist die Länge, in der wir diesen Teil gemacht haben, sagen wir mal. Dann werde ich eine for-Schleife haben. Du int ich gleich 0. Ich zähle weniger als Artikel. Wir müssen alles durchsehen. Ich plus plus. Wenn AD zum Marktobjekt. I plus eins ist gleich das ist ein Punkt o ist gleich dem Absender der Nachricht. Dann werden wir den Strom erhöhen. Wir werden dieses aktuelle AD haben. Nach wie vor. Es wird funktionieren, da die Arbeit diese Token-ID ist. Dann bekommen wir den Artikel. Wir erhalten den Artikel aus unserer Mapping-Anzeige. Fügen Sie dann dieses Element in unser leeres Element-Array ein, das ist der aktuelle Index ist gleich dem aktuellen Element. Und schließlich werden wir den aktuellen Index erhöhen. Und dann werden wir die Artikel zurücksenden. Dadurch werden die Artikel abgerufen , die der Benutzer gekauft hat. Nun wird die nächste Funktion etwas ähnlich sein, also kopiere ich sie einfach und füge sie hier ein. Es werden nur Artikel zurückgegeben, die der Benutzer auf dieser Marketplace-Site angeboten hat. Daher werde ich die aufgelisteten Batch-Artikel einschränken. Dann wird es eine öffentliche Ansicht sein, die etwas Erinnerung zurückgibt. Die Hotelartikelfirmen mögen eine kleine Token-ID Punkt aktuelle Artikelanzahl 0, aktueller Index 0. Dann werde ich dich und mich haben. Es gibt zehn, die sie erfreuen. Ich zähle plus plus. Wenn id2 hier Artikel vermarktet, wird es ein Verkäufer sein, den wir auf Bleidosis führen wollen. Wir verkaufen sie bereits. Ich sage Punktabsender, Artikelanzahl plus eins. Dann haben wir an einem Balken leer I ist gleich 0, I weniger als die Gesamtzahl der Artikel I plus plus. Wenn ich hier die Market-Spieler-ID für den Markt-Artikel angegeben habe, ist es Verkäufer. Der Absender der Nachricht. Sie haben die aktuelle ID eingefärbt. Ist es gut zu hören? Es wird so funktionieren, wie es als ID funktionieren wird. Denn das ist alles. Sie beginnen auch bei 0, dann eins, dann zwei, dann drei, das Soja, das ist der einzige Grund. Dann holen wir uns das, holen uns das Item aus dem Mapping. Fügen Sie das hier in unser leeres Array ein und geben Sie dann das Element zurück. Das war's. Das ist also ihre Funktionalität , um eines dieser erstellten oder vom Benutzer aufgelisteten Elemente abzurufen . Ich hoffe, du hast viel gelernt und es hat dir viel Spaß gemacht. Das war's für dieses Video. Wir sehen uns in der nächsten Sitzung. Danke. 9. Video 8 Funktionalität zum Weiterverkauf und Abbrechen von market: Hi, es ist zeitbezogen. Die letzten beiden Funktionen , die diese beiden weiterverkaufen , können eine NFT-Liste sehen. Also lasst uns zuerst einen Kommentar abgeben. Ermöglicht dem Benutzer, Zelle A2 gejagt zu haben. Wenn Jim weiterverkaufen kann man in 56 Token ID. Während deines 56er Preises? Es wird eine öffentliche Funktion sein, wird zahlbar sein. Jetzt wird es einige Anforderungen geben. Die ersten beiden Spalten werden ein D2-Marktartikel sein. Id. Dot owner sollte der Absender der Nachricht sein. Wie kann er die NFT eines anderen verkaufen ? Nur noch ein Punkt dazu, diese Operation. Dann müssen wir nächste Anforderung Artikel zuweisen. Also nicht, nicht, nicht das. Ich werde einfach sagen Punktwert der Angebotspreis sein sollte , denn auch hier dass der Punktwert der Angebotspreis sein sollte, denn auch hier stinken Sie wirklich nach NFT, also müssen Sie den Angebotspreis bezahlen. Spiele müssen diesem Ding entsprechen. Rennen. Wenn diese Anforderungen erfüllt sind, aktualisieren Sie jetzt einfach, dass diese Token-ID falsch ist. Dann kopiere es einfach. Füge es dreimal ein. Die zweite wird eine Schaukel sein, sei der Ort. Wenn sich jemand ändert, ist der Preis zu zahlen. Absender der Nachricht. Oh nein. Oh nein, das wird es wieder sein. Diese Vertragsadresse. Jetzt wird es wieder an diese Vertragsadresse übertragen. Dann werden wir die Artikel verringern, die als die wieder aufgeführten Bodeneigenschaften verkauft werden. Und wir werden dieses Eigentum übertragen. Das ist der Absender der Nachricht. Adresse. Dieser Vertrag kann helfen. So schreiben wir also die Funktionalität zum Weiterverkauf des Tokens. Jetzt ist es soweit. Wir schreiben diese Funktion, um ein Angebot zu stornieren. Das ist jemand, der dort aufgelistet ist, NFP auf dem Marktplatz. Und dann haben sie gelehrt, nein, ich will es nicht verkaufen. Ich will es wieder besitzen. Wisse, dass diese Funktion es ihnen ermöglicht, dies zu tun. Sie können ihre Marktnotierung verkaufen. Ein Chen kann sie verkaufen. Listing. Das wird haben, du bist wieder 56 Token-Idee durchgegangen, das ist welches Token ich stornieren muss. Es wird einfach eine öffentliche Veranstaltung sein. Hier. Diese Anforderungen werden sein. Zuallererst wird es dasselbe sein. Das ist ein ID-Token. Hier. Wir geben diese Token-ID an und schreiben dann , ob der Verkäufer die Nachricht dieses Absenders ist oder nicht. Wenn nicht, dann werden wir auf Lee zeigen , dass Verkäufer diesen Vorgang ausführen können. Und die zweite Anforderung wird dem Marktartikel hinzugefügt. Also kann id dot soul, ob wir sicherstellen müssen, dass es nicht nur auf der Dose steht , Konditionen zu verkaufen , die noch nicht sind. Das war's. Diese Anforderungen sind erfüllt. Dann werden wir einfach die Aktualisierung im Mapping durchführen. Das ist Token-ID, das ist gleich Eigentümer wird wieder diese Nachricht sein , dass Absender-ID, dass Verkäufer, Verkäufer null sein wird. Das ist Adresse, was 0 Adresse ist. Und dann ID. Token-ID nicht verkauft, wird einfach verkauft. Der Artikel wurde einfach an den Benutzer selbst verkauft. Wir können einfach Punkt Punkt inkrement sagen, weil wir, wir werden unsere geteilt bekommen. Das ist der Angebotspreis. Jetzt liegt es an der Nicht-Prüfung. Verwenden Sie es, ob er es verkaufen möchte oder nicht da wir diesen Angebotspreis bereits bezahlt haben. Wir werden also einfach diesen Angebotspreis an uns übertragen , der der Eigentümer des Smart-Vertrags ist. Angebotspreis übertragen. Und wir werden das Eigentum von dieser Adresse an den Absender der Nachricht übertragen , nicht die Token-ID. Damit sind die Funktionalitäten jetzt bereit. Unser intelligenter Vertrag ist abgeschlossen. Ich hoffe du hast hier viel gelernt. Wenn nicht, stellen Sie sicher, dass Sie nicht vorwärts gehen, sondern versuchen Sie zu verstehen , was dieses Keyword bewirkt , welche grundlegenden Konzepte es bewirkt. Im nächsten Video werden wir am Unit-Test arbeiten, um sicherzustellen, dass all diese Funktionen funktionieren, und es vorziehen, ordnungsgemäß zu funktionieren, bevor wir sie im Testnetzwerk bereitstellen. Aber das ist alles. Danke. 10. Video 9 Einheitstest zur Vergabe des Vertrags: Hallo, willkommen zu dem neuen Modul, in dem wir am Unit-Test arbeiten werden , da Blockchain unveränderlich ist. Bevor wir unseren Vertrag bereitstellen, schreiben wir Unit-Tests, um sicherzustellen, dass alle unsere Funktionen und Variablen in unserem Smart Contract funktionieren. Und sie drehen die richtigen Werte. Zu diesem Zweck werden wir die Mocha Chai Library verwenden. Also lasst uns jetzt anfangen. in diesem Testordner Erstellen Sie in diesem Testordner eine neue Datei und nennen Sie sie NFT Market. Prost. Es erfordert einige Labore, die sich in der Kinderbibliothek befinden. Wir werden verlangen, dass wir diese Erwartung benötigen. Und das werden wir, wir werden es uns von der Harvard-Had-Bibliothek verlangen. So wie das. Ich hoffe du weißt, wie man einen Test schreibt. Das ist eher kartenscheu , weil dies die Grundlagen sind. Ich würde nicht viel erklären. Nennen wir das. Describe wird nur zum Gruppieren verwendet oder Sie können sagen, unsere Testfälle zu verschachteln. So schreiben wir es. Mocha verwendet Haken, um diese Struktur zu organisieren. Eine davon ist diese Beschreibung. Es wird des sein, ich weine. So wie das. Es wird beschrieben. Nun haben wir es irgendwie gemacht, wie es war wenn der Markt dann führen würde, smile NFT hat n. Wenn d-Moll. Dann lass uns auflisten, loben und führen. Vertrag hin oder her, Wüste. Alle Variablen. Angeführt von Entrez links Lead NFT, Marktschauspielerin wie diese. Und wenn die Adresse des Vermarkters und wir den Auktionspreis haben , können Sie einfach den Verkaufspreis sagen. Ich schreibe es nur in einer Konstante, damit es einfach ist, Android zu spielen. Ein Drittel, so. Wir schreiben es einfach in Henrik Details. Jetzt. Das erste, was wir tun werden, ist vor jedem Haken ein zu verwenden. Dies ist einfach ein Haken, der vor jedem Testfall ausgeführt wird . Also müssen wir es nur einmal schreiben. Hier. Wir werden dest lesen, um den Vertrag bereitzustellen. Lassen Sie uns den NF2-Markt gleich erwarten. Esser bekommen keine Vertragsfabrik. Unser Auto. Unser Vertragsname ist NFT Marketplace. Dann ist der NFT-Markt gleich zu erwarten. Nf2-Markt, nicht bereitstellen. Dies ist der Bereitstellungscode. Wir werden warten, bis es bereitgestellt wurde. Dann erhalten wir Downmarket-Adresse und speichern sie in dieser Variablen, die die NF2-Marktpunktadresse ist. Dann erhalten wir einige Testadressen, die vertraglich sind oder nicht. Und von der Jezreel von Essern bekommen , die eine Nebenhöhle wie diese bekommen. Dies werden Dummy-Konten sein, die uns von der Hardhead-Umgebung gegeben werden. Man kann sagen, ja, die Umwelt. Dann haben wir den Angebotspreis gleich zu erwarten. Wenn der Markt dot. Hier werden wir nun diese Funktion aufrufen , die den Angebotspreis abruft. Und jetzt können wir es mit dieser Instanz als NFT-bereitgestellte Instanz bezeichnen . Dann werden wir einfach Gng toString es ist der Preis da2, string, wie dieser auflistet . Und als Nächstes erstellen wir einfach eine Funktion, die uns hilft, NFT neu zu registrieren. Lass es später. Wenn wir testen, müssen wir diesen Code nicht immer wieder schreiben. Gemeinte Liste. Und wenn D einer Senke entspricht, akzeptiert es diesen Token-URI. Ausgewogener Auktionspreis Transaktion. Dies ist die Zustandsvariable, ist gleich warten, NFT market dot erstellt zwei Kandidaten, die wir jetzt diese Funktion nennen. create token sendet diesen Token-URI, Verkaufspreis. Und wir haben Touren. Stellen Sie also sicher, dass wir den Angebotspreis senden. Dann werden wir Daddy sehen lassen, warten auf die Transaktion, die die gewichtete Münz-ID bis zum Erhalt erhält Diese Ereignisse. 0-Punkt-Token-ID. Du denkst vielleicht, warte, ich erkläre es nur. Du denkst vielleicht, was ist das? Du denkst vielleicht, was ist das? Wenn wir also auf diese Transaktion warten, wird sie hier gespeichert. Und wenn wir gedruckt haben, ist es, wenn Sie den Punktprotokoll-Empfang trösten möchten, dann erhalten Sie, dass er verschachtelt wird. Das heißt, es wird Karten geben, die es bereits gibt. Also bekommen wir gerade diese Token-ID davon. Das war's. Das ist also die Basis unseres Unit-Tests. Im nächsten Video werden wir jeden einzelnen Testfall schreiben. Wir sehen uns also in der nächsten Sitzung. 11. Video 10 Einheitstest auf Minze und Liste nft: Hi, willkommen zurück. In diesem Video werden wir den Einheitenschalter schreiben, um a und F d zu registrieren. Beginnen wir also mit der Beschreibung. Das heißt, wie wir wissen, können wir mit diesem Club schreibtisch arbeiten, wir können unseren oder wir können unseren Gruppentest verschachteln und alles. Dies wird Main sein und ein neues NFT-Token auflisten. Dann funtion. Das erste, was ich tun werde, ist const token URI ist gleich, ist gleich. Ich werde nur eine Domain haben. Obwohl. Kannst du dann HTTPS hinzufügen? Irgendein Zeichen, dass du bist? Das war's. Das ist nur eine Attrappe. Später werden wir einen echten Token-URI verwenden. Im ersten Fall, in dem die ID im ersten Testfall verwendet wird , sollten wir belohnen, wenn der Preis 0 ist. Dies ist der erste Testfall. Sagen wir ein Waschbecken. Wir erwarten. Jetzt werden wir von der Kinderbibliothek erwarten. Erwarten Sie. Wir werden das einfach gemeint verwenden und NFT auflisten. Wir würden diesen Token-URI senden, am Ende Preis. Wir senden 0. Und einfach, es wird sein , das Gewicht umzukehren. Und welche Botschaft wir bekommen werden, wir werden diese Botschaft bekommen. Der Preis muss größer als 0 sein. Das füge es hier ein. Dies ist der erste Testfall. diesem zweiten Testfall sollten wir belohnen, wenn Ort der Auflistung nicht korrekt ist. Sinc-Funktion. Das erste, was wir als create NFT bezeichnen werden. Wenn Chen Here, wird const Token ID warten, sorry, ich entferne es einfach. Und jetzt warten sie. Erwarten Sie. Nft, Markt Punkt, Token erstellen. Hier. Senden Sie einfach, können Sie dann den Auktionspreis und den Wert hinzufügen , senden Sie einfach 0, um im Eigengewicht zu sein. Warte einfach. Ein anderer wird mit und spielt belohnt. Kopieren Sie, dieser Ort muss dem Angebotspreis entsprechen. Jetzt denken Sie vielleicht darüber nach, warum ich diese NFT-Funktion zur Pflege der Liste nicht verwendet habe. Denn hier ändern wir diesen Wert. Aber hier akzeptieren wir keinen Wert als Parameter. Also rufe ich diese Funktion „Token erstellen“ einfach statisch auf. Es ist eine öffentliche Funktion, also können wir sie nennen. Das war's. Lassen Sie uns nun mindestens diese beiden Testfälle betrachten. Und davor möchte ich dieses Schloss und unsere Testfälle löschen. Ja, einen Tag später als in den Drehbüchern. Ebenfalls. Einfach löschen wird bereitgestellt und Käse. Okay, jetzt haben wir nur noch den NFT-Marktplatz. Okay. Jetzt bring die Befehlszeile in diesen Ordner zuerst set und px, ich hatte kompiliert. Mal sehen, was wir tun müssen, um diese Toolbox zu installieren. Okay, tu es einfach. Npm, installieren Sie gnomic Labs Foundation Hard Edge an der Box. Vergilben Sie einige Knotenmodule und heben Sie Konflikte hervor, die auch hier auftreten. Es ist erforderlich. Das ist der Grund, warum mein Vater angefangen hat und nachgesehen hat, ob wir wieder einen Redakteur bekommen oder nicht. Okay, in Schweden stehen. Lassen Sie uns nun noch einmal kompilieren und sehen, was es uns gibt. Okay, ich habe auch einen Fehler , 170 Zeilendekremente sind. Die Schreibweise ist falsch. Dem Antragsteller werde ich diese Bereitschaft sagen , entweder jetzt zu verwenden , Hardhead war voll. Wir sind härtere Spiele. Mal sehen. Schutzhelm. Versuche einfach unsere Tests zu überprüfen. Siehst du, die beiden arbeiten. Und wenn du willst, kannst du einfach eine davon entfernen. Oder wenn Sie möchten, können Sie gnomic Foundation verwenden. Kind reift. Es liegt an dir, aber im Moment ist es nur eine Warnung. Es wird den Code nicht stören. Jetzt wird der nächste Testfall acht sein. Sollte eine NFT mit dem richtigen Knoten erstellen. Und so kann URI sinken, wenn Chen. Dieser erste Sketch, der Token-ID, Token-ID ist gleich zu erwarten. Pflegen Sie die Liste NFT. Wir haben diesen Token-URI oben. Dann kriegen wir die Haupttoten. Können Sie also, oder wird es einen Lese-MFT-Markt für diesen Token-URI machen ? Kann ich const oder node und trace ist gleich, um auf den Markt Punkt o Knoten der Token-ID zu warten . Diese beiden sind also ziemlich innerhalb des Vertrags definiert. Das heißt, wir können das erreichen, indem wir die beiden Kanadier schicken. Als nächstes überprüfen Sie einfach, ob die Eigentümeradresse der fd-Marktadresse entspricht. Und zweitens, erwarte meine tote Token-URI gleich Token-URI. Das war's. Dies ist der Testfall hier. Der dritte Testfall und letzte Testfall in dieser Desk-Grab-Gruppe sollten dem Marktartikel entsprechen, der nach erfolgreicher NFT-Sache erstellt wurde. Diese sinc-Funktion. Dann fügen wir einfach hinzu, dass die Const-Transaktion gleich ist, um auf NFT ODER Gate Dot Create Token zu warten. Können Sie also den Auktionspreis RA? Der Wert ist der Angebotspreis. Dann lass Waffen. Der Sitz entspricht Gewicht des Transaktionspunkts. Erwarten Sie. Vor diesem Gewicht. Nur diese Token-ID. Das Gleiche wie wir die Ereignisse sehen. Dieses Argument ist nicht kanadisch. Und dann erwarten wir, dass die Transaktion animiert wird. Es wird dieses Ereignis aussenden. Zuerst müssen wir die Vertragsinstanz schreiben und dann, was sie ausgeben wird. Es wird hier emittieren, dass dieses, dieses Ding, Markierungsgegenstand mit Argumenten erstellt wurde. Kann ich eine Vertrags - oder Knotenadresse erstellen? Und wenn die Marktadresse, Auktionspreis und der Verkauf falsch sind. Das heißt, sagen wir mal: Nun, versuchen wir es noch einmal zu testen. In wirklich großer Zahl. Argument. Sollte nachsehen. Was ist das hinzugefügt. Liste pflegen akzeptiert zwei Dinge. Ich hab vergessen zu schicken. Sauerstoff-Lob auch. Sparen wir es uns. Und nochmal, lass es uns versuchen. Okay. Also Alda für Testfälle und jetzt richtig. Wir sind uns also sicher, dass diese Funktionen zumindest funktionieren. Im nächsten Video werden wir weitere Testfälle schreiben. Danke fürs Zuschauen. 12. Video 11 Einheitstest zur Durchführung des Marktes: Hi, willkommen zurück. In diesem Video werden wir unseren nächsten dex-Test erstellen , der Markets cell ausführen soll. Nochmals, so beschreiben wir. Stellen Sie sicher, dass wir separate Testfälle unterscheiden. Das heißt, hier werden wir beispielsweise einen Markt hinzufügen, einen Artikel platzieren. Dann funtion. Lassen Sie uns wieder einen Token-URI haben. Diese können wir nur kopieren. Kopieren Sie das. Dann lassen Sie uns den ersten Testfall haben, der bei einer Auktion rückgängig gemacht werden sollte . Wenn a nicht korrekt ist. Wie gesagt, const new NFT-Token ist gleich warten gemeint, NFT-Token, URI und Auktionsplatz zu registrieren. Dann machen wir x, x und f d Market Connect, Biota Desk, weil wir jetzt ihre Adresse ändern müssen. Der Verkäufer kann es nicht kaufen. Wenn wir dann Markt, Verkauf, Marktverkauf und neuen NFT-Token-Wert schaffen Marktverkauf , senden wir nur einen zufälligen Wert, um das Gewicht nicht rückgängig zu machen. Und hier wird es damit umgeleitet. Das ist einreichen Does kann so verrückt werden. Okay. Dann wird der nächste Testfall durch ein neues Zeichen sein. Oh nein. Einträge. noch einmal sagen, wir werden const haben, neues NFT-Token ist gleich zu erwarten. Gemeint NFT-Token-URI und Auktionsplatz anmelden. Dann fügen wir const hinzu. Die Adresse des Eigentümers entspricht dem NF2-Markt. Oder nichts davon wird const sein oder von diesem Token wissen, wenn es aufgeführt ist. Jetzt werden wir also erwarten, dass der Besitzer jetzt der Marktplatz ist. Adresse. Hier werden wir erwarten, oh, kein Adresspunkt gleich, gleich dem NFT-Marktplatz. Ich kleide mich, vermarktete Kleidung. Und was werden wir dann tun? Wir werden einfach den Marktverkauf schaffen, der NFT ist. Market Dot Connect verbindet sich mit der Byte-Adresse. Dot Create Market Silber wird es kaufen. Neuer NFT-Token-Wert, Auktionspreis. Und danach werden wir den neuen Knoten überprüfen. Und das Kleid ist gleich, um auf den NFT-Markt zu warten , um neue NFT-Token abzuwarten. Hier. Jetzt ist der neue Besitzer die Byte-Adresse. Wir müssen überprüfen, ob das funktioniert oder nicht. Erwarten Sie, dass die Adresse des neuen Besitzers dem Kauf an dieser Adresse entspricht. Okay. Prüfen wir nun , ob es richtig funktioniert oder nicht. Ja. Dieser Fall ist also auch richtig. Das ist das Erste, was den Auktionspreis falsch eingereicht hat. Wenn wir es kaufen, senden wir nicht den richtigen Betrag. Und im nächsten Fall stellen wir sicher, dass die Eigentumsübertragung ordnungsgemäß funktioniert. Das war's. Das war's also für diesen Test der Testeinheit. Im nächsten Video werden wir weiter an einem weiteren Schreibtisch arbeiten, werden wir weiter an einem weiteren Schreibtisch arbeiten um sicherzustellen, dass unser Vertrag nicht fehlerhaft oder fehlerhaft ist oder dass er keinen Fehler enthält. Danke. 13. Video 12 Einheitstest zum Verkauf von market: Hi, willkommen zurück. In diesem Video schreiben wir einen Unit-Test zum Weiterverkauf eines Marktartikels. Wie du so teilst, war Clay hier. Wir werden den Verkauf eines guten Platzartikels schreiben. Dann funktioniere. Lassen Sie uns diesen Token-URI haben. Dann wird der erste Fall, wir sollten rückgängig machen, wenn der aktuelle Eigentümer Preis nicht korrekt auflistet. Lassen Sie uns nun das neue NFT-Token gleich warten, um auf die gepflegte Liste, NFT-Token, URI und Auktionspreis zu warten. Dann werden wir warten, NFT Market Dot Connect von Red Dress simulieren . Erstellen, vermarkten, verkaufen. Neues NFT-Token. Der Wert ist der Auktionspreis. Dann werden wir erwarten, dass dies erwartet wird. Jetzt verstehe das. Hier. Wir haben behauptet, dass das Token mit der Adresse des Vertragsinhabers beibehalten wird . Aber in der nächsten Zeile versuchen wir, oder Sie können sagen, wir haben gerade Punkt-Token gekauft und jetzt ist der Eigentümer diese Byte-Adresse. Wenn wir nun versuchen, weiterzuverkaufen, ist das NFT Market Dot Token. Und jetzt versuchen wir, es mit dieser Adresse des Vertragsinhabers weiterzuverkaufen dieser Adresse des Vertragsinhabers da wir Dot Connect nicht verwenden. Und hier, wie Sie sehen können, neuer NFT-Token-Auktionspreis, Wertliste, da wir versuchen, ihn erneut aufzulisten. Dies wird rückgängig gemacht, das heißt, das Gewicht wird zurückgesetzt. Hier sehen Sie, dass es hier gespeichert ist. Nur item oder nicht kann diesen Vorgang ausführen. Vergewissern Sie sich, dass es die Codes liest. Und das nächste was wir tun werden ist wach. Erwarten Sie NFT, Market Dot Connect, Käuferadresse, Dot Resell-Token. Okay? Ja, wir können sehen, dass wir alles haben, okay, das ist ein neuer NFT-Token, dann Auktionspreis als Wert. Aber wir senden den Angebotspreis falsch. Es ist 0, dann sollte es mit einem Eigengewicht belohnt werden. Sie können hier sehen, es sollte wieder gewichtet werden. Der Preis entsprach einem solchen Angebotspreis. Okay? Dieser Testfall befindet sich hier, wir haben diese zu erwartende Aussage hier. Dann wird der nächste Testfall darin bestehen, sicherzustellen, dass der Wiederverkauf funktioniert. Es ist ein neuer Grund. Und dann verkaufen Sie es weiter. Ja, ich nehme nur diese beiden Zeilen. Das heißt, das neue NFT-Token entspricht der Aufrechterhaltung der Liste an diesem Tag. Dann versuchen wir, uns nach Adresse zu verbinden, um den Marktverkauf zu erzielen. Jetzt werden wir const token machen. Besitzer. Die Adresse entspricht dem Warten auf den NFT-Marktbesitzer des neuen NFT-Tokens. Jetzt werden wir das überprüfen. Jetzt ist der neue Knoten der Käufer. Adresse. Erwarten Sie, dass ich gleich ansprechen werde . Dadurch. Ich kleide eine Punktadresse an. Okay, jetzt ist es einfach. Dies ist einfach ein Marktverkauf. Was wir dann tun werden, werden wir die NFT-Marktverbindung verlieren, schlechte Adresse. Wir werden diesen Token erneut an den Vertrag weiterverkaufen. Es ist der Marktplatz, neuer NFT-Token, Auktionspreis, Wertlistungspreis. Und dann werden wir neue Token haben, ist eine gute Rate, wenn der Markt keine neuen NFT-Token ist. Und jetzt hier, jetzt sollte der neue Eigentümer die Adresse des Marktplatzes sein, denn wieder wird sie umgesiedelt. Diejenigen, die der Eigentümer sind , wollen es auf dem Markt weiterverkaufen. Es ist Erwarte, dass neuer Token-Besitzer gleich ist. Und wenn der Marktplatz okay ist, speichern wir ihn und testen ihn. Mal sehen, ob diese Schreibtischhüllen jetzt funktionieren. Sehen Sie, dass der Wiederverkaufs-Aftermarket-Spielgegenstand auch reibungslos funktioniert und einwandfrei blickt, ohne hinzugefügt zu werden. Das war's also für dieses Video. Lassen Sie uns diese Unit-Testserie fortsetzen. Es wird weiter geschrieben wo nur ein oder zwei Videos zu sehen sind. Danach werden wir diesen Vertrag bereitstellen. Danke. 14. Video 13 Einheitstest zum Abrufen von market: Hi. In diesem Video werden wir einen Unit-Test schreiben, um Marktartikel abzurufen. Beginnen wir mit einer Describe-Anweisung. Dann haben wir den vollständigen Namen , der möglicherweise Glasurgegenstände erhält. Wie du wirst. Wir werden diese Domain haben. Und auch wenn du es willst, kannst du es auch hier schreiben. Es liegt an dir hier. Aber ich stelle es einfach in jeden Schreibtisch. Krabbenkrallen. Lassen Sie uns den ersten Unit-Test von Disney Scope machen. Es sollte passen. Die richtige Anzahl unverkaufter Artikel. Will meinte wirklich drei N von t ist dieser Hund, den du anordnen kannst. Und jetzt spielt die Auktion. Ich kopiere nur zweimal. Jetzt haben wir drei Artikel auf ihrem Marktplatz. Blei und verkauft. Gegenstände sind gleich warten. Und F D, vermarkte diese Marktartikel. Mal sehen wo ist diese Funktion? Sehen Sie, wir haben diese Marktartikel holen. Und dann schreibe ich einfach expect. Und verkaufte Artikel. Die Punktlänge ist gleich drei, da wir 3,5 Tage haben. Dann sollte der nächste Fall, sollte Knoblauch, Anzahl der Gegenstände sein, die der Benutzer verfolgt hat. Lass uns geführt haben. Nft-Token entspricht dem erwarteten NFT-Token-URI , Auktionspreis. Dann werden wir wieder zu LFTs gehören. Nun, was ich tun werde, ist einen Markt zu erstellen, zu verkaufen, es ist NF2 Market Dot Connect. Ich werde verwenden, ich werde die Byte-Adresse schreiben. Dann. Erstellen Sie Marktverkäufe. Okay? Und ich gebe das Token, ich habe es mit dieser NFT-Token-ID gemacht. Dann wirst du weniger sein. Ich glaube, ich kaufe es nur. So selten wird der Auktionspreis sein. Okay? Jetzt, Ich werde einfach von unseren gesamten Artikeln geleitet , um auf NFT Connect per Kleid zu warten. Jetzt rufe ich fetch an. Mein NFC ist dieser, der meine NFT ist. Erwarte einfach. Dies ist die Punktlänge der gesamten Artikel des Käufers. Ich gehe davon aus, dass dies eins ist, da ich nur eine NFT gekauft habe und andere immer noch aufgehoben sind da ich nur eine NFT gekauft habe und andere immer noch aufgehoben sind. Diese beiden sind immer noch auf dem Markt gelistet. So testen wir das, ob es funktioniert oder nicht. Und dieser dritte Testfall sollte die korrekte Anzahl der von einem Benutzer aufgelisteten Elemente sein. Dass dies sicherstellt, dass insbesondere Benutzer die Anzahl der Elemente korrekt sind. Ich will es einfach so gemeint haben. Dann die dritte, ich werde mich mit dem NFT-Markt verbinden, Punkt, mit den Biologen verbinden. Das ist der Schlüssel. auflisten. Das auf dem Markt. Erstellen Sie ein Token. Dann. Das gilt auch für URI, Auktionspreis, Wert, Angebotspreis. Lassen Sie jetzt eigene Angebote gleich warten. Und wenn der Markt. Jetzt können wir hier sehen, dass diese Patch-Elemente aufgelistet sind, aber das ist von einem bestimmten Benutzer. Jetzt versuchen wir die vom Vertragsinhaber aufgeführten Artikel abzurufen, nicht die Adresse des Käufers. Der Vertragsinhaber hat n von t aufgeführt, ist einfach zu erwarten. Eigentümer. Die Punktlänge sollte gleich zwei sein. Das war's. Speichern wir es und testen es jetzt. Sehen Sie sich alle Testfälle an. Okay? Jetzt sind wir uns sicher, dass zumindest dieser Markt und das Abholen von heruntergekommenen Artikeln ordnungsgemäß funktionieren. Das ist alles für dieses Video. Wir sehen uns im nächsten Video, das das letzte Video dieser Testserie sein wird. Und Q.. 15. Video 14 Einheitstest zum Abbrechen der Marktliste: Hallo, willkommen zum abschließenden Video dieses Testmoduls, in dem wir eine Einheit schreiben werden Teströhrchen können Marktlisten verkaufen. Lesen wir nun die Describe-Anweisung. Es kann immer noch eine Platzliste erhalten werden. Wenn Chen du kannst. Holen wir uns den Token-URI. Nehmen wir den, diesen Fall. Es ist, sollte sagen, und gibt die richtige Anzahl von Angeboten zurück. Lass uns NFT haben. Token ist gleich 08. Pflegen Sie die Liste NFT. Wir haben den Token-URI und den Auktionspreis. Dann wollen wir Tokens erstellen. Sie werden das einfach kopieren, verbinden sich mit dem Adress-Punkt-Erstellungstoken. Wir möchten dieses Token mit dieser Käuferadresse erstellen. Und der erste wurde aus dem Vertrag erstellt und ist Eigentümer der Vertragsinteressen. Lassen Sie uns nun unverkaufte Artikel gleich auf den NFT-Markt warten , Marktartikel erwarten. Also wie Begriffe sollte die Punktlänge gleich drei sein, ist gleich drei. Was wir dann tun werden, werden wir eines der Produkte stornieren , die zu ihren Angeboten gehören. Die Verwendung kann sie verkaufen. Und wir senden einfach die Token-ID. Und dann lassen wir, lassen Sie einen neuen Artikel. Also werden wir einen NFT-Markt warten , der Marktartikel abholt. So viele, die ich jetzt auf dem Markt gelistet habe, warten einfach darauf. Erwarten Sie neue nicht verkaufte Gegenstände , deren Land seit dem Zeitpunkt, an dem sie jetzt storniert wurden, gleich zwei sein sollte Mal sehen, ob das Ding funktioniert oder uns einen Belüfter gibt. Ja. Also funktioniert alles. Alle Testfälle sind bestanden. Jetzt können wir uns entspannen, weil unser intelligenter Vertrag keinen Fehler enthält. Im nächsten Video werden wir einfach den intelligenten Vertrag bereitstellen, werden wir einfach den intelligenten Vertrag bereitstellen um das Testnetzwerk zu korrelieren. Und dann werden wir weiter am Frontend arbeiten . Danke. Wir sehen uns im nächsten Video. 16. Video 15 Das deployment schreiben: Hallo, willkommen zu diesem neuen Modul, in dem wir das Bereitstellungsskript oder unseren intelligenten Vertrag schreiben werden . Schließen Sie einfach diese Testdatei. Wir brauchen es nicht mehr. im Scripts-Ordner Erstellen wir im Scripts-Ordner eine neue Datei und einen neuen Namen. Wir setzen ab.js ein. Und fangen wir an, den Code zu schreiben. Zunächst benötigen wir einen kurzen Überblick über das Hardhead-Labor. Dann haben wir eine Hauptfunktion. Hier. Wir müssen nur unseren Vertrag so bereitstellen , wie wir es in der Testdatei getan haben. Genau wie die Vertragsfabrik gleich darauf wartet, dass die Esser auf die Vertragsfabrik kommen. Das wird es sein, mal sehen. Auch hier möchte ich keinen Fehler machen. Kopieren Sie es, fügen Sie es in const contract ein, um ein Vertragsfaktenradar bereitzustellen. Und jeder Vertrag bereitgestellte Konsole meldet sich auf Kurs. Sie möchten auf dem richtigen Weg sein und darauf bestehen, dass nur die Konsole es protokolliert. Speichern Sie die Adresse, um sie später zu verwenden. Im Frontend. Dann erstellen wir einfach eine weitere Funktion. Da es sich um eine asynchrone Funktion handelt, sagen wir einfach, dass run main einer Senke entspricht. Dann haben wir einen Versuch Catch-Block. Kann auf den Ausgang von Main Ross warten wenn alles in Ordnung ist, dann aussteigen. Wenn nicht, dann console.log der Editor und Prozess, der beendet wird. Gewicht eins. Und schließlich ist diese Landebahn in Funktion. Aber so schreiben wir das Bereitstellungsskript. Es wird für die meisten Projekte sichtbar sein. Sie müssen diesen Namen nur in Ihren Vertragsnamen ändern , und fertig. Sie können diesen Code einfach kopieren und auch in Ihre anderen Dateien einfügen . Um unseren Smart-Vertrag bereitzustellen, müssen wir nun einen Befehl verwenden , der und px lautet. Ich war weggelaufen. Dann stellen Sie in Skripten für Damen das js bereit. Aber danach müssen wir auch das Netzwerk mit diesem Strich erwähnen , Dash Network und dann ist der Uhrname korreliert. Diese gehen live. Wir haben es in der Iodid-Punkt-Konfigurationsdatei erwähnt und drücken dann die Eingabetaste. Es könnte einige Zeit dauern. Also wird unser Vertrag für diese Adresse bereitgestellt. Vergewissern Sie sich, dass Sie es kopieren. Denn im nächsten Video, wenn wir ein Next JS-Produktprojekt erstellen, werden wir diese Adresse verwenden. Wenn Sie möchten, können Sie auch nur sicherstellen, dass Sie die Daten überprüfen. Sie werden einen ITO-Scan durchführen und dann einfach Ihre Adresse hier einfügen. Jetzt können Sie sehen, dass diese Adresse vor 39 Sekunden unter Block steht, Blockchain. Wir haben also diesen Vertrag erstellt, der besagt, dass Sie Ihren Vertrag so bereitstellen. Danke. 17. Video 16 Setup und fange an Next js an: Hallo, willkommen im neuen Modul, in dem wir an der Benutzeroberfläche arbeiten werden. Jetzt ist der Smart-Contract-Teil fertig. Wir können mit dem Aufbau der Benutzeroberfläche beginnen. Wir werden next JS verwenden, das ein React-Framework ist. Aber um die nächste js-App zu erstellen, müssen wir einfach diesen Befehl verwenden, nämlich Bx. Erstellen. Nächste App und nenne sie Kunde. Ebenfalls. Um jetzt mit unserer diploiden Vertragsrate x zu interagieren unserer diploiden Vertragsrate x müssen wir nur sagen, okay, jetzt wird es installiert. Um mit diesem bereitgestellten Smart-Vertrag interagieren zu können, benötigen wir zwei Dinge. Das ist zuerst die Vertragsadresse, die wir hier haben, und dass Amy, ich jetzt, um die EPA zu bekommen, wir einfach diese Datei kopieren müssen , die in den Artefakten enthalten ist. Wir haben die Verträge. Und in ihren Verträgen haben wir diese NFT-Marktplatz-Punkt-JSON-Datei. Wir müssen es einfach kopieren. Und dann schauen wir mal , wo sie stehen. Kenne den Glenn-Ordner. Okay. Jetzt ist es geschafft. Sehen wir uns ihren Anspruch an, um zu sehen, dass wir schräge Seiten, Stile und unsere Angebote haben. Also hier einfach einen neuen Ordner erstellen und ihn ABI nennen. Und fügen Sie diese JSON-Datei hier so ein. Okay? Und auch für diese Vertragsadresse in diesem Kundenordner werde ich eine neue Datei erstellen und sie benennen. Konfig Punkt J S. Hier. Ja, ich werde zwei Variablen haben. Zuerst exportieren wir const, Vertragsadresse. Und das zweite, was wir brauchen, ist die URL, die in weniger konstant ist. Url ist gleich wie folgt. Für die Vertragsadresse drucken Sie einfach diese aus und fügen Sie sie hier ein. Der Aufguss. Du musst einfach hier hin. Dasselbe, verwalteter Schlüssel und kopiere diese URL und füge sie hier ein. Dies ist das Hauptnetz. Nein, ich brauche sie nicht im Netz. Mal sehen. Ich brauche das neueste Netzwerk. Okay. Die minderwertige URL auch. Jetzt, in den nächsten Jahren, werden wir ein CSS-Framework verwenden, das als Tailwind bekannt ist, ein Dienstprogramm für das CSS-Framework, das es einfach macht, Styling hinzuzufügen und gute, gut aussehende Websites zu erstellen, ohne viel arbeiten, um Rückenwind-Abhängigkeiten zu installieren. Zuerst müssen wir in das Verzeichnis client gehen, cd to client und diesen Befehl, npm, eingeben. Installieren Sie den Deal, wenn CSS in Delhi spätestens CSS, Fix und direkt neueste. Das. Und drücke einfach die Eingabetaste. Erfahren Sie mehr über Tailwind und so. Du kannst einfach schreiben. Nächstes Schach. Ein Lebensunterhalt. Hier. Sie können einfach die Dokumentation lesen, die besagt, nun, wir werden diese Änderungen vornehmen. Wie Sie nun sehen können, was der Befehl und alle via installiert haben, installiert haben. Die Pakete nur, ich werde es einmal überprüfen, okay. Okay. Jetzt werden wir die Konfigurationsdateien erstellen Tailwind benötigt, um nächstes Jahr mit mir zu arbeiten Das sind Tailwind dot config dot dot js file und post sss dot config dot js Datei. Und wir können es tun, indem wir diesen Befehl und bx ausführen. Wenn CSS dabei ist, ist es das. Wir haben jetzt diese Dateien. Als nächstes konfigurieren Sie hier unseren Template-Inhaltsteil in Tailwind dot config dot js. Wie Sie sehen können, müssen wir diese Zeile einfach kopieren. Wir haben Stühle, dx und wir haben diese Linie. Sie müssen einfach diese Zeile von dieser Website kopieren, die CSS maßschneidert und wie die nächsten Jahre installiert werden. Und füge es hier so ein. Und dann lösche diesen Schrägstrich im Codierungsstil, globales CSS, das hier ist. Löschen Sie das hier und ersetzen Sie es durch diese Codezeile. Diese Woche, diese Codezeile , das war's. So erfolgt die Konfiguration. Dann werden wir mit Stil einige Abhängigkeiten benötigen, die später benötigt werden. In diesem Glenn für weniger schreiben Sie einfach npm install tree model space XES. Web-Tree-Modell ermöglicht es Ihnen, Ihre App mit zu vielen Wallet-Anbietern wie Coinbase, MetaMask, Wallet Connect und XES zu verbinden, was die Ausführung als synchrone HTTP-Anforderung zum Ausruhen erleichtert synchrone HTTP-Anforderung zum Ausruhen Endpunkt und führen Sie den Vorgang aus. Wir werden später XES verwenden, um Daten an die DOM-API abzurufen. Lassen Sie uns jetzt einfach unsere nächste JS-Anwendung mit npm run dev ausführen. Okay, lass uns gehen. Und einfach die URL localhost dreitausend. Und Sie können sehen, dass unsere nächste js-App läuft. Damit ist dieser Konfigurationsteil abgeschlossen. Arbeiten wir am nächsten GS-Frontend-Teil. Entferne alles in der Datei index.js, die sich hier in Seiten befindet. Wir haben die Datei index.js. Wir entfernen alles und beginnen mit dem Import von Abhängigkeiten. Das ist wichtig. Äther. Äther. Importiere, verwende und beeinflusse dann verwende und beeinflusse Gamma-Nutzungsstatus von React. Dann haben wir zwei Eingänge x, z OS von uns. Dann müssen wir Baummodell importieren , drei Modelle. Dann werden wir Vertrag importieren und uns kleiden. Und das ist von hier. Ich spreche von diesen Studien, Vertragsadresse und einer URL in der URL aus der Konfigurationsdatei wie dieser. Und schließlich werde ich diesen NFT-Marktplatz aus dieser Vertragsinstanz aus der ABA importieren diesen NFT-Marktplatz aus , indem ich diesen Datensatz verwende. Wir haben die ABA und dann haben wir die NFT-Marketplace-Dot-JSON-Datei. Diese Datei, die wir standardmäßig exportieren, ist NFPA. Die Schreibweise ist falsch. Und wenn sich der Markt unterscheidet. Lassen Sie uns nun einen Exportstandard haben. Ich hoffe, Sie wissen, dass Sie ein bisschen hart reagieren und nächstes Jahr ist, weil dies Sie nicht lehren wird, ist wirklich alles über die Rendite des NFT-Marktplatzes zu tun . Wir haben dieses Div. Einfach. Wir müssen, wir kommen zu, Mal sehen, ob ich es speichere. Was passiert? Siehst du, wir heißen dieses Willkommen zu Hause. Ich weiß, dass es gerade nicht gut aussieht. Aber das ist das Erste. Lassen Sie uns am Abwärtsnavigationsteil arbeiten , der auf allen Seiten dauerhaft bleibt. Um dies einzurichten, müssen wir zu dieser Datei ab.js gehen, die sich in den Seiten befindet. Und hier müssen wir einfach mehrere Dinge zurückgeben. Zunächst einmal löschen Sie es einfach nicht, sondern schneiden es einfach aus. Dann haben wir hier drinnen ein div und fügen es einfach unten ein. Und über dieser Komponente haben wir unsere Navigation in diesem Navi. Jetzt werde ich Tailwind CSS verwenden, das durch Hinzufügen von sechs begrenzt wird . Dann werde ich ein p-Tag Meta schlechter haben. Und wenn der Laden, werde ich auch diesem ClassName-Text etwas Padding geben. Für Excel. Ganz oben. Ich werde den Link vom nächsten Link importieren. Dann werde ich einfach ein leeres div haben, das Flex Margin Top Four sein wird. Und dann fange ich an , meinen Link zu haben. Dieser Link sollte F. Und innerhalb dieses Links werde ich ein Anker-Tag haben. Nennen Sie es Zuhause. Lassen Sie uns einige Klassennamen haben, die rechts am Rand stehen oder der Text 500 beträgt. So wie das. Und jetzt kopiere das einfach und füge es dreimal ein. Die nächste HF wird NFT erstellen. Es wird Margen sechs sein. Und ich werde verkaufen, verkaufen, NFT einschränken. Dann wird das nächste SELBST mein sein. Wenn diese und ich einfach nennen werde, ist meine NFT. Die letzte Navigation wird das Creator-Dashboard sein. Armaturenbrett. Sagen Sie einfach, schauen wir uns jetzt unsere Website an. Siehst du, wir haben dieses Zuhause. Es sieht anständig aus. Ich werde nicht sagen, dass dies das beste Design ist, aber unser Fokus wird mehr auf der vollständigen Implementierung dieses NFT-Marktplatzes liegen. Sie können das Design später ändern, indem alle Schnipsel oder den Code , den Sie im Internet erhalten. Es liegt an Ihnen. Also das war's. Für dieses Video. Im nächsten Video werden wir an der Funktionalität arbeiten, um zu zeigen NFP aus der Blockchain stammt. Danke. 18. Video 17 Funktion zum Laden von NFT: Hi. In diesem Video werden wir an der Medizintechnik arbeiten, um NFT zu laden. Fangen wir also zunächst mit einigen Variablen an. Und wenn D gesetzt ist und diese lokal sind, um State zu verwenden, werden wir den React-Hook verwenden und ihn ganz am Anfang leer geben. Und das sind Sekunden. Der Staat wird geladen. Stellen Sie ein. Der Ladezustand entspricht dem Zustand u. Und ganz am Anfang werden wir einfach nicht geladen schreiben. Da dies der Fall ist, werden wir einen Ladeindikator oder einen Text anzeigen einen Ladeindikator oder , während wir aus der Blockchain abrufen. Beginnen wir nun mit unserer Funktion. Wir werden es benennen, Herr. Und wenn das so ist, werden wir als Erstes einen Anbieter haben, neue Esser, den hochdosierten JSON-RPC-Anbieter. Und zweitens werden wir eine Instanz unseres Marktkontrakts haben . Vertrag. Dann nimmt der erste Parameter die Vertragsadresse an. Zweitens braucht es die ABA. Und müde braucht es den Profi versteckt es ist hier verwenden wir den JSON RPC. Du kannst googeln was ist, was der JSON RPC macht und alles macht. Aber in einfachen Worten, hier wird es einfach, es wird den Benutzer nicht mit der Meta-Maske authentifizieren. Da v gerade alle Daten abgerufen hat, nicht einige bestimmte Daten, die sich auf den Benutzer beziehen. Dann lassen Sie uns diese Daten haben. Wir werden diese Funktion in unserem Vertrag nennen , der Miss Pet Market Items heißt. Das sind also Alda, das ist alles. Nft ist. Das ist was es tut. Auch diese Last NFT sollte immer dann ausgelöst werden, wenn jemand auf unsere Website kommt, das ist das Erste. Wir werden den US-Effekt-Hook verwenden und diese Funktion so aufrufen. Und es sollte nur einmal aufgerufen werden. Also hier sind das nur React-Konzepte. Als Nächstes erhalten wir hier ein Array von Elementen, die wir zuerst konvertieren ein Objekt konvertieren. Oder Sie können sagen, dass dies nur ein JavaScript-Objekt ist. Die const Gegenstände warten auch auf den Rami-Start. Hier. Wir haben diese Datenpunktkarte. Drinnen. Wir haben ein Waschbecken. Mir gefällt das. Jetzt. Als Erstes holen wir uns das Token, URI. Markt-Kontrakt. Token-URI. Wir senden einfach diese Token-ID und damit erhalten wir den Token-URI. Oder Sie können diese HTTP-URL sagen. Dann. Jetzt werden wir die x z OS-Bibliothek verwenden. Es ist XES get token URI. Dann haben wir diesen Preis. Lass es uns in eine Zeichenkette konvertieren. Das heißt, Esser. Machen Sie Angebote in diesem Format. Einheiten. Ich dot Preis Punkt zwei Saiten. Okay, jetzt erstellen wir ein Objekt, ein JavaScript-Objekt. Die erste, die wir loben , kann Token ID sein. Ich werde es sein, kann die ID-Nummer, dann der Verkäufer, ein Verkäufer. Dann haben wir den Besitzer, den Besitzer. Dann haben wir das Bild. Bild werden wir schreiben wie Metta-Punkt-Daten, Punktname. Und Beschreibung wird der Datenbeschreibung entsprechen. Und dann senden wir den Artikel einfach zurück. Es erstellt also einfach ein Array von Gegenständen, Objekten. Diese Zuordnung benötigt also einfach eine Variable, Sie können diese Elemente festlegen und alles in diesem Bereich speichern. Und schließlich, was wir tun werden, ist, dass der NFT-Status mit dieser Elementvariablen und den Ladezustand auf einfach geladen gesetzt wird. So wie das. Diese Sachen funktionieren , um sicherzustellen, dass wir die LFTs aus der Blockchain laden. Das nächste, was wir tun werden ist, dass wir hier einige Änderungen an der Rückgabe vornehmen werden. Das ist hier. Wenn, wenn der Ladezustand gleich „Nicht geladen“ ist, wird einfach ein LastName zurückgegeben, bx zwei in d. Das ist Betteln an der x-Achse, lesen warum dann y-Achse? X ist drei x. Dies sind alles Rückenwind-CSS. Und wir schreiben einfach Gewichtsbelastung. Und wenn Ladezustand gleich geladen ist, aber auch und wenn D diese Länge nicht da ist, heißt es 0. Dann werden wir wieder ein weiteres H1 zurückgeben. Aber hier werden wir einfach keine Artikel auf den Marktplatz schreiben. Okay? Und wenn beide falsch sind, kehren wir einfach zu ihnen nach Hause zurück. Aber das werden wir später in Videos konfigurieren. Jetzt sparen wir. Mal sehen, ob j im Editor ist. Wenn alles funktioniert. Mal sehen, wir haben hier etwas Edit. Unterscheiden wir. Mal sehen. Ich denke, wir haben vielleicht einen Fehler gemacht, konnten das Netzwerk nicht erkennen. Lass es uns noch einmal versuchen. Ich glaube, wir haben es nicht installiert. Ich denke, das könnte der Fall sein. Mal sehen, dass es hier ein Problem sein kann , weil ich keine Esser sehen kann. Lass es uns zuerst installieren. Vm in Star-Interessen. Okay, lass uns sehen. Jetzt haben wir E Tops mit Stil. Lass uns npm run dev machen. Schauen wir uns den Gewinn an. Gib mir einfach etwas Zeit. Ich werde sehen, was die Bearbeitung ist. Okay, ich habe den Fehler erkannt. Hier. In dieser JSON-RPC-URL müssen Sie Ihre untergeordnete URL eingeben, die Sie aus der Konfigurationsdatei erhalten. Wir kopieren das einfach und fügen es hier ein. Das war's. Das war das Problem. Und jetzt kannst du sehen, ob ich mich auch aktualisiere. Es wird kein Artikel auf dem Marktplatz angezeigt. Aber das war's für dieses Video. Danke. 19. Video 18 Funktion zum Kauf von NFT: Hi. In diesem Video schreiben wir die Funktion zum Kauf einer NFT. Lassen Sie uns also die Sinc-Funktion von NFT schreiben. Wir werden hier die NFT-Daten als Parameter senden. Dann. Jetzt verwenden wir das Web-Three-Modell , um eine Verbindung zu MetaMask herzustellen. Früher werden wir keine Verbindung zu meinem Damasio herstellen, indem wir nur JSON RPC verwenden und diese Funktion aufrufen. Aber hier brauchen wir die Benutzeradresse Volley, die sie anziehen. Deshalb ist die const-Verbindung gleich, um auf Baummodell-Punkt-Verbindung zu warten. Dann ist const Hadar gleich mu. Zu diesem Zeitpunkt wird der Startanbieter dot web triploid. Und wir müssen diese Verbindung senden. Dann stellen wir sicher , dass der Benutzer mit diesem Netzwerk verbunden ist. Sie werden das Netzwerk erhalten, das dem Anbieter entspricht . Dann wissen wir, dass die Netzketten-ID, also ihre ID, fünf ist. Also werden wir einfach einen Scheck haben. Wenn get network dot j nicht gleich Garlic Chain ID ist, wird ein Warndialogfeld angezeigt, das besagt, dass Sie nicht mit einem Netzwerk verbunden sind . Und dann werden wir von hier zurückkehren. Wir werden diese Funktion nicht ausführen. Und wenn ja, okay, dann werden wir die Transaktion unterschreiben . Hat Unterzeichner. Um Get Sign-On bereitzustellen. Dann haben wir die Vertragsinstanz, new ethers dot contract. Und dann werden wir das haben. Wir sollten die Vertragsadresse schicken, dann diese ABI. Und dann der Unterzeichner. Dann werden wir diesen Preis mit Eaters dot util, Punktbalken, Einheiten, NFT, nicht Klammer, Punkt, zwei Strings analysieren diesen Preis mit Eaters dot util, Punktbalken, Einheiten, NFT, nicht Klammer, . So wie das. Dann werden wir diese Transaktion gleich erwarten müssen. Ein Titelpunkt des Namens dieses intelligenten Vertrags zum Deaktivieren des Index ist Marktverkauf erstellen. Und jetzt müssen wir das Token schicken. Und wenn die Token-ID sowie dieser Wert, das ist der Preis dieses Tokens. Dann bewerten wir den Abschluss dieses Übergangs. Und danach werden wir NFT erneut laden , damit die Seite aktualisiert wird. Das ist also die Funktionalität , um eine neue NFT zu kaufen. Dann müssen wir das HTML oder die Benutzeroberfläche zurückgeben. Wenn der Benutzer lädt und FDA, dann sollte es eine gewisse UI zu niedriger Dosis geben, und auf diesen werden FTEs angezeigt. Und wenn D einfach ist, fangen wir an. Fangen wir hier an. Damit. Dave. Ich werde etwas Styling geben. Flex. Mitte ausrichten. Dann der Klassenname hier, wieder drin wird es mit Dave kein Padding an der x-Achse, y. Und ich werde dieses benutzerdefinierte Styling verwenden, das heißt, max wird 1600 Dollar sein. Sie können das Styling nach Ihren Wünschen ändern . Lass uns ein Gitter haben. Erstellen. Eins. In smile sagt, es sollte toll sein. Um Geräte zu vergrößern. Es sollte die vierte Klasse zahlen. Dann haben wir eine Polsterung. Top ist gleich vier. Okay? Jetzt werden wir das durchgehen und Nephthys, den Staat, die Wüste. Deshalb habe ich diese geschweiften Klammern verwendet , weil wir keine logische Arbeit leisten. Ich möchte, dass NFT diese Karte ist. Dann geben wir in diesem Fall eine einzige NFT sowie den Index. Du kannst den Mauszeiger darüber bewegen. Sehen Sie, wir bekommen auch den Index. Beginnen wir nun mit einem div. Wir müssen herausfinden, dass g dem Index entspricht. Dann ist der Nachname gleich Grenze, Schatten darum. Und dann überlaufen Sie versteckt so. Jetzt bringen wir das Bild hierher, also müssen wir das Bild vom nächsten Bild hier importieren, ganz oben. Wir werden dieses Bild verwenden. Sie können es einfach hier schließen. Die Bildquelle ist NFT, das Bild, das ist Punktbild, denn hier haben wir dieses Bildobjekt. Wir geben den Namen an, das ist NFT-Punktname. Dann ist das Gewicht gleich 300, Höhe gleich 200. Dann haben wir auch einen Platzhalter. Es ist ein Platzhalter und wir schreiben Unschärfe. Das ist immer noch das große Ufer, lass es verschwimmen. Und dann unscharfe Daten-URL. Ja. Wir haben ein Bild platziert. Das heißt, Sie können sehen ich ein Bild in diesem Kunden platziert habe. Dann öffentlich sehen, ich habe dieses Bild aus dem Internet eingefügt. Es ist ein einfacher Platzhalter. Und es ist die Erweiterung Punkt PNG. Und dann reagiert das Layout so. Okay? Dann werde ich unten ein weiteres Div haben, unter diesem Bild. Klassenname, gib ihm einfach etwas Padding. Dann, wenn Sie Diagramm Stil wird 64 sein, Excel, Klassenname. Als nächstes ist Excel nicht halb fett. Und hier wird wirklich die NFT angezeigt, dieser Name. Dann haben wir noch ein Div , Stine, I, 70 Pixel. Dann wird ein Komma-Überlauf ausgeblendet. Darin. Wir werden p-Tag und 2.5 Textklasse haben , eine 400. Und es wird die NFT-Beschreibung angezeigt. Okay? Danach werden wir nur noch eine Taste zum Auslösen durch die NFT-Funktion verwenden. Darunter haben diese beiden Div, die sich innerhalb des Haupt-Divs befinden, ein weiteres Div. Es wird className haben, für Hintergrund lesen, schwarz als Glasname, Text, Excel, Rand unten oder nicht, Schüssel. Als nächstes weiß. Hier werden wir zeigen, dass, wenn d, dieser Preis in ihrem aktuellen Zustand isst. Und darunter, dass diese Seite an Seite oder nein, ich werde unten sagen, dass dies eine Schaltfläche zeigt , die jetzt schreiben wird. Und lassen Sie uns auch das etwas stylen. Ich weiß, das sind viele Codes, aber du musst es tun. Warte! Tasche, das ist die Hintergrundfarbe 500. Text, weiß, Schüssel, Bett-Y-Achse zum Lesen der X-Achse bis zum Ende. Abgerundet. Aber das ist alles das Entwerfen des Klassennamens und so. Jetzt schreiben wir einfach den onclick. Onclick löst die Funktion durch n f d, t aus. Sie wird durch ein F D ausgelöst und akzeptiert ein Messgerät. Wir müssen die NFT-Daten senden. Das war's. Das war's. Dies ist der Code oder der externe Teil der Anzeige der NFT auf dem Startbildschirm. Wenn Sie möchten, können Sie das Video einfach anhalten und es erneut mit ihrem Code überprüfen. Und wenn sie in der Zukunft sind, haben wir einen Fehler. Wir werden es natürlich lösen. Danke, das war's für dieses Video. 20. Video 19 Pinata IPFS Schlüssel einrichten: Hi In diesem Video werden wir daran arbeiten, ein neues Angebot für den Marktplatz zu erstellen. Vorher müssen wir also festlegen , dass Schlüssel in den Daten in unserer Anwendung eingerichtet sind. Es wird uns helfen, unser NFT-Bild und andere Daten auf IPFS hochzuladen . Gehen wir dazu zu pinup dot cloud, als wenn Sie kein Konto haben, klicken Sie auf Anmelden, ich werde mich einfach anmelden. Danach. Da ich bereits ein Konto habe, werde ich direkt zu meinem Dashboard weitergeleitet. Wenn du möchtest, kannst du das Video einfach pausieren und ein neues Konto erstellen. Jetzt sollten wir die API-Schlüssel für den Upload besorgen. Klicken Sie dazu einfach auf die rechte obere Ecke. Dann API-Schlüssel, dann neuer Schlüssel. Jetzt lass es einfach zu. Stellen Sie dann den maximalen Tierschlüssel ein, der verwendet werden kann. Lass es einfach. Ich nenne es einfach. Und wenn der Marktplatz so ist, dann klicke ich auf Create Key. Stellen Sie jetzt sicher, dass Sie dieses modale Fenster nicht schließen , da dieser geheime Schlüssel nur einmal angezeigt wird. Den API-Schlüssel können Sie auch später sehen, aber dieses Geheimnis wird nur von einem gesehen. Also kopiere einfach diesen geheimen API-Schlüssel. Gehen Sie zur Konfigurationsdatei dot js, wo wir bereits weniger und Vertragsadresse haben. Schreiben Sie hier einfach export const. Zuerst schreibe ich key, und dann schreibe ich export const, data, secret. Das Geheimnis, füge es einfach ein. Und kopiere auch diesen Schlüssel. Das war's. Jetzt können wir das schließen und auch hier auf Fertig klicken. Jetzt bist du bereit. Gehen wir zum Code-Editor. auf den Seiten Erstellen Sie auf den Seiten einfach einen neuen Bildschirm und benennen Sie ihn. Erstellen Sie. Wenn d Punkt js ist, denken Sie daran, denselben Namen zu geben. Du gibst es hier, das ist hier. Dies ist Erstellen Sie NFP und machen Sie es dann. Angenommen, NFT ist es, es ist in Ordnung. Benenne es einfach um. Und wenn D, weil wir offensichtlich eine und Theta-Zeit schaffen. Und so funktioniert die Navigation im nächsten Jahr . Sie gehen letztendlich zu dem entsprechenden Dateinamen. Jetzt können Benutzer hier auf dieser Seite Anmeldungs-LFTs erstellen. Sie können die Bilder hochladen und in IPFS speichern sowie Metadaten und Artikelpreis festlegen. Fangen wir mit einigen Importen an. Verwenden Sie das Datum. Ich reagiere. Und importiere. Es tut weh von Äthers nicht Hardhead. Diese Eingabe. Benutze den Router auch später, mal sehen, wir werden ihn benutzen oder nicht. Weiter. Und im Freien als das Baummodell drei Modell importieren . Jetzt werden wir die Konstanten aus der Konfigurationsdatei importieren. Der erste ist, ich würde einfach gehen und einfügen. Hier benötigen wir die Vertragsadresse dann die Komma-Pinata-Schlüssel. Dann pinata secret, lass dir ein anderes Geheimnis einfallen. Konfig. Dann werde ich NFT importieren, vermarkten, platzieren hier platzieren und sicherstellen, dass alles korrekt ist. Dann importiere ich x z plus x z OS. Und zum Schluss werde ich ein Bild vom nächsten Bild importieren. Lassen Sie uns als nächstes unseren AP, CS, einen Standard, exportieren, benennen Sie ihn, erstellen Sie ein F D. Dann beginnen wir mit Variablendeklaration , dass diese Datei-URL. Und dann legen Sie die Datei-URL so fest, dass Datum verwendet Und wenn Sie dann Dateien lesen, wird es einen Wert von null enthalten. Dann. Jetzt verwenden wir so etwas wie input. Aktualisierung. Input ist, dass wir das Datum verwenden werden. Aber hier, jetzt haben wir eine Struktur wie diese ist ein Objekt und wir werden es später D strukturieren. Diese Wahl. Diese werden wir in das Textfeld schreiben und hier speichern. Dann haben wir diesen äußeren, der den Router wiederverwendet. Und dann haben wir ihren Ladezustand. Stellen Sie ein. Zustand wird geladen. Sie benutzen Datum. Die erste Sache ist, dass der erste Zustand nicht geladen wird, nicht geladen wird. K. Ich muss auch mehr über die Pinata-APIs wissen. Du kannst einfach zu gehen. Das ist Pinata Darks Painting. Hier. Du kannst sehen. Hier können wir sehen, wie wir die Dinge tun werden, das heißt, was sind die Endpunkte, wie wird die Datei gepinnt? Wir werden, wie ich denke, orientierungslos verwenden. Es hängt davon ab, wie wir Jason auch pinnen werden und wir werden die Bilddatei anheften, die geschrieben wird. Sie werden es später verstehen, aber lesen Sie unbedingt diese beiden Abschnitte. Danke. Das ist alles für dieses Video. Wir sehen uns in der nächsten Sitzung. 21. Video 20 Funktion zum Hochladen von Dateien in Pinata: Hi, willkommen zurück. In diesem Video werden wir an der Funktion arbeiten, um dumme Daten hochzuladen . Fangen wir an. Aber ich denke ein Sinc-Funktions-Bild-Upload. Wir werden es hier als Parameter aus der Eingabedatei senden. Hier. Wir bekommen nur phi ist gleich E dot target dot files 0. So erhalten wir die Datei aus dem Eingabefeld. Dann versuchen wir es mal. Fangen Sie den Block. Protokolliert die Konsole den Editor. Nun, in diesem Versuch, Lass uns const haben. Daten sind gut für ein neues Datenobjekt. Und dann werden wir einfach ein Theta Dot Append bilden. Datei anhängen. Damit ist die ausgewählte Datei. Jetzt werden wir das z OS senden, das ist XES HttpRequest. Ergebnis. Y ist gleich „await z OS“. Dann drinnen, Lassen Sie uns als erzwungene URL wichtig sein wird http slash api dot pinata, dotCloud Schrägstrich. Wenn F Kapital Phi zu IPFS. Das erhalte ich aus der Dokumentation. Dann sind Daten Formulardaten. Hier laden wir gerade die Datei hoch. Keine dummen Italien-Dynode-Header. In den Headern authentifizieren wir uns mit dem Pinata-Schlüssel. Wir pinata Schlüssel. Dann. Pinata geheim. Apa, E wird jetzt geheim sein. Und schließlich der Inhaltstyp. Und hier wird das C Kapital sein. Inhaltstyp besteht aus mehrteiligen Formulardaten. Dies ist der Content Content-Type. Wenn wir eine Datei hochladen. Das war's. Danach erstellen wir die Bild-URL für die Pinata. Geben Sie einfach Shift plus nicht Shift nur direkt den Punkt ein, der unter dem Escape-Schlüsselwort liegt , wir haben diesen. Schreiben Sie einfach HTTP S Gateway, Pinata, Cloud-Slash, IPFS-Schrägstrich. Jetzt füge das ein. Wir werden den CAD bekommen. Das heißt, ich denke zufrieden. Ich hab gerade was vergessen. Es war CAD. In Pinata-Inhaltskennung. wirst du verstehen. Ästhetisch geht es phi dot data dot B. Ipfs hash. Und schließlich setzen Sie die Datei-URL auf diese Bild-URL. In einfachen Worten, das ist die URL, die wir erhalten, wenn wir die Datei in Pinyin hochladen. Damit der Benutzer auf diesen Ort zeigen und das Bild anzeigen kann . Diese Funktion lädt also einfach Bild zwei hoch, IPFS. Das funktioniert nur bei dieser Funktion? Jetzt? Die nächste Funktion, die wir erstellen müssen, besteht darin die Metadaten hochzuladen, sowie die Metadaten enthalten Titel, Beschreibung und Preis. Lass uns das machen. Sinc-Funktion. Absprache mit IPFS. Lassen Sie nun den Namen, die Beschreibung und den Preis der Struktur aus der Eingabe, die ein Objekt ist. Jetzt prüfen wir einfach, ob der Name leer ist, unsere Beschreibung ist leer. Seltsam. Sowohl Reis als auch Datei-URL sind leer. Dann wird es einfach von hier zurückkehren. Wenn nicht, ändern wir den Verdünnungszustand auf eine solche Beladung. Und jetzt versuchen wir es mit einem Catch-Block. Und hochladen. Warum? Ich weiß es nicht. Okay. In diesem try catch-Block wir machen wir JSON-Daten. Wird es Jason Punkte machen, stringieren, waren nicht. Meine Daten. Diese sind ebenfalls Domänen aus der Dokumentation. Sie können die Dokumentation lesen und verstehen, wie wir diese JSON-Datei hochladen. Nennen. Name wird der Variablenname dot json sein. Dies ist der Dateiname. Und dann nicht wir. Der Inhalt wird Jet Json wie Name sein. Beschreibung. Und das Bild wird die Datei-URL sein. So wie das. Danach JSON-Daten. Laden wir nun auch diese JSON-Datei in das IPFS hoch. Konst. Phi ist gleich, auf Nullen zu warten. das jetzt noch einmal Kopieren wir das jetzt noch einmal und wir werden die Änderungen vornehmen. Wird hier gepostet, URL wird gepinnt sein, nicht in Ordnung. Wenn Jason J alles Kapital Jason in IPFS investiert, dann sind Daten JSON-Daten, diese. Kopieren Sie dies und fügen Sie dies auch in die Header ein. Der geheime APN-Schlüssel ist derselbe. einzige Änderung wird die Inhaltstyp-Anwendung sein, json. Also hier laden wir die Metadatendatei hoch und holen uns dann diesen Token-URI. Wie wir diese Token-URL so strukturieren werden. Auch hier HTTP S Gateway, Pinata, Cloud-Slash, IPFS-Schrägstrich. Das Gleiche gilt auch hier. Weniger Dateipunktdaten Punkt a, B, F, S Hash. Und dann geben wir den Token-URI zurück. Das war's. Das war also die Funktion zum Hochladen der IP-Adresse , also Metadaten. Lass uns einen Kommentar abgeben. Laden Sie zuerst gemessene Daten in IPFS vor und kehren Sie dann zurück. Sie sind Damen der Inhalt oder der Token-URI , der in einer späteren Transaktion verwendet werden soll. Nur als Referenz oder nur für mich, nur damit du verstehst. Später, Schritt für Schritt, werden Sie verstehen, wo wir diese Funktion verwenden wo wir diese Funktion verwenden. Und immer wieder, ich sage ganz am Anfang, war ich sehr verwirrt. Aber wenn ich die Pinata-Dokumentation lese wie man das bekommt oder wie man die Header schreibt. Und jetzt habe ich alles über die Dokumentation gelernt. Das war's für dieses Video. Danke. 22. Video 21 Funktion zur Liste von NFT im Markt: Hi. In diesem Video werden wir die Funktion schreiben, um die NFT auf dem Markt aufzulisten. Früher haben wir diese Funktion geschrieben, um die Bilder oder Metadaten hochzuladen, aber jetzt ist es an der Zeit. Wir haben auch im Vertrag aufgeführt. Das ist, in dem bereits eingesetzt wird. Lassen Sie uns versuchen, die Abwanderung zu senken, listen Sie NFT auf. Oder sagen Sie, das erste, was ich tun werde, ist den Token-URI zu erhalten. Es ist const, URL entspricht dem Upload in IPFS. Es ist dieser. Außerdem werden wir das tun. Dann. Jetzt werden wir die Authentifizierung durchführen. Das heißt, das Web-Tree-Modell entspricht neuen Web-Drei-Modellen. Das Gleiche. Lass uns raufgehen und sehen , wo wir das gemacht haben. Ich denke, das haben wir hier gemacht. Dann Verbindung, dann haben wir Anbieter, dann überprüfen wir es. Dann haben wir die Transaktion unterschrieben. Dann haben wir den Vertrag für das Kleid. Okay. Kopiere alles von der Index-Seite, die von nF anders Jen ist . Füge es hier ein. Ich werde es nur überprüfen, um sicherzugehen , dass nichts falsch ist. Ja. Ja. Gebt ihm Kapital. Okay. Wir müssen modeln. Wir haben eine Verbindung. Wir haben bereitgestellt, wir haben ein Netzwerk. Wir prüfen, ob der Benutzer verbunden ist oder nicht. Dann holen wir den Unterzeichner. Dann haben wir den Vertrag. Ja. Es werden Punkt-Utils Punkt-Parse-Einheiten. Hier. Es wird Formulareingabe-Punkt-Preis sein. Während ich den Punktpreis eingebe. Das war's. Dann haben wir hier Vertragsadresse, NFT-Marktplatz dot aba und melden uns an. Jetzt. Lassen Sie uns auch den Angebotspreis ermitteln. Das heißt, lassen Sie den Angebotspreis gleich warten , bis der Kontrakt angezeigt wird warten , bis der Kontrakt . Dann ändern wir es einfach in string. Dieses Ding Preis Punkt zwei Saiten. Jetzt werden wir tun, dass die Transaktion auf den Vertrag wartet Punkt Der Funktionsname wurde in unserem Solidity-Smart-Vertrag erstellt, sie akzeptiert einen Token-URI für Eis und wir müssen diesen Auflistungswert senden, das ist der Angebotspreis. Wert, Angebotspreis, dann die Transaktionsrate. Und schließlich führen wir diesen Benutzer einfach so zum Startbildschirm. Okay? Jetzt ist es an der Zeit, dass wir HTML ganz unten zurückgeben. Kehrt zurück. Setzen wir uns mit dem DRF zusammen. Gib ihr einen Klassennamen. Schwarze. Trotzt einfach der Mitte. Dann haben sie LastName mit eins mal acht Beinen, Call Margin, richtig? Marge. Die zehn besten. Ja. Wir werden das Bild zeigen. Das heißt, sobald der Benutzer es hochgeladen hat, werden wir es hier anzeigen, bevor er sicherstellt er die Token-Datei-URI essen kann. Wenn es nicht leer ist, dann zeige dieses Bild. Sie werden das Bild von der nächsten verwenden. Wenn Sie ihm einen abgerundeten Rand geben, sind die ersten vier. Die Quelle wird ein Platzhalter sein, da die Datei-URL derzeit leer ist. Wir werden diesen Ort zeigen. Also lass das Bild, das wir in unserem öffentlichen Ordner haben. Wir geben ihm ein Gewicht von 300, eine Größe von 200. Schon wieder. Ich werde schreiben, wenn es nicht leer ist, das heißt, es hat einen gewissen Wert. Dann zeigte dieses Bild. Die Quelle ist die Datei-URL, das Bild wurde erfolgreich hochgeladen. Dann wird Rate 300 sein, Höhe wird 200 sein. Der Leasinginhaber wird verschwommen und verschwommen sein. Die Daten-URL wird Platzhalter sein. Punkt PNG-Tilda. Das Bild ist geladen. Es wird ein blutiger Platzhalter angezeigt, damit der Benutzer weiß, dass etwas auftaucht. Okay, wir haben dieses Div. Jetzt. Das nächste Div wird einen Klassennamen von width haben, eine Bye Hälfte, das ist rechte Hälfte lex. Lex ruft an. Lass uns ein InputField haben. Lassen Sie uns ein selbstschließendes Eingabefeld haben. Der Platzhalter wird gesetzt. Nennen. Der Klassenname verwaltet den oberen Rand, abgerundete Ecken, indem vier hinzugefügt werden. Dann unverändert. Die Sache ist die, wenn sich einige Daten ändern, werden wir diese Daten hier haben. Und wir werden diese aktualisieren. Hier. Wir werden die Eingabe des Aktualisierungsformulars verwenden. Und wir werden die Formulareingabe aktualisieren. Und darin werden wir einfach die Rudolf-Eingabe anhängen, diesen Namen. Das ist der e-Punkt-Zielwert. Hier so. Wir werden es anhängen. Und hier werden es drei Sterne sein, dass diese drei Punkte so sind. Okay? Die zweite Sache ist, dass wir einen Textbereich haben werden. Wir werden einen Textbereich für die Beschreibung haben. Es wird eine Beschreibung des Vermögenswerts geben. Nachname ist Rand, oben bis Rand, abgerundete, abgerundete Bettwäsche für Bettwäsche, auch hier für n. Bei Änderung der Eigenschaft werden wir einfach verwenden. Dieses Aktualisierungsformularfeld. Dann werden wir darin anhängen. Im Formular entspricht die Eingabebeschreibung dem E-Punkt-Zielwert. So wie das. kopieren wir dieses Eingabefeld. Fügen Sie es unten ein. Hier wird der Name des Vermögenswerts als festgelegter Preis angegeben. Und der Rand von oben nach unten oder der Abstand für unverändert ist gleich. Hier. Das werden wir ändern. Wir werden den Preis erhöhen. Hier. Es wird eine andere Eigenschaft namens type geben und type ist number. Schließlich haben wir das Eingabefeld zum Hochladen der Datei. Das heißt, der Eingabetyp entspricht dem Dateinamen als Klassenname festlegen. Lassen Sie uns diese Selbstschließung immer className haben, wird ein Rand an der Y-Achse für das Ende bei Änderung sein, wir werden die Bild-Upload-Funktion aufrufen. Schließlich verwenden wir diese Funktion, das Hochladen von Bildern. wird automatisch Von hier aus wird automatisch die Eingabe, die der Parameter e ist, abgerufen. Dann haben wir einen Knopf. Wenn DOF, wenn es eine Datei-URL gibt. Und das ist, wenn es eine Datei-URL gibt, dann wird nur diese Schaltfläche angezeigt. Die Schaltfläche hat onclick, wodurch die Liste ausgelöst wird. Und wenn eine andere Kette hier ist, listen Sie die NFT-Verkaufsfunktion auf. nachname. Wir werden schriftart sein. Geboren. Marge, die ersten vier. Zurück um 506, weiße, abgerundete Bettwäsche für Schatten im Allgemeinen. Jetzt, hier, zwischen den Buttons, müssen wir etwas Text schreiben und ich werde ihn entsprechend den Studien ändern. Wenn der Ladestatus „Nicht geladen“ entspricht, dann show create, NFT. Erwachsene zeigen warten, hochladen. Okay, jetzt sind wir fertig. Lasst uns alles retten. Gehen Sie auf unsere Websites. G geladen. Ich hoffe der Server läuft. Mal sehen. Wenn ich jetzt NFT verkaufen möchte, muss die Fehlermeldung zwei Immobilien oder Deponieobjekte ausführen . Das ist hier, wir haben einen Fehler. Muss die Eigenschaften width und height verwenden. Lass uns nachsehen. Okay, ich habe diesen Fehler gemacht. Ich hoffe, dass du nicht den gleichen Fehler gemacht hast. Ich verstehe. Es sieht so gut aus. Ebenfalls. Sie müssen hier einige Änderungen in unserer nächsten Punkt-Konfigurationspunktdatei vornehmen. Nur um sicherzustellen, dass wir haben, können wir Bilder zeigen, die die Domain sind, von der das Bild auf unserer Website angezeigt wird. Wir müssen hier erwähnen, dass der Domainname Gateway ist, pinata dotCloud, wie wir wissen. Weil wir es hier erwähnt haben. Sehen Sie das Gateway dieser dunklen Pinata-Wolke hier. Und wenn wir es speichern, haben wir einige Änderungen. Wir müssen den Server neu starten. Okay? Ich werde es einfach schließen, alles speichern, zur NFT, CD Blind und BM gehen , dann ist es Zeit, dass wir das Hochladen von NFP testen. Okay, laden wir einfach localhost. Ich hoffe, die Dinge werden funktionieren. Lass uns auf Zelle klicken. Wählen wir eine Datei aus. Ich wähle einfach dieses Bild. Mal sehen was passiert. Siehst du, es wird gerade hochgeladen. Mal sehen, ob es hier angezeigt wird oder nicht. Dann werden nur wir sicher sein , dass ja, es funktioniert. Lassen Sie uns jetzt auch etwas inspizieren. Lass uns in der Konsole haben. Gehen wir zur Pinata. Mal sehen, ob hier etwas hochgeladen wurde. Ja. Siehe Marketplace-Banner, es ist jetzt hier hochgeladen. Es nimmt zu viel Zeit in Anspruch, aber mal sehen, lass es uns schreiben. Meine erste NFT, NFT-Zukunft des Internets. Also wäre es 0.1. Stellen wir sicher , dass wir mit dem Ziel im Netzwerk verbunden sind. Ja. Klicken wir auf NFT erstellen. Sieh, warte auf den Upload. Wir lassen sie die kommenden Massen aufschreiben. Mal sehen, ob es funktioniert oder nicht. Und wir klicken auf Bestätigen. Dann, nachdem die Transaktion abgeschlossen ist, werden wir weitergeleitet, denke ich. Ja. Mal sehen, nach der Transaktion. Wir fügen umgeleitete hinzu. Und mal sehen, wie es hier angezeigt wird oder nicht. Es wird nicht angezeigt. Aber mal sehen, wir haben die Metadaten hochgeladen, weil es einen Fehler geben könnte , wir müssen ihn korrigieren. Metadaten sind auch aufgebläht. Schauen wir uns das an. Lassen Sie uns also sehen, warum es nicht funktioniert. Offensichtlich gibt es einige Daten und was nicht angezeigt wird , weil ich dazu führe, dass wir keinen Artikel auf dem Markt haben. Lassen Sie uns Punkt-Log-Elemente trösten. Punktlänge c, eins. Wir haben einen Artikel. Okay, ich habe nein, nein, nein, nein. Mal sehen. Es gibt keine Artikel, wir haben festgelegt, dass NFT Knoten D ist. Also habe ich einen Fehler entdeckt. Erster Fehler ist hier in dieser Zeile, dass es sich nicht um große geschweifte Klammern handelt. Es sollten runde Klammern wie diese sein. Okay? Und wenn wir es speichern, werden wir wieder einen Fehler bekommen. Und das liegt daran, dass ich hier einen Fehler gemacht habe. Es sollte ein Name sein. Und dann sollte es noch ein anderes Bildfeld geben. Es wird Metta Dot Theta Dot Image sein. Mal sehen, ob es funktioniert oder nicht. Speichern Sie jetzt alle n. Ja. Auch hier habe ich nur dieses Problem, warum das Bild nicht wörtlich angezeigt wird, also wurde es nicht gezeigt. Mal sehen, haben wir auch noch andere Fehler? Mal sehen, das Bild. Das D-Bild wurde ordnungsgemäß hochgeladen. Die Bild-URI ist hier. Ganz oben. Sieh dir das an. Sie haben ein Gateway erstellt. Das Tor. Das pinata dotCloud Gateway Punkt, Punkt, Punkt Cloud Slash, IPFS, Lash Hash. Warum funktioniert es also nicht? Oh nein, nein. Siehst du, es hat etwas gedauert, aber es hat funktioniert. Offensichtlich dauert es einige Zeit, den Image Desk zu laden. Deshalb zeigen wir diesen Bluteffekt. Aber endlich funktioniert unser Marktplatz. Wir können verkaufen. Und wenn D, sowie alle unverkauften und FTEs auf dem Startbildschirm angezeigt werden . Das ist alles für dieses Video. Das war ein sehr langes Video. Ich weiß, aber wir haben den größten Teil dieser Aufgabe erledigt. Danke. 23. Video 22 Funktion zum Abrufen von NFTs im Besitz oder im Besitz: Hi, willkommen zurück. In diesem Video arbeiten wir unter meinem NFT-Bildschirm, auf dem nur der NFP angezeigt wird, den der Benutzer gekauft hat. Also auch bevor ich geschossen habe, habe ich einige hinzugefügt gesehen. Angenommen, in dieser Datei index.js in dieser vierten Zeile wäre W klein, es sollte groß sein. Und auch dabei NFT erstellen. Diese erste Zeile hatte ein Problem. Das heißt, es gab so. Dies sollte entfernt werden. Okay. Nun, jetzt ausführliche Seiten , lass uns einen neuen Bildschirm erstellen. Intim meine Linkshänder Dot js. Hier. Auch hier werden wir eine Funktion erstellen, die nur die NFT zurückgibt, die gehört. Aber vorher müssen wir einen Teil der Abhängigkeit oder einige der Pakete importieren der Abhängigkeit oder . Ich werde einfach von diesem NFT hier so kopieren . Und, und mach die Änderungen. Angenommen, hier ist der effektive Zustand erforderlich, es ist erforderlich, verwenden Sie den Router. Web-Tree-Modell wird benötigt. Hier werden Pinata und geheimer Schlüssel nicht benötigt. Nur die Vertragsadresse, dann NFT-Marktplatz, dann XES und nächstes Bild. Lassen Sie uns nun die Funktion exportieren, Standard exportieren und meine FTEs stanzen. Schon wieder hier. Wir werden dieses Ding brauchen , das NFP ist und den Ladezustand hat. Also aus den Indizes kopiere und füge es hier so ein. Wir werden NFP-Tage haben und einen F-Test machen. Dann haben wir Ladestatus, setzen den Ladezustand, der erste Zustand wird nicht geladen. Ebenfalls. Wenn wir wollen, können wir das auch da draußen haben. Das ist Gebrauch. Jetzt fangen wir an, die Funktion seit dem Laden der Funktion zu schreiben. Und wenn diese, jetzt, wieder, ich werde welche haben. Das heißt, wir müssen den Benutzer genauso authentifizieren wie bei dieser Erstellung. Ja, ich werde einfach das Web-Tree-Modell kopieren, die Verbindung herstellen, das Netzwerk abrufen und dann einen Vertrag abschließen. So wie das. Ich kopiere es einfach und füge es hier ein. Und überprüfe noch einmal. Wir müssen modellieren, wir haben eine Verbindung, wir haben gutes Netzwerk zur Verfügung gestellt. Wir werden prüfen, ob es angeschlossen ist. Wir könnten den Unterzeichner holen. Ich nenne es einfach. Marktplatz-Vertrag. Okay. Wir schicken ein vertraglich festgelegtes Kleid. Wir haben den NFT-Marktplatz, EBI, wir haben den Unterzeichner. Jetzt holen wir uns die Daten. Vermeiden Sie die Punktübereinstimmung des Marktplatzvertrags Meine NFT ist so. Dann werden die Daten durchgesehen. Es ist Items gleich wait dot, dot, dot, map, sink. Ich füge hinzu. Dann fügen wir eine Zuordnung durch alle Daten hinzu. Und wir speichern diese Daten , bei denen es sich um singuläre Daten handelt , in diesem Variablennamen. Der Name lautet I. Lassen Sie uns den Token-URI Marktplatz-Kontrakt-Tokens ermitteln. Und wir werden einfach schreiben, ich kann mich so identifizieren. Dann. Const metta ist gleich wait. Beginne zu bekommen. Können Sie eine Token-URI hinzufügen? Wir werden all diese Daten bekommen. Dann lass res gleich Esser Punkt, Punktformat Einheit I Punkt Reis Punkt zwei Saite. Erstellen wir nun die Objektelemente. Artikel. Wir nennen den Preis. Wir werden diese ID haben, Token-ID-Nummer. Dann Sattler. Sattler. Oh nein. Ich weiß 09. Bildmetadaten, Daten, Bildname, Punktdaten, Punktname. Und schließlich Token-URI. Und dann geben wir den Artikel einfach zurück , sodass er hier zu einem n, a n a von Artikelstudien wird . Danach einfach am Ende dieses Mappings. Stellen Sie einfach diese Elemente und setzen Sie den Ladezustand so auf geladen. Nach dieser Funktion. Lassen Sie uns auch den HTML-Code zurückgeben. Wir werden den gleichen Ladezustand haben und jetzt wollen wir sehen, auf welcher Seite das läuft. So wie das. Ja, copy and Based inklusive State wird nicht geladen, sondern nur Gewichtsbelastung anzeigen. Wenn es geladen ist und NFT keine Punktlänge hat, dann schreibe einfach, nein, nein, NFT gehört dir, so. Und dann kehre zurück. Und dann komm einfach zurück. Und hier. Außerdem werden wir dieses Ding zurückgeben. Lass uns dasselbe wie index.js. Also kopiere das einfach. Sie können all dies kopieren und diese Änderungen dann entsprechend vornehmen. Mal sehen. Kopiere es. Bring es hier zurück. Jetzt. Mal sehen, ob wir hier Änderungen brauchen. Pixel für Stil mit maximaler Breite 1600 Pixel, dann Rasterspalte eins, Spalte zwei, großartig. Dann haben wir ein f, d ist Punktmap, Schlüssel, Rahmen, Schatten, Excel, Überlauf versteckt, Überlauf versteckt. Lass uns Spielraum haben. Dies und Rand der Y-Achse. Lass uns das haben. Wir haben den NFT-Punktnamen des Bildes alt. Warte, vierhundert, dreihundert Platzhalterunschärfe. Und es wird sicher sein. Okay. Dann haben wir die Verbreitung für den Klassennamen der Absatz-Tag-Höhe 64 Pixel. Um Schriften halb fett zu übertreffen. Und wenn der Name lautet, haben wir den NFT-Namen. Aber hier brauchen wir die NFT-Beschreibung in diesem Bildschirm nicht , da sie uns bereits gehört. Wir brauchen nicht so viele Daten. Lösch das einfach. Okay? Dann haben wir className this, Padding für Hintergrund schwarz, Absatz, Text, Excel. Und vor einer Umfrage Steuersatz und wenn der Preis. Und endlich haben wir einen Button, BG, ich werde ihn einfach lesen lassen. Text weiß, Schrift, fett. Durch Hinzufügen von y, durch Hinzufügen der x-Achse, die onclick umgeben ist. Richtig? Jetzt wird es nichts mehr haben. Es wird einfach null sein. Und wir werden es so Ricin und FT nennen. Das war's. Dies waren die einzigen erforderlichen Änderungen. Sparen wir es uns. Lass uns mal sehen. Es ist der Startbildschirm. Und geh zu meinem NFT-Punkt-Abruf. Mein NFP ist. Okay. Mal sehen Was wurde das hinzugefügt? Und wenn es im Besitz ist, zeigt es, dass dies nicht der Fall ist. Gehen wir auf einen Marktplatz. Sehen Sie holen, meine NFT ist, dass wir das haben. Warum sagt sie das jetzt? Sie sagen Marktplatz-Vertrag. C. Okay. Ich weiß nicht, was der Herausgeber war, aber Salz. Was war der Herausgeber? Ich hoffe, wenn du den gleichen Fehler bekommst, kopiere und füge sie ein oder ich denke, alles war gleich. Aber er hatte keine FT. Und wenn sie Ihnen gehören weil wir die NFT geschaffen haben, aber noch keine NFT gekauft haben. Also werden wir später alles kaufen und testen. Und im Moment wollte ich Ihnen nur zeigen, dass dieser Bildschirm so ist, dass wir das auch lösen werden, wenn es später keine Bearbeitung gibt . Im nächsten Video. Ich werde an diesem Armaturenbrett-Bildschirm arbeiten . Danke. 24. Video 23 Funktion zum Abrufen von im Markt aufgeführten NFTS: Hi nächste Seite, die wir erstellen werden , ist ein Dashboard, Benutzer alle Artikel anzeigen können, die sie auf diesem Marktplatz aufgelistet haben. Diese Seite verwendet die Funktion zum Abrufen von Artikeln aus dem NFT-Marketplace-Vertrag, die nur die Artikel zurückgibt, die mit der Adresse des Benutzers übereinstimmen, der den Funktionsaufruf tätigt. Erstellen wir eine neue Datei innerhalb von pages und benennen sie. Armaturenbrett-Stühle Dieser Bildschirm ähnelt dem NFT-Bildschirm. Kopieren wir also den gesamten Bildschirm. Und das werden wir entsprechend ändern. Beim Debride werden wir also zuerst diese Importe benötigen. Du bist eine Schildkröte geblieben, benutzt Router, Web, um die Vertragsadresse zu modellieren, NFT-Marktplatz und alles andere. Okay, dann ändern wir einfach den Funktionsnamen in Creator Dashboard. Okay? Dann haben wir die. Und wenn D unsicher ist, ob diese, und ich denke, wir brauchen dieses Äußere nicht. Mal sehen, das haben wir auch nicht im Freien benötigt. Wenn wir benötigen, wird es einfach erneut importiert. Wir haben den Status erstellt und geladen. Dann benutze effect, dann ist load N von t in Ordnung. Dann in ihrer Ladung und f t, Wir haben das Web-Tree-Modell, dann Verbindung, dann diesen Anbieter. Dann überprüfen wir das Golgi-Netzwerk. Dann haben wir den Unterzeichner. Dann haben wir die Marktplatz-Vertragsinstanz erledigt. Dann rufen wir diese Funktion auf. Das ist aus dem Vertrag, wird Keilelemente aufgelistet nennen. Und wir werden es hier nennen. Okay? Dann haben wir die Artikel, die alles und dasselbe versprechen. Dann Token-URI, dann METAR als Preis gemacht. Dann machen wir einen Artikel mit Preis für Kennedy-Verkäufer, Besitzer, Bild, Name und Token-URI. Dann geben wir es zurück. Dann legen wir die DY-Bedingungen fest, legen den Ladezustand fest. Dann geben wir das HTML so zurück. Wenn es nicht geladen ist, wenn es geladen ist, füllen Sie einfach die Gewichtsbelastung. Wenn es geladen ist und es keine NFT gibt, werden wir sehen, dass keine NFT von Ihnen aufgeführt wird. Okay, ändere einfach den Text. Dann. Ganz am Ende werden wir wieder einen spaltenweisen Strukturflex haben, der dann für die 1600-Pixel-Rasterspalte ausgerichtet ist. Dann NFP, diese Karte. Jetzt schauen wir mal hier nach. Randschatten, dann Bildquelle und f d -Punktbild mit 400-Platzhalter-Layout reagieren weniger. Dann haben wir den NFT-Namen. Dann haben wir diesen Knopf , der den Preis der NFT anzeigt. Dann haben wir diese Schaltfläche, die schreiben wird, was wir zeigen können, dass wir als Text verkaufen können. Das heißt, die Schaltfläche hat das Angebot storniert. Wenn du willst, kannst du diese Farbe ändern. Es liegt an dir. Ich lese es lieber, es ist in Ordnung. Das war's. Das ist der Bildschirm, der benötigt wird. Sparen wir es uns jetzt. Und lass uns gehen und es uns ansehen. Ich hab gerade angefangen. Ich klicke auf das Dashboard. Jetzt. Sehen Sie, wir haben dies unter Marktplatz aufgelistet und genau das wird jetzt angezeigt. Damit ist sichergestellt, dass die Funktionalität funktioniert. Im nächsten Video werden wir an der Funktionalität arbeiten, um dieses Angebot vom Marktplatz zu streichen. Danke. 25. Video 24 Funktion zum Löschen und Weiterverkauf von NFT: Willkommen zum letzten Video dieses Moduls, in dem wir an der Funktionalität arbeiten , um NFT in diesem Markt abzubrechen und weiterzuverkaufen. Bisher kann ich sagen, listen Sie auf, um ein Dashboard zu erstellen und unterhalb dieser Lade-Lade-NifTi-Funktion. Lass uns erstellen, lass uns eine neue Funktion erstellen und benennen, sie benennen. Immer noch gelistet. Hier müssen wir nur diese Token-ID senden. Dann setze ich als Erstes den Ladestatus. Auch hier nicht geladen. Dann hole ich die Dinger wieder. Das ist der Web-Tree-Model-Anbieter, diese drei Codes. Und danach hole ich den Unterzeichner. So wie das. Ich weiß auch, dass der Code wiederholt wird. Wenn Sie möchten, können Sie einfach eine separate Funktion daraus erstellen , damit sie wiederverwendet werden kann. Aber hier konzentrieren wir uns nur auf die Funktionalität. Sie können den Code später löschen. Jetzt. Danach werde ich eine Transaktion haben, die Mark, contract, dot, cancel ist. Prüfen wir den Namen. Kann Artikelangebote verkaufen. Kann Artikelangebote verkaufen. Und wir müssen eine Token-ID schicken. Dann werden wir eine Gewichtstransaktion haben. Wir werden warten, bis die Transaktion abgeschlossen ist. Dieser. Und schließlich werden wir hier die Funktion load und if d aufrufen. Das ist also das Blatt und Geschlecht, das erforderlich ist, um NFT abzubrechen. Es ist sehr einfach. Jetzt nenne ich diese Funktion hier onClick. Senden Sie diesem Token diese NFT-Token-ID wie folgt. Ähnlich funktioniert der Wiederverkauf unseres Tokens, wir müssen hier unten zu meinen Linkshändern gehen und f t. Erstellen wir die Funktion sinc. Funktion. NFT-Token-ID, Token-Preis weiterverkaufen . Wir setzen den Ladestatus auf nicht geladen. Dann werden wir diesen Code haben, der Web Three Model hier ist. Der Marktplatz. Füge es einfach hier ein. Anbieter und Marktplatz für Tomatenverbindungen. Dann werden wir einfach den Preis in Eaters dot util, dot virus-Einheiten umrechnen . Kann der Preis dann den Angebotspreis führen? Denn auch hier stinken wir wirklich sehr, also müssen wir es bezahlen. Erwarten Sie. Marktplatz Vertrag dot Listing bekommen, Preis. Der Angebotspreis entspricht dem Angebotspreis Punkt zu Zeichenfolge. Das Gleiche haben wir auch schon einmal gemacht. Jetzt werden wir tun, dass die Transaktion gleich ist, um auf den Punktnamen des Marktplatzes zu warten. Unter Vertrag können Sie es einfach überprüfen, Token weiterverkaufen, es akzeptiert Token-ID und Preis. Kann sowohl Idee als auch Lob Token-ID und Preis. Und wir müssen den Wert des Angebotspreises senden. Dann werden wir auf das Punktgewicht des Dan-Abschnitts warten. Und wieder werden wir nur aktualisieren, dass NFP diese Funktion verwendet. Hier. Am Ende sendet es erneut diesen niedrigen Ladezustand, um ihn zu laden. Deshalb habe ich es hier nicht getan. Weil wir den Staat geändert haben. Aber in dieser Ladung wird der Zustand erneut geändert, um es zu laden. Gehen Sie dann einfach auf die Schaltfläche der Auf-Klick-Funktionalität. Weisen Sie es einfach zu. Senden Sie die NFT-Token-ID, NFT, diesen Preis. Das war's. Das war's für die Verkaufstoken-Funktion. Ich hoffe du hast viel gelernt, weil Alda Task oder ältere Funktionalitäten erledigt sind. Wir haben unseren NFT-Marktplatz fertiggestellt. Im nächsten Video werden wir einfach die gesamte Anwendung testen, werden wir einfach die gesamte Anwendung testen sodass wir, falls noch ein Editor übrig ist , diese so schnell wie möglich lösen können. 26. Video 25 Testen Sie die vollständige Anwendung: Hi, willkommen zurück. In diesem Video werden wir nur die gesamte Funktionsweise der Anwendung testen . Wir haben endlich den NFT-Marktplatz fertiggestellt und Sie sollten stolz auf sich sein , dass Sie den Kurs bis zum Ende gesehen haben. Schauen wir uns jetzt den Verkauf von NFT an. Lassen Sie uns noch einen NFT-Schlitz hochladen , der ein harter IF-Schutzhelm ist. Und wenn sie nur im höheren Bereich benennen , kompilieren, testen und bereitstellen. Gleiches, ich werde es mit 0,001 platzieren. Mal sehen. Wählen wir es aus. Mal sehen. Es war ein großes Bild, aber nehmen wir an, es wird immer noch hochgeladen. schätze ich. Wenn du willst, überprüfe ich es einfach hier, um sicherzugehen, dass es richtig hochgeladen wurde. Sehen Sie, wie dieser Punkt PNG. Klicken Sie einfach auf NFT erstellen. Lass uns das bestätigen. Mal sehen. Okay, ich schätze es ist vorbei. Sagen Sie Token erstellen. Es ist vollbracht. Und gibt es ein Problem , das ich verstehen muss? Was ist das? Ich denke, wir müssen etwas Zugriffskontrolle und null machen, aber wenn wir es nur aktualisieren, zeigt es die normale Zugriffskontrolle erlaubt Origin-Header ist unter der angeforderten Ressource vorhanden. Was ist das, wenn ich es aktualisiere, hoffe ich, dass die Metadaten auch hochgeladen werden. Sehen Sie, wir haben diese NFT j sine Phi, aber das funktioniert nicht. Wenn ich zum Dashboard gehe, dann zeigt es auch etwas Adder. Wenn ich darauf klicke. Okay, lass mich finden, lass mich überprüfen, was das Problem ist und finde diese Lösung. Also überprüfe ich es noch einmal und es funktioniert einwandfrei. Vorhin hat es zu viel Zeit in Anspruch genommen und ich glaube, dieses Bild war wirklich groß. Wenn Sie also ein Bild hochladen, achten Sie darauf, es zu optimieren. Weil du siehst, zeig dir einfach den Unterschied. Außerdem habe ich noch ein Bild hochgeladen. Hier. Sie können sehen, dass es nur 60 KB ist, aber dieser ist eins und b. Es gibt also einen großen Unterschied in der Bildgröße. Und wenn ich sage, wenn ich es nur aktualisiere, speichere ich einfach alles hier. Weil Sie vielleicht diese Art von Ausgabe sehen. Um das Problem zu lösen, müssen Sie einfach diese Einstellung verwenden , nämlich Rand bei überschüssiger X-Achse und Y-Achse fünf in der index.js. Und speichern Sie es einfach hier. Jetzt können Sie sehen, dass es eine richtige Lücke gibt. Die Zellen-NFT funktioniert, wie Sie sehen können. Was ich jetzt tun werde ist, wenn ich ein Angebot verkaufen kann, das dieses ist. Angenommen, ich möchte es in Betracht ziehen, dann klicke ich einfach auf Angebot stornieren. Diese MetaMask wird geöffnet. Ich bestätige nur diese Transaktion. Und wie Sie wissen, kostet es uns, wenn wir unser eigenes Listing verkaufen können, das heißt, es wird zeigen, dass wir diese NFT besitzen, und sie wird in meinem NFT-Dashboard angezeigt. Hier siehst du nicht zu Hause. Los geht's, sehen wir uns die anderen drei oder zwei an. Und wenn dieser CDMA two nf, dieser, der erste abgesagt wurde. Aber wenn ich zu meiner NFT gehe, können Sie sehen, dass dies die NFT ist, wir können sie verkaufen. Es wurde gerade in Besitz genommen , wurde von mir gekauft. Sie können sagen, dass ich möchte, also sage ich nicht gekauft weil ich das nicht bezahlt habe, aber zumindest ging es wieder auf mein Konto. Das kann sich verkaufen. Nft arbeitet auch. Okay. Um nun den Wiederverkäufer und fd zu überprüfen, gehen wir zum Wiederverkauf. Klicken Sie auf Resale NFT. Manchmal können Probleme auftreten wenn Sie nicht die erforderlichen Ether in Ihrer Brieftasche haben. In dieser Zeit müssen Sie warten und eine Genehmigung erhalten. 15 oder 20, acht Drittel in Ihrem Symbol aus dem Wasserhahn. Nehmen wir an, es wird immer noch geladen. Aber ich hoffe das funktioniert. Nehmen wir an, es ist ein verbiegender Wiederverkaufstoken. Denn hier machen wir eine Menge Dinge, weil wir wieder Verbündete sind. Aber sehen Sie, keine NFT gehört Ihnen. Wenn ich nach Hause gehe, sehen wir wieder, dass NFT hier aufgetaucht ist. Also haben wir gegen solide. Wenn Sie möchten, können Sie die Preisgestaltung ändern , und ich habe es nicht getan. Es ist wirklich einfach. Es kann ein Projekt für Sie sein, wenn Sie möchten. Jetzt bleibt nur noch die Funktionalität von . Ich werde mein Konto von Konto zu Konto eins ändern . Aber es hat sehr wenig Ether, also bin ich einfach verwirrt. Es hat 0 das. Was ich also tun kann, ist ein Konto zu übertragen, während ich einige Ether hier auf eins übertrage . Und wir übertragen einfach ist 0 oder c ist nicht, dass 0,01 0,04 ist. Bestätigen Sie absteigend. Weil man genug haben muss, schmeckt es zu kaufen. Und manchmal zeigt es sich bei einem , weshalb dieses Senden auch zu viel Zeit in Anspruch nimmt. Okay. Gehen wir zu Konto eins. Nachdem wir die Wirtschaft verändert haben, wollen wir sie auffrischen. Jetzt druckt ein neuer Benutzer oder druckt auf seinem Dashboard. Angenommen, C, er kann unverkauft sehen, aber wenn Sie zum Dashboard gehen, werden Sie sehen, dass keine NFT von u aufgeführt wird und n FTEs sind meine, weil dieser Benutzer ein neues Konto hat. Aber wenn Sie diese in weniger NFT kaufen, sagen wir, es funktioniert oder nicht. letzte Mal habe ich den Herausgeber von unzureichendem Fonds bekommen. Mal sehen, was diesmal passiert. Sagen wir, wenn du willst, kannst du. Also ein bisschen Ladeanzeige hier. Mal sehen. Es gibt seine Ausgaben aus. Erhalten Sie, sehen Sie, das ist jetzt nicht auf dem Marktplatz aufgeführt. Wenn ich zu meinen LFTs gehe, dann sehe ich, dass ich diese NFT besitze. Das funktioniert auch gut, aber es gibt kein Problem, das Sie gegen den Verkauf haben können. Endlich ist unser Marktplatz fertiggestellt. Alle Funktionen funktionieren einwandfrei. Wenn Sie möchten, können Sie diese Website auch auf einen echten Server hochladen , wie Netlify, den wir verkaufen. Kostenlos. Sie können einfach bei Google suchen, wie das geht, und dann den Personalvermittlern in Ihrem Lebenslauf zeigen , dass Sie eine vollständige dezentrale Bewerbung erstellt haben. Danke fürs Zuschauen. Ich hoffe es hat dir gefallen. Schau dir auch meine anderen Kurse an . Hab einen schönen Tag.