Créez une pile complète NFT Marketplace à l'aide de Solidity & Next js | Rahul Agarwal | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Créez une pile complète NFT Marketplace à l'aide de Solidity & Next js

teacher avatar Rahul Agarwal, Flutter Developer & Trainer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      INTRODUCTION DU COURS

      0:48

    • 2.

      Créez un nouveau projet hardhat

      10:27

    • 3.

      Clés d'alchimie et de Metamask

      8:45

    • 4.

      Créer un contrat de marché NFT

      10:29

    • 5.

      Fonctionnalité pour créer un article de marché

      7:14

    • 6.

      Fonctionnalité pour mint un nouveau identifiant de jeton

      10:54

    • 7.

      Fonctionnalité pour récupérer des articles de marché invendus

      7:06

    • 8.

      Fonctionnalité pour récupérer des articles appartenant et répertoriés

      7:51

    • 9.

      Fonctionnalité pour revendre et annuler l'article du marché

      9:16

    • 10.

      Test unitaire pour déployer le contrat

      9:13

    • 11.

      Test d'unité à la menthe et liste nft

      17:57

    • 12.

      Test d'unité pour exécuter la vente de marché

      7:32

    • 13.

      Test d'unité pour revendre l'article du marché

      8:52

    • 14.

      Test d'unité pour récupérer des articles de marché

      7:35

    • 15.

      Test unitaire pour annuler la liste de marché

      4:01

    • 16.

      Rédaction du script de déploiement

      5:43

    • 17.

      Configurez et commencez à travailler sur Next js

      16:40

    • 18.

      Fonction pour charger NFT

      15:13

    • 19.

      Fonction pour acheter NFT

      15:26

    • 20.

      Configurez les clés IPFS Pinata

      9:41

    • 21.

      Fonction pour télécharger des fichiers sur Pinata

      13:36

    • 22.

      Fonction pour lister NFT sur le marché

      25:35

    • 23.

      Fonction pour récupérer les NFT détenus ou achetés

      14:07

    • 24.

      Fonction pour récupérer les NFTS répertoriés sur le marché

      5:09

    • 25.

      Fonction pour annuler et revendre NFT

      6:51

    • 26.

      Testez l'application complète

      11:39

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

88

apprenants

--

À propos de ce cours

Si vous faites partie de l'espace de la crypto-monnaie, il y a une chance que vous ayez peut-être entendu parler de cet actif numérique tendance connu sous le nom de NFT. Ce cours couvre tout ce dont vous avez besoin pour une application NFT décentralisée conformément à la norme ERC721. Les utilisateurs pourront vendre et acheter des NFT avec Ether sur notre marketplace.

Vous apprendrez à créer une place de marché NFT complète sur Ethereum avec solidité, IPFS, Next.js, Ethers.js et Hardhat. Nous allons commencer à partir de zéro, créer un nouveau projet hardhat et installer les dépendances. Nous allons ensuite écrire et tester les contrats intelligents. Une fois les tests terminés, nous allons écrire le code frontal pour connecter les contrats intelligents. Les métadonnées NFT seront stockées sur Pinata qui est un stockage basé sur IPFS.

Prérequis

Pour réussir ce guide, vous devez avoir les éléments suivants :

  1. Node.js et le code VS doivent être installés.

  2. L'extension de portefeuille Metamask devrait être installée dans votre navigateur avec quelques éthers Goerli test.

  3. Connaissances de base en matière de solidité, de hardhat et de Prochaines js.

La pile

Dans ce cours, nous allons élaborer une application complète en utilisant :

Cadre d'application Web - Environnement de développement Next.jsSolidity - Stockage HardhatFile
- Bibliothèque PinataClient
-
Ethers.js

Rencontrez votre enseignant·e

Teacher Profile Image

Rahul Agarwal

Flutter Developer & Trainer

Enseignant·e

Hello, I'm Rahul. I am skilled in building cross platform application using Flutter. I am freelance developer as well as conduct workshops to share my knowledge with the community.

Voir le profil complet

Level: Intermediate

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. INTRODUCTION DU COURS: Si vous faites partie de l'espace des cryptomonnaies, il est possible que vous ayez entendu parler de cet actif numérique tendance connu sous le nom de NFT. Ce cours couvre tout ce dont vous avez besoin pour une application NFT décentralisée, selon la norme ERC 721, les utilisateurs pourront vendre et acheter NFP est un mangeur de mauvaises herbes sur notre marché. La première partie du cours couvre la rédaction et le test de contrats intelligents à l'aide de solid. L'autre moitié héritée sera axée sur la création de l'interface utilisateur en utilisant next, chairs et Tailwind CSS, un estimateur, que les données seront stockées sur pinata, qui est un stockage basé sur IPFS. À la fin du cours, vous apprendrez tous les concepts nécessaires pour postuler à un poste de développeur Web ou même créer votre propre startup dans l'industrie de la blockchain. Alors, sans perdre plus de temps, inscrivez-vous dès maintenant et c'est parti. 2. Vidéo 1 Créer un nouveau projet hardhat: Bonjour, bienvenue dans la toute première vidéo du cours, où nous créons un marché NFT à partir de zéro. Dans cette vidéo, nous allons discuter de la feuille de route du cours ainsi que de la configuration de notre environnement de développement. Comme vous pouvez le voir à l'écran, ce cours comporte différentes étapes. La première étape consiste à configurer l'environnement de développement à l' aide de hardhead. Ensuite, nous créerons un contrat intelligent qui suit et stocke les données. Ensuite, nous écrirons des tests unitaires pour nous assurer que notre contrat intelligent fonctionne correctement. La quatrième étape sera de déployer le contrat intelligent sur ce réseau de test. Après cela, nous travaillerons sur le front-end et nous utiliserons les années suivantes pour cela. Ensuite, pour interagir avec un contrat intelligent déployé. Nous utiliserons un fichier test.js et un MetaMask. Enfin, nous allons tester le fonctionnement complet de l'application afin que vous puissiez présenter ce projet dans votre portfolio. Avant de poursuivre, assurez-vous d'avoir installé MetaMask et faites un test. Bon sang, ça déchire ton compte. Je ne vais pas recommencer. Veuillez regarder n'importe quel tutoriel ce sujet et continuer avec ce cours. Ma tâche n'est donc qu'un processus très simple. Ensuite, après avoir obtenu ce test, appelez-le test, il y a quelques robinets que vous pouvez rechercher sur Google et entrer votre adresse. C'est ça. Vous pouvez maintenant voir ici l'ensemble de la pile technologique de notre application décentralisée. C'est la solidité sur laquelle nous travaillons Itanium est un casque dur. Nous utiliserons à l'avenir en tant que fournisseur de nœuds de blockchain. C'est test.js, c'est ça. Ce sont les choses que nous allons utiliser. Maintenant, commençons à travailler et nous devons créer un nouveau projet difficile. Ce qui est difficile, c' est un environnement que les développeurs utilisent pour tester, compiler, déployer et déboguer des applications décentralisées basées sur leur blockchain italienne. Si vous voulez en savoir plus, vous pouvez également vous rendre sur leur site officiel. Tu peux voir que c'est dur. Et ici, vous pouvez en savoir plus si vous le souhaitez. Je vais simplement commencer à créer un nouveau dossier et le nommer. Nft, place du marché. Dap. C'est ça. Ensuite, à l'intérieur, je vais créer, j'ouvrirai un nouveau terminal. Et la première chose que nous devons faire est de créer un projet NPM en utilisant cette commande npm dedans. Quoi ? Il vide ensuite le projet npm. C'est ça. Ensuite, je vais simplement installer hardhead en utilisant cette commande save dev hard hat. C'est ça. Cela ne prendra que quelques secondes. Maintenant, pour créer un projet hardhead, nous allons utiliser la commande n p x hardhead. Cela nous donnera le code standard. Je vais simplement appuyer sur Entrée. Ensuite, je vais créer un projet JavaScript saisi. Et puis c'est tout. Après cela, hardhead nous demande d'installer ces dépendances. Mais il s'agit d'une mise à jour qui remonte à seulement une semaine. Je suis donc plus à l'aise dans le style que les dépendances séparément. C'est difficile là où les mangeurs durs sont embauchés, ce qui rend hardhead compatible avec test et nous aide à interagir avec le contrat intelligent. Je vais donc simplement écrire npm install save dev. La première chose que je vais faire c'est. La nuit où ça fait slash les labos, j'avais plein tarif pour trouver 0, puis l'espace. Encore une fois. C"est ennuyeux qu"un 3. Puis chai 4. Ensuite, je vais utiliser à nouveau. Maintenant, faites des labos. Ethers durs 0. Et enfin, il est éthéré par 0 et appuyez sur Entrée. Si nous en recevons un, nous le résoudrons simplement. Mais dans la documentation officielle, vous pouvez tout voir ici, comment exécuter. Et c'est npm install save that, puis nous utiliserons, puis nous ajouterons en utilisant le casque NP x. Ensuite, nous créons un projet JavaScript. C'est ça. Ici, ajoutez l' installation de cette boîte à outils. Mais je suis en train d'installer toutes les dépendances séparément. C'est ça la différence. Cela va prendre un certain temps. Maintenant, ouvrons notre projet dans le code VS. Je vais simplement écrire de l'espace de code. Ce dossier s'ouvrira dans notre éditeur de code VS. Dans ce package ou Jason, vous pouvez simplement crier vérifier que tout est installé. Rien, c'est très plein. Ito's Di Italian gaspilleux mangeurs et Hardhead. Tout est donc installé. Également. Assurez-vous que des extensions sont installées au niveau de ces extensions. C'est Dart. Ensuite, j'ai aussi des extraits de l'année prochaine. Ensuite, j'ai installé ce CSS tailwind. Ensuite, il y a ce nouveau plug-in. C'est un casque rigide. Je l'ai installé car c'est à partir de conditions gnomiques que l'officiel l' a également installé. C'est donc tout pour cette vidéo. Dans la vidéo suivante, nous allons configurer les paramètres inférieurs et MetaMask. Merci. 3. Vidéo 2 Alchemy et clés Metamask: Bonjour, bon retour. Dans cette vidéo, nous allons mettre en place moins et mon damassé dans notre projet. Hardhead nous fournit peu de dossiers et de fichiers. Nous allons comprendre tout cela étape par étape. Mais passons à hardhead dot config dot js et assurons-nous que nous pointons notre réseau pour corréler le réseau de test italien. Pour que cela fonctionne, nous avons besoin d'une URL de nœud TDM caudalement et d'une adresse de portefeuille. Comme j'ai déjà des comptes, je ne serais pas en train de créer un nouveau MetaMask de qualité inférieure. Vous pouvez le faire sur Google et le faire vous-même. C'est un processus très simple et direct. Ouvrons notre navigateur et allons infuser. Mais IO. Après avoir ouvert une session, nous devons créer un nouveau projet. Le réseau sera ça. Nous avons trois API anciennement itanium et il suffit de la nommer NFT marketplace et de cliquer sur Créer. Ensuite, il suffit de changer les deux principaux réseaux Lee et de copier simplement cette URL. Alors. Dans le fichier hardhead conflict, vous écrivez simplement en dessous de cette solidité, vous écrivez simplement des réseaux. Alors, comme ça. Et avoir un réseau bouclé. Maintenant, collez ces touches. Nous voulons coller cette dose de déchets directement dans notre code. Nous utiliserons certaines bibliothèques. La première bibliothèque que nous utiliserons est ce paquetage point ENV. Parce qu'il n'est pas recommandé de coller ces informations sensibles directement dans leur application car elles peuvent être utilisées à mauvais escient par d'autres. La deuxième bibliothèque que nous utiliserons est l'ajout d'un avion, qui est une bibliothèque de contrats modulaires, réutilisables , sécurisés et intelligents pour le réseau italien et un retour en solidité. Il permet de tirer parti des contrats standard, testés et révisés par la communauté. Vous pouvez effectuer une recherche, ouvrir le lien si vous le souhaitez. Comme ça. Si vous le souhaitez, vous pouvez directement le rechercher et lire vous-même ce qu'il fait. Je vais simplement l'ajouter et écrire npm. Installez les contrats avec barre oblique Zeplin et non ENV. Allons entrer. Maintenant, il suffit de vérifier. Tout est maintenant installé. OK. Après l'installation, nous devons créer un fichier point ENV, c'est-à-dire un fichier point ENV. Et le bâton de basse qui suit les touches, c'est notre clé inférieure ainsi que notre clé publique. Je vais simplement créer une variable appelée n few. L'URL est égale à ceci. Et un deuxième portefeuille. Mais j'ai lu que k est égal à ça. Dot ENV se trouve directement dans ce répertoire racine, pas dans aucun contrat ou test et tout. Maintenant, va coller ces touches. Le premier est une URL inférieure, et le second est la clé MetaMask. Vous pouvez installer my thomas en vous rendant sur mon site Web Thomas.io et en installant l' extension pour votre navigateur. Il suffit ensuite de cliquer sur le masque. Entrez ensuite votre mot de passe. Allez ensuite dans Paramètres. Il suffit d'attendre. Tout d'abord, je vais cliquer sur ce deuxième compte. Je vais écrire les détails de mon compte. Exportez ensuite la clé privée. Et papa est le mot de passe. Appuyez sur Entrée et copiez cette clé. Assurez-vous de ne pas partager cette clé avec quelqu'un d'autre. Il s'agit d'une clé très personnelle. Il doit être sécurisé. Ensuite, il suffit de le coller ici et de l'enregistrer. Vous n'avez plus besoin de l'utiliser. Après ça. Accédez à hardhead dot config dot js et apportez les modifications suivantes. Ici. Dans l'URL. Tout en haut, vous avez simplement besoin de dot, dot ENV, dot ENV, dot config. Il suffit de l'écrire. Ensuite, à l'intérieur de cette URL girly, il vous suffit d' écrire process point ENV. Dans Beulah URL, il s'agit du nom de la variable. Et dans les comptes, vous aurez simplement à re, dans le processus entre crochets point ENV, mené par la guerre. Mais j'ai lu Key. C'est ça. C'est ainsi que nous configurons notre réseau pour les pieux. En outre, vous pouvez également écrire un casque de sécurité. Si vous souhaitez le tester dans l'environnement local, c'est à vous de décider. Je préférerai bouclé comme je le sais, que tout fonctionne dans ce code. C'est donc tout pour cette vidéo. Dans la prochaine vidéo, nous allons créer notre contrat intelligent. Merci. 4. Vidéo 3 Créer un contrat de marché NFT: Bonjour, bon retour. Créons notre premier contrat intelligent. Il suffit de créer un nouveau fichier dans le dossier des contrats et de le nommer NFT market, dots soul. Ensuite, comme toujours, nous devons mentionner le compilateur solidity et maintenant nous avons la version 0.8.9. Copiez ces deux lignes et collez-les ici. Créez ensuite notre contrat en utilisant le mot clé et le nom du contrat, NFT. Marché, place. Comme ça. Nous devons maintenant importer nos dépendances. La première importation ouvrira un plan sur la piste, une barre oblique, des offres, des compteurs, des points. Donc, la prochaine chose que nous avons est passée aux pistes slash slash, C, 721, extensions de cils, ELC 721, URI, vieillesse. Et enfin, nous avons ce qui est un jeton de contrats, ERC 721, ERC 721 point. Et maintenant, nous devons hériter avec le stockage URI ERC, c' est-à-dire 71 stockage d'URL. Et la première chose que nous allons faire est créer des variables en utilisant ce compteur, cette solubilité ces compteurs, compteurs compteur de points. Ensuite, la première fois que je lis la variable sera l'ID de jeton. C'est le nombre de DOMS jamais créés. Et deuxièmement, est-ce que ce serait des compteurs, un compteur de départ. Mais j'ai lu les articles vendus, le nombre d'articles vendus. Maintenant, vous pouvez également rechercher ce Zeplin ouvert puis ERC 2721 et lire The functioning what it does. Ensuite, vous pouvez voir C7 à T1. Ici, vous pouvez voir ce que nous utilisons ce compteur que ES est 721 token et toutes les versions différentes. Il est important de savoir quelle version réduire ou ce que nous utilisons. Nous utilisons une version différente. Je peux voir toutes les documentations mises à jour de temps en temps. Mais la fonctionnalité de la dague sera la même. La prochaine variable que je vais faire est le prix de vente, qui sera 0. Voici 01 E troisième. Et c'est ce que nous devons être pour mettre en vente leur NFT sur notre marketplace. C'est ça, la commission ou quoi ? Pas la commission. Ce ne sont que des frais d'inscription. Ensuite, nous aurons une variable appelée propriétaire qui n'est pas hors du contrat intelligent. Créons maintenant un constructeur. C'est-à-dire qu'il ne fonctionnera qu'une seule fois lorsque nous utiliserons cette année C7 à T1. Et nous devons utiliser ces choses. C'est-à-dire que nous devons donner le nom C, vous devez lui donner un nom et un symbole. Je vais simplement le nommer. Les tours folles. Tolkien, et donner le symbole rencontré. En cela construit un constructeur. Nous n'acceptons rien, mais nous allons nous assurer que le propriétaire est la personne qui déploie ce contrat intelligent. Ce code est donc nécessaire lorsque nous héritons de cela. Ce n'est donc pas nous qui écrivons cela. Ceci est pré-écrit par la bibliothèque ouverte Zeplin. C'est ça. Maintenant, continuons. Donc maintenant je vais créer une structure, qui sera un article de marché. Struct est simplement notre propre type de données. Il s'agit simplement d'un ensemble de types de données primitifs. Entier primitif, adresse, booléen, tout ça. Alors, en quoi doit consister un NFT ou l'élément du marché ? Il s'agira de cet ID de jeton. Ensuite, il aura l' adresse du vendeur des comptes fournisseurs, qu'il aura l'adresse du propriétaire à ce moment-là. Ensuite, il aura le prix de l'onglet et un booléen, c' est-à-dire qu'il est vendu ou non. Et maintenant, nous allons également avoir une cartographie. C'est-à-dire que l'entier uint8 sera mappé à l'élément de marché, c'est-à-dire celui-ci. Et nous allons, ce sera une variable privée et nous la nommerons id2. L'élément de marché, c'est-à-dire que l'ID du jeton est mappé à l'élément du marché. Si nous donnons cet identifiant de jeton, il nous donnera toute la structure qui contient toutes les informations. La prochaine chose que nous allons créer un événement qui est un article de marché, un événement créé. Il aura la même chose de la même façon. C'est un 56 indexé. Peut identifier, puis adresse, adresse, propriétaire, puis droits de l'ONU. Et Boolean s'est vendu. Événements, juste appelés pour qu'ils soient enregistrés publiquement sur la blockchain. Vous pouvez en savoir plus sur ce que ces événements ou comment émettre un événement. Et si vous ne connaissez pas les bases de la solidité. C'est donc tout le code pour aujourd'hui dans cette vidéo. Dans la vidéo suivante, nous allons écrire certaines fonctionnalités pour effectuer certaines tâches. Merci. 5. Vidéo 4 Fonctionnalité pour créer un article de marché: Salut. Commençons maintenant à travailler sur les fonctionnalités. Amusant. La première fonction que nous allons créer est d'obtenir ce prix. Donc, tout comme pour le désabonnement amusant, obtenez le prix de l'annonce. vue sombre revient. Ça te transforme en 56 ans. Et il retournera simplement la variable de prix d'inscription, qui est celle-ci. Donc, le commentaire, il suffit d'écrire la commande retourne la liste, le lieu du contrat, le prix du marché même juste. Ensuite, la prochaine fonctionnalité sera due. Date. Listing. Simplement Wanchun, liste du riz. Maintenant, c'est ce lieu de renouvellement et de nidification. Blake. Nous devons nous assurer que seul le propriétaire peut mettre à jour le prix de l'annonce. Nous devons donc écrire le propriétaire est égal à l'expéditeur du message. Si ce n'est pas le cas, écrivez simplement sur Lee. Place de marché, le propriétaire peut dater le prix de vente. Et s'il s'agit du propriétaire, nous modifierons simplement ce prix. Ce prix, c'est tout. Il s'agit des fonctionnalités de base. Maintenant, les fichiers, la fonctionnalité suivante sera différente canal D pour créer un article de marché. Disons simplement fonction. Créer un article de marché. Ensuite, il s'agira d'une réception privée. Je vais te faire savoir pourquoi. Il acceptera deux choses. C'est à 56 Token ID. Nous allons créer cet identifiant de jeton. La vidéo suivante. Et ensuite, c'est toi et la 56e place. Cette fonction accepte donc ces deux éléments. Maintenant, passons à quelques modificateurs. C'est-à-dire quelles sont les exigences ? La première exigence est que le prix doit être supérieur à 0. Si ce n'est pas le cas, alors nous écrirons doit être supérieur à 0. Ensuite, l'exigence suivante est le message indiquant que la valeur doit être égale au prix de vente. Au fur et à mesure que nous ajoutons la liste de l'article du marché, l'utilisateur doit payer certains frais. Le prix doit être égal à ce truc. Prix. Maintenant, faisons ce mappage de l'élément de marché id2. L'idée sera un identifiant de jeton. Et dans cet ID de jeton, nous sauvegardons un marché, un objet DOM, ou vous pouvez dire cette structure. Il accepte OpenID, puis l'expéditeur du message. Ensuite, cette étape qui est le propriétaire sera ce contrat intelligent comme maintenant, car il n'est pas transféré. Ensuite, le prix et la valeur booléenne sont faux. est-à-dire qu'il n'est pas encore vendu, il est simplement transféré. Maintenant, nous allons supposer que l'adresse de l'expéditeur du message de transfert Greg, cet ID de jeton. Ensuite, nous allons créer cette fonction qui est cet élément du marché événementiel créé. Et il accepte les arguments, suffit de tokeniser le message, l'expéditeur. Adresse. Ceci, puis glace et faux. Il s'agissait donc maintenant de la fonctionnalité permettant de créer l' élément de marché est l'ID de jeton. Nous nous retrouverons lors de la prochaine réunion. Ensuite, nous avons quelques modificateurs qui répondent à ces exigences. Ensuite, dans ce mappage, nous enregistrons cette valeur. Il s'agit d'un identifiant de jeton. De cette façon le vendeur est le message que l'expéditeur et l'acheteur. C'est leur propre nœud qui ou qui possède ceci, c'est le contrat, ce contrat intelligent qui intéresse. Et vous pensez peut-être d' où vient ce transfert du chinois, cette fonction de transfert provient de la bibliothèque append sapling. Il s'agit donc d'une fonction intégrée. Si vous voulez en savoir plus, vous pouvez en savoir plus sur les transferts, transferts sécurisés, toutes ces méthodes. Mais c'est tout pour cette vidéo. Rendez-vous à la prochaine session. Merci. 6. Vidéo 5 Fonctionnalité pour mettre en valeur un nouvel identifiant de jeton: Salut. Dans cette vidéo, nous allons créer la fonctionnalité permettant de frapper un nouveau jeton, ainsi que de créer une vente de marché pour la frappe d'un nouveau jeton. Lisons ce commentaire. Désigne un jeton et listez-le sur le marché. Ok ? Maintenant, la fonction, elle acceptera, tout d'abord, la définition, le nom, chaque couche, le nommera, créera un jeton. Il acceptera un jeton de mémoire de chaîne, URI, vous et 56. Hors prix. C'est-à-dire quel est l'URI de l'image, ainsi que le prix de ce NFT. Il s'agira d'une fonction publique. Ce sera un paiement et il retournera que le chien peut identifier. Cela dit. La première chose que nous devons faire est d'incrémenter l' ID du jeton, c'est ici. Il s'agit de notre variable. À l'intérieur de ce code compteur, nous avons cette fonction qui est l'incrément de points est prédéfini dans le Zeplin ouvert. Il augmentera simplement d'un, c' est-à-dire de 0 à 11 à deux, comme ceci. Maintenant, la prochaine chose que nous allons faire est d'obtenir l'ID de jeton actuel. C'est Ids point current. Il sera simplement après incrémentation, nous obtiendrons ce courant et c'est à partir de 0, il deviendra un. Et puis ici, nous obtiendrons l'un, c'est tout. Ensuite, nous utiliserons la fonctionnalité principale qui nous a été donnée par open Zeplin signifiait vraiment pour l'expéditeur du message. Et nous en aurons un nouveau et nous enverrons également cet identifiant de jeton. Ensuite, vous allez définir l'URI du jeton. Peux-tu ajouter ? Il aura un nouvel ID de jeton, un nouvel URI de jeton. Et maintenant, nous allons utiliser cette fonction d'article de marché idiote. C'est pourquoi nous le rendons privé, car nous l' appellerons en interne. Cette personne ne peut pas appeler directement cette fonction. Tout d'abord, il devrait avoir cet identifiant de jeton et tout. Il acceptera simplement le nouvel identifiant de jeton et ce prix. Enfin, nous vous renverrons l'ID du jeton. Et encore une fois, ces fonctions proviennent de l'append Sapling de la bibliothèque. Si vous le souhaitez, vous pouvez rechercher ce qui se dirige vers cet URI de jeton défini et tout. Mais ce code est une fermentation prédéfinie. Et ici, nous appelons cette fonction, qui va transférer ce jeton. est-à-dire qu'il a d' abord été envoyé au message de cet expéditeur, puis il sera transféré du message qui envoie à ce contrat intelligent. Et c'est pourquoi. Et c'est ainsi qu'il sera listé sur le Marketplace au nom de la preuve au nom du propriétaire de cette nouvelle unité. Comme ça. Plus tard, vous comprendrez mieux. Maintenant. La prochaine chose ou la prochaine fonctionnalité que nous allons créer est la médiation. La vente d'un produit de glaçure du marché. Vous pouvez également comprendre comme transfert. Il transférera la propriété de l'article ainsi que les fonds entre les parties impliquées. Bon, commençons à écrire. Ce sera un Chen amusant. Je vais l'appeler créer un marché, une vente. Il acceptera simplement cet identifiant de jeton. Il s'agira d'une fonction publique et d'une fonction payante. Maintenant, commençons à vous écrire int I est égal à ID market. Nous avons cet identifiant de jeton. À partir de là, nous y arriverons. Mais après NFT, comme ceci, nous enverrons l'idée de la robe du vendeur sur le marché. Ensuite, Token ID point vendeur. Nous allons maintenant avoir quelques modificateurs, c'est-à-dire des exigences. Première exigence ou exigence descendante. Est-ce que cette valeur de point de message doit être égale au prix de la NFT. C'est fou d'acheter le NFT, il doit transférer le montant correct. La peau joue dans notre diode pour terminer l'achat. Ok ? Maintenant, si tout va bien, nous allons simplement apporter les modifications. Identifiant pour l'article commercialisé. nœud d'ID de jeton est égal à. Nous allons maintenant faire quelques changements qui sont des mises à jour. Je suis simplement, je vais simplement écrire ici comme ceci. Sera désormais l'expéditeur du message payant. Maintenant et ça va changer, vendu à vrai. Et puis il fera, le vendeur s'adressera l'adresse de ce. C'est l'adresse 0, c'est-à-dire que personne n'est ce vendeur. Il est déjà vendu. Et cela signifie une adresse vide. C'est cette adresse qui appartient à savoir quoi. Nous allons maintenant augmenter le nombre d'objets vendus. Il est ici, augmentez celui-ci tel qu'il est actuellement vendu. Ensuite, nous utiliserons cette fonction de transfert, une fonction qui nous est donnée par le Zeplin ouvert transférera la propriété. Cet expéditeur du message de contrat. Et cette tokenisation. Ensuite, nous allons simplement transférer les fonds qui sont payés. Eh bien, maintenant nous allons savoir qui est le propriétaire du contact intelligent. Nous, obtenons vraiment ce prix. Quand quelqu'un est NFT, c'est 0 quelque chose de 0,001. Et aussi est-ce que le vendeur va obtenir le prix de son NFT comme il vendait la dette NFT sur notre marché comme ceci. C'est ça. Voici donc les champignons. C'est-à-dire qu'il s'agit de la fonction requise pour effectuer une vente sur le marché. Nous appelons ici cette fonction. J'espère donc que tu as compris. Si ce n'est pas le cas, essayez de rechercher sur Google ce qui vous embrouille. Parce que ces points transférés en tout proviennent des bases de la solidité. C'est tout pour cette vidéo. Rendez-vous à la prochaine session. Merci. 7. Vidéo 6 Fonctionnalité pour récupérer des articles de marché invendus: Bonjour, bon retour. Dans cette vidéo, nous allons travailler sur la fonctionnalité permettant de récupérer les objets invendus. Tout d'abord, écrivons un commentaire sur les retours sur les objets invendus du marché. Donnons-lui un nom. Articles du marché français. Je l'ai nommé chercher les articles du marché parce que dans la page d'accueil, c'est-à-dire que lorsque l'utilisateur se rend sur le site Web, cette première page va chercher tous les articles qui sont répertoriés dans ce marché. Et s'ils sont cotés sur le marché, cela signifie qu'ils sont tous invendus. Être également une fonction publique. Il reviendra simplement ou cela sera visualisé. Vous avez toutes ces variables. Il n'apportera aucune modification pour que ce soit la vue. Et cela retournera un éventail d'articles du marché et nous devons donner mon équation monétaire. Maintenant, faisons quelques calculs. nombre d'objets sera égal à Ids point actuel. Ok ? Et le nombre d'articles vendus. nous ferons cela, c'est le nombre d'articles. Cet identifiant de jeton est le courant moins I, vendu, non actuel. Quelle est donc la logique derrière tout cela ? Supposons qu'ils disent que NFP est présent sur ce marché et que six sont vendus. Cela signifie que le nombre d'objets uniques sera de quatre. C'est pourquoi cette soustraction. Et maintenant, nous devons parcourir notre tableau en boucle. Nous allons donc aimer l'indice actuel. Donnons un capital que j'aime bien comme ça. L'indice actuel est égal à 0. Ensuite, nous allons avoir un tableau vide qui contiendra nos huit éléments historiques. Est-il bon de disposer d'un nouveau tableau d'articles sur le marché, et ce sera la terre et le nombre d'articles vendus. Ça. Il s'agit donc d'un tableau vide. Nous allons pousser les éléments ici , puis retourner ce tableau. Faisons une boucle for. Oui, ton int I est égal à 0. J'ai moins que le nombre d'objets I plus, plus. Ensuite, si, disons si. Si j'ai fait l'article de marché I plus un, parce qu'il partira d' un propriétaire est égal à l'adresse de ce contrat. C'est-à-dire que ce n'est pas uniquement à puisque nous changeons de propriétaire ici s'il est vendu. Donc, si c'est le, alors l'identifiant actuel, identifiant sera I plus un. Et puis nous aurons simplement ce gamin intelligent et je serai en cours de stockage. Il est égal à id to cutting tidy. Et ici, il est mentionné ici parce que l'ID de jeton commence également à 0, donc je serai le même que cet ID de jeton. Comme nous incrémentons également l'ID de jeton ici. Lorsque nous créons un jeton. Ensuite, nous aurons cette variable items, un tableau vide dans cet index courant qui est 0. Voyez s'il s'agit de cet élément, alors nous allons incrémenter l'indice actuel. C'est-à-dire que la prochaine fois que l'élément sera stocké dans l'index puisque 0 est déjà rempli par celui-ci. Et cela se déroulera simplement en boucle. Et à la fin, après la boucle for, nous retournerons des éléments de données comme celui-ci. Nous retournerons cet article. C'est ainsi que nous récupérons les articles du marché. J'espère que tu as compris. Si ce n'est pas le cas, assurez-vous d'arrêter la vidéo et essayez de comprendre la logique derrière le code. Comme c'est la seule chose qui compte, c'est que vous compreniez les concepts de base, comment écrire des fonctions par vous-même. C'est tout pour cette vidéo. Merci de m'avoir regardé. 8. Vidéo 7 Fonctionnalité pour récupérer les éléments détenus et répertoriés: Salut. Dans cette vidéo, nous allons travailler sur la fonctionnalité de récupération. Nft est détenu et créé par l'utilisateur. Travaillons sur la première fonctionnalité, qui activera les éléments qu'un utilisateur a achetés. Ok ? Maintenant, donnez le nom de cette fonction. Va chercher mes gauchers. Il s'agira d'une fonction publique. Retours. Il renverra une zone d'articles de marché. Alors commençons par l' obtenir pour les ravir. Comte. Le nombre est égal à. Il en va de même pour les identifiants actuels. Ensuite, vous comptez les articles finis. Je vais expliquer tout ce code. Il suffit de continuer à écrire. Toi dedans. L' indice actuel est égal à 0. Maintenant, la première chose que nous devons faire est d'obtenir le nombre d'articles. C'est le nombre de NFT détenus par l'utilisateur. Ici, nous obtenons ce numéro de nom par ce calcul. Mais maintenant, nous devons faire une boucle for comme celle-ci. C'est pour vous que int I est égal à 0. Je suis inférieur à del nombre d' articles I plus, plus si id2 market I plus un, ce propriétaire est égal à l'expéditeur du point de message. Ensuite, nous augmenterons ce nombre d' objets plus un égal. De cette façon, nous obtiendrons le nombre total d'ETP de celui-ci, c' est-à-dire dont le propriétaire du propriétaire est l'utilisateur. Et après l'avoir obtenu, nous ferons la même chose que ci-dessus, comme mon article pour enfants. La mammaire, je suppose, est un bon repas. Article du marché. Maintenant, la longueur du tableau sera le nombre d'éléments. Cet article compte c'est la longueur que nous avons faite cette partie, disons. Ensuite, j'aurai une boucle for. Vous int I égal à 0. J'ai moins que le nombre d'objets. Nous devons tout examiner. Je plus, plus. Si AD sur l'article du marché. Si plus un est égal à cela c'est un point o est égal à l'expéditeur du message. Ensuite, nous allons incrémenter le courant. Nous aurons cette annonce actuelle. Comme avant. Cela fonctionnera comme le travail est cet ID de jeton. Ensuite, nous obtiendrons l'article. Nous obtiendrons l'article à partir de notre annonce cartographique. Ensuite, insérez cet élément dans notre tableau vide d'éléments, c' est-à-dire que l'index actuel est égal à l'élément actuel. Enfin, nous allons incrémenter l'indice actuel. Ensuite, nous vous renverrons les articles. Cela va donc récupérer les articles que l'utilisateur a achetés. Maintenant, la fonction suivante sera un peu similaire, donc je vais simplement la copier et la coller ici. Il ne retournera que les articles que l'utilisateur a mis en vente sur ce site de vente. Je vais donc limiter les lots d'articles listés. Ensuite, ce sera une vue publique qui renverra un peu de mémoire. Les entreprises d'articles d'hôtel comme un petit identifiant de jeton pointent nombre d'articles actuels 0, l'indice actuel 0. Alors je vous aurai, toi et moi. Il y en a dix pour les ravir. Comte I plus, plus. Si l'article du marché id2 ici, ce sera le vendeur que nous voulons nous conduire, sur la dose de plomb. Nous les vendons déjà. Je dis expéditeur point, nombre d'objets plus un. Ensuite, nous avons est vide à une barre I est égal à 0, je suis inférieur au nombre total d'éléments I plus, plus. Si j'ai indiqué l' ID d'acteur du marché pour commercialiser l'objet ici, il s'agira du vendeur. L'expéditeur du message. Vous avez tapé l'identifiant actuel. C'est bon à entendre ? Il fonctionnera comme il fonctionnera comme l'identifiant. Comme c'est tout cela. Ils partent également de 0, puis un, puis deux, puis trois, ce soja, c'est la seule raison. Ensuite, nous obtiendrons le, récupérerons cet élément à partir de la cartographie. Insérez-le dans notre tableau vide ici, puis renvoyez cet élément. C'est ça. C'est donc leur fonctionnalité pour récupérer l'un de ces éléments créés, ou vous pouvez dire listés par l'utilisateur. J'espère donc que vous avez beaucoup appris et apprécié. C'est tout pour cette vidéo. Rendez-vous à la prochaine session. Merci. 9. Vidéo 8 Fonctionnalité pour revendre et annuler l'article du marché: Bonjour, c'est lié au temps. Les deux dernières fonctionnalités que ces deux-là revendent ainsi que peuvent voir une liste NFT. Commentons donc d'abord. Permet à l'utilisateur poursuivre la cellule A2. Lorsque Jim revend, pouvez-vous entrer dans 56 Token ID. Pendant ton prix de 56 ? Ce sera une fonction publique, sera payable. Maintenant, il y aura certaines exigences. Les deux premières colonnes seront un élément de marché D2. Id. Le propriétaire du point doit être l'expéditeur du message. Comment peut-il vendre le NFT de quelqu'un d'autre ? seul élément à ce sujet, encore une fois, cette opération. Ensuite, la prochaine exigence, nous devons allouer l'article. Donc si Dot, pas ça. Je vais simplement dire que la valeur du point du message devrait être le prix de l'annonce parce que là encore, vous puez vraiment ce NFT, donc vous devez payer le prix de l'annonce. Les pièces doivent être égales à cette chose. Course. Si ces conditions sont remplies, il suffit maintenant de mettre à jour que cet ID de jeton est égal à faux. Il vous suffit ensuite de le copier. Collez-le trois fois. Le second sera une balançoire, sera l'endroit. Si quelqu'un change, le prix sera à payer. Expéditeur du message. Oh, non. Oh non, ça le sera encore. Cette adresse contractuelle. Encore une fois, il est transféré à cette adresse contractuelle. Ensuite, nous décrémenterons les articles vendus en fonction des propriétés du sol, à nouveau répertoriées. Et nous allons transférer cette propriété. C'est l'expéditeur du message. Adresse. Ce contrat peut vous aider. C'est ainsi que nous écrivons la fonctionnalité pour revendre le jeton. Maintenant, c'est l'heure. Nous écrivons cette fonctionnalité pour annuler une offre. C'est la liste de quelqu'un, NFP sur le marché. Et puis ils ont enseigné, non, je ne veux pas le vendre. Je veux en redevenir propriétaire. Sachez que cette fonction leur permettra de le faire. Vous pouvez vendre leur liste de marché. Un seul Chen peut les vendre. Listing. Cela aura, vous avez encore une idée de jeton 56, c'est le jeton que je dois annuler. Il s'agira simplement d'une fonction publique. Ici. Ces exigences seront. Tout d'abord, ce sera pareil. C'est un jeton d'identification. Ici. Nous mentionnerons cet identifiant de jeton, puis nous écrirons si le vendeur est l' expéditeur du message ou non. Si ce n'est pas le cas, nous montrerons Lee Sellers peut effectuer cette opération. Et la deuxième exigence sera ajoutée à l'article du marché. Donc, peut id dot soul, si nous devons nous assurer que ce n'est pas uniquement sur la possibilité de vendre des conditions qui ne le sont pas encore. C'est ça. Ces exigences sont satisfaites. Ensuite, nous ferons simplement la mise à jour dans le mappage. C'est l'ID du jeton, qui est égal au propriétaire sera à nouveau ce message que l'identifiant de l'expéditeur ce vendeur, le vendeur sera nul. C'est l'adresse, qui est 0 adresse. Et puis ID. L'ID de jeton n'est pas vendu, il sera simplement vendu. L'article est simplement vendu à l'utilisateur lui-même. Nous pouvons simplement dire incrément de point d'élément parce que nous, nous obtiendrons notre partage. C'est le prix de vente. Maintenant, c'est à l'audit non. Utilisez-le qu'il veuille le vendre ou non parce qu'il nous a déjà payé ce prix d'inscription. Nous allons donc simplement transférer ce prix d'inscription à nous qui sommes le propriétaire du contrat intelligent. Prix de l'annonce de transfert. Et nous transférerons la propriété de cette adresse à l'expéditeur du message, non à l'ID du jeton. C'est ainsi que les fonctionnalités sont maintenant prêtes. Notre contrat intelligent est terminé. J'espère que vous avez beaucoup appris ici. Si ce n'est pas le cas, assurez-vous de ne pas aller de l'avant, mais essayez de comprendre ce que fait ce mot clé, ce que fait ce mot clé, ainsi que les concepts de base. Dans la vidéo suivante, nous allons travailler sur les tests unitaires pour assurer que toutes ces fonctions fonctionnent correctement, préférons fonctionner correctement avant déployer sur le réseau de test. Mais c'est tout. Merci. 10. Test d'unité vidéo 9 pour déployer le contrat: Bonjour, bienvenue dans le nouveau module où nous travaillerons sur les tests unitaires puisque Blockchain est immuable. Avant de déployer notre contrat, nous rédigeons des tests unitaires pour nous assurer que toutes les fonctions et variables de notre contrat intelligent fonctionnent. Et ils transforment les bonnes valeurs. Nous utiliserons la bibliothèque Mocha Chai à cette fin. Alors commençons maintenant. Dans ce dossier de test, créez un nouveau fichier et nommez-le NFT market. Cheers. Cela nécessite certains laboratoires qui se trouvent dans la bibliothèque enfant. Nous exigerons que nous exigerons cette attente. Et nous allons, nous l'exigerons de la bibliothèque de Harvard Had. Comme ça. J'espère que vous savez comment écrire le test. C'est plus timide parce que ce sont les bases. Je ne le suis pas, je n' expliquerais pas grand-chose. Donnons-lui un nom. Describe est juste utilisé pour regrouper ou vous pouvez dire imbriquer nos cas de test. C'est ainsi que nous l'écrivons. Mocha utilise des crochets pour organiser cette structure. L'une d'entre elles est cette description. Ce sera des, pleure. Comme ça. Elle sera décrite. Maintenant, voyons comment c'était si le marché menait alors, sourire NFT a fait n. Si ré mineur. Ensuite, laissez la liste, louez et menez. Contrat ou non, désert. Toutes les variables. Dirigé par Entrez Lead Lead NFT, marché actrice de marché comme celle-ci. Et si l' adresse du marketeur et que nous aurons le prix d'enchère, le prix vente aux enchères, vous pouvez simplement dire le prix de vente. Je suis juste en train de l'écrire dans une constante afin qu'il soit facile pour Android. Un troisième, comme ça. Nous allons simplement l'écrire dans les détails de Henrik. Maintenant. La première chose que nous allons faire est d'utiliser un avant chaque crochet. Simplement, il s'agit d'un crochet qui fonctionnera avant chaque cas de test. Nous n'avons donc qu' à l'écrire une seule fois. Ici. Nous allons lire dest pour déployer le contrat. Faisons en sorte que le marché NF2 soit égal à attendre. Les mangeurs n'obtiennent pas une usine sous contrat. Notre voiture. Notre nom de contrat est NFT Marketplace. Que le marché NFT est égal à attendre. Marché Nf2, pas déployer. Il s'agit du code de déploiement. Nous attendrons qu' il soit déployé. Ensuite, nous obtiendrons adresse du marché inférieur et nous la stockerons dans cette variable qui est l'adresse point du marché NF2. Ensuite, nous obtiendrons des adresses de test contractuelles ou non. Et par le Jezreel, obtenez des mangeurs qui ont des sinus comme ça. Ce seront des comptes factices qui nous seront donnés par l'environnement hardhead. On peut dire que oui, l'environnement. Ensuite, nous aurons le prix de l'annonce est égal à attendre. Si le point du marché. Ici, nous allons maintenant appeler cette fonction qui est obtenir le prix de mise en vente. Et maintenant, nous sommes en mesure de l'appeler avec cette instance qui est une instance déployée NFT. Ensuite, nous allons simplement GNg toString c'est le prix indiqué da2, chaîne, comme ceci. Et la prochaine chose que nous ferons est simplement créer une fonction qui nous aidera à enrôler NFT. Laisse-le plus tard. Lorsque nous testons, nous n'avons pas besoin d'écrire ce code encore et encore. Liste des moyens. Et si D est égal à un récepteur, il acceptera cet URI de jeton. Transaction équilibrée au prix d'enchères. C'est la variable d'état, est égale à wait, NFT market dot créer deux candidats que nous appelons maintenant cette fonction create token enverra ce jeton token enverra ce jeton URI de jeton, prix de vente. Et nous avons des visites guidées. Assurez-vous donc que nous vous envoyons le prix de l'annonce. Ensuite, nous allons demander à papa de voir, attendre la transaction qui a équilibré le poids de la pièce ID à la réception. Ces événements. ID de jeton 0 point. Vous pensez peut-être, attendez, je ne fais que vous expliquer. Vous pensez peut-être qu'est-ce que c'est ? Vous vous demandez peut-être de quoi s'agit-il ? Donc, lorsque nous attendons cette transaction, elle va l'enregistrer ici. Et quand nous l'avons imprimé, c'est si vous voulez consoler le reçu du journal de points, alors vous l'obtiendrez en cours d'imbrication. C'est-à-dire qu'il y aura déjà des cartes. Nous sommes donc en train d'obtenir cet identifiant de jeton à partir de celui-ci. C'est ça. C'est donc la base de notre test unitaire. Dans la vidéo suivante, nous allons écrire chaque cas de test. Rendez-vous donc à la prochaine session. 11. Test d'unité vidéo 10 à la menthe et à la liste nft: Bonjour, bon retour. Dans cette vidéo, nous allons écrire le bureau de l'unité pour enrôler a et F d. Commençons donc par décrire. C'est-à-dire, comme nous le savons, que nous pouvons utiliser ce club, nous pouvons imbriquer notre test de groupe et tout. Ce sera principal et affichera un nouveau jeton NFT. Ensuite, fonctionnez. La première chose que je vais faire est que l'URI du jeton const est égal à, est égal à. Je vais juste avoir un domaine. Bien que. Peux-tu ajouter HTTPS, alors ? Un signe que tu es ? C'est ça. Ce n'est qu'un mannequin. Plus tard, nous utiliserons un URI de jeton réel. Le premier cas qui utilise l' ID sur le premier cas de test sera, nous devrions récompenser si le prix est de 0. Il s'agit du premier cas de test. Disons un lavabo. On s'y attend. Nous allons maintenant utiliser pour attendre de la bibliothèque enfant. Attendez-vous. Nous utiliserons simplement ce moyen et listerons NFT. Nous enverrions ce jeton URI, prix final. Nous enverrons 0. Et simplement, il sera de revenir en poids. Et quel message nous recevrons, nous recevrons ce message. Le prix doit être supérieur à 0. C'est ça, collez-le ici. Il s'agit du premier cas de test. Ce deuxième cas de test sera récompensé si lieu de l' annonce n' est pas correct. Fonction Sinc. La première chose que nous appellerons créer NFT. Quand Chen Here, const Token ID va attendre, désolé, je viens de le supprimer. Et maintenant, ils attendent. Attendez-vous. Nft, point de marché, créer un jeton. Ici. Il suffit d'envoyer vous pouvez ajouter prix aux enchères et en valeur, il suffit d'envoyer 0 pour être en poids mort de travail. Il suffit d'attendre. Un autre sera récompensé par et jouera. Maintenant, copie, cet endroit doit être égal au prix de l'annonce. Maintenant, vous vous demandez peut-être pourquoi je n'ai pas utilisé cette fonction NFT de maintenance de la liste. Parce que nous sommes en train de modifier cette valeur. Mais ici, nous n'acceptons aucune valeur en tant que paramètre. J'appelle donc statiquement cette fonction Create Token. C'est une fonction publique, nous pouvons donc l'appeler. C'est ça. Maintenant, voyons au moins ces deux cas de test. Et avant cela, j'aimerais supprimer ce verrou et nos cas de test. Oui, ils l'ont fait un jour plus tard que dans les scripts. Également. Il suffit de supprimer est déployé et fromage. D'accord, maintenant nous n'avons que le marché NFT. OK. Maintenant, apportez la ligne de commande dans ce dossier et px, j'avais compilé. Voyons ce que nous avons pour installer obligatoirement cette boîte à outils. Ok, fais-le. Npm, installez le bord dur de la fondation GNOMIC Labs sur la boîte. Jaunissez certains modules de nœud et mettez en surbrillance le conflit qui existe également. Cela a été exigé. C'est la raison pour laquelle mon père a été créé et voir si nous avons encore un éditeur ou pas. Ok, en Suède, debout. Maintenant, compilons à nouveau et voyons ce que cela nous donne. Ok, aussi, j' ai une erreur qui fait 170 décréments de ligne. L'orthographe n'est pas correcte. Le demandeur, je dirai que cette volonté d'utiliser soit maintenant, la tête dure était pleine. Nous sommes des matchs plus difficiles. Voyons voir. Casque de sécurité. Essayez simplement de vérifier nos tests. Tu vois, ces deux-là fonctionnent. Et si vous le souhaitez, vous pouvez simplement en supprimer un. Ou si vous le souhaitez, vous pouvez utiliser le fond de teint gnomique. L'enfant mûrit. C'est à toi de décider, mais pour l'instant c'est juste un avertissement. Cela ne perturbera pas le code. Maintenant, le prochain scénario de test sera huit. Devrait créer un NFT avec le bon nœud. Et URI peut couler quand Chen. Ce premier sketch que l'ID de jeton, ID de jeton est égal à attendre. Maintenir la liste NFT. Nous avons cet URI de jeton ci-dessus. Ensuite, nous récupérerons le principal mort. Alors pouvez-vous, ou est-ce qu'il va faire un marché MFT lu cet URI de jeton ? Puis-je faire const ou node et trace est égal à attendre le point du marché ou le nœud de ID de jeton. Ces deux-là sont donc assez définis dans le contrat. C'est-à-dire que nous pouvons l'obtenir en envoyant les deux Canadiens. Ensuite, il suffit de vérifier, c' s'attendre à ce que l'adresse du propriétaire soit égale à l'adresse du marché f d. Et deuxièmement, attendez-vous à ce que l'URI de jeton mort moyen soit égal à l'URI C'est ça. C'est le cas de test ici. Le troisième cas de test et cas de test final dans ce groupe de saisie de bureau devront répondre à l"article de marché créé après avoir réussi cette chose de NFT. Cette fonction sinc. Ensuite, nous ajouterons simplement que la transaction const est égale à attendre le jeton de création de point NFT OU de porte. Alors pouvez-vous vendre le prix de vente aux enchères RA ? La valeur sera le prix de vente. Alors laissez les armes. Le siège est égal au poids du point de transaction. Attendez-vous. Avant ce poids. Juste cet identifiant de jeton. C'est la même chose que nous voyons les événements. Cet argument n'est pas canadien. Ensuite, nous nous attendrons à ce que la transaction s' anime. Il émettra cet événement. Nous devons d'abord écrire l'instance de contrat, puis ce qu'elle va émettre. Il émettra ici que ceci, ceci, cette chose, marque un élément de marché créé avec des arguments. Puis-je définir l'adresse du contrat ou du nœud ? Et si l'adresse du marché, prix de vente aux enchères et la vente seront faux. Cela dit, disons, Eh bien, encore une fois, essayons de le tester. En très grand nombre. Dispute. Devrait vérifier. Qu' est-ce que cela a ajouté. Maintenir la liste acceptera deux choses. J'ai oublié de l'envoyer. L'éloge de l'oxygène aussi. Sauvons-le. Et encore une fois, essayons. OK. Donc Alda pour les cas de test et maintenant correct. Nous sommes donc rassurés quant au fait que ces fonctionnalités fonctionnent au moins. Dans la vidéo suivante, nous allons écrire d'autres cas de test. Merci de m'avoir regardé. 12. Test d'unité vidéo 11 pour exécuter la vente de marché: Bonjour, bon retour. Dans cette vidéo, nous allons créer notre prochain test dex qui consiste à exécuter la cellule des marchés. Encore une fois, c'est ainsi que nous décrivons. Assurez-vous que nous distinguons un cas de test distinct. C'est-à-dire que nous allons ajouter, exécuter, disons, d'un marché, placer un objet. Ensuite, fonctionnez. Encore une fois, nous allons avoir un URI de jeton. Celles-ci, nous pouvons uniquement les copier. Copiez ceci. Ensuite, nous allons avoir le premier cas de test qui devrait revenir en cas d'enchère. Quand a n'est pas correct. En disant que le nouveau jeton NFT const nouveau jeton NFT est égal à attendre signifie enrôler le jeton NFT, URI et le lieu de vente aux enchères. Ensuite, nous ferons x, x et f d market connect, biota desk parce que maintenant nous devons changer leur adresse. Le vendeur ne peut pas l'acheter. Ensuite, si nous créons un marché, une vente, vente sur les marchés, nouvelle valeur de jeton NFT, nous envoyons simplement une valeur aléatoire pour ne pas être inversée. Et ici, il sera détourné avec ça. C'est soumettre Does peut devenir fou comme ça. Ok. Ensuite, le prochain scénario de test sera un nouveau jeton. Oh non. Entrées. Encore une fois, nous aurons const, nouveau jeton NFT est égal à attendre. Enrôler l' URI du jeton NFT et le lieu des enchères. Ensuite, nous ajouterons const. L'adresse du propriétaire est égale à attendre le marché NF2. Ou aucun d'entre eux ne sera const ou ne connaîtra ce jeton lorsqu'il sera répertorié. Donc maintenant nous allons nous attendre, maintenant le propriétaire est la place du marché. Adresse. C'est ici que nous attendrons, attendons, oh, aucun point d'adresse égal à, égal au marché NFT. Je m'habille, robe commercialisée. Et puis on va quoi ? Nous allons simplement créer la vente sur le marché qui est NFT. Market Dot Connect se connectera avec l'adresse de l'octet. Dot Create Market Silver l"achètera. Nouvelle valeur de jeton NFT, prix de vente aux enchères. Et après cela, nous vérifierons le nouveau nœud. Et la tenue est égale à attendre le point du marché NFT pour éliminer le nouveau jeton NFT. Ici. Le nouveau propriétaire est maintenant l'adresse de l'octet. Nous devons vérifier que cela fonctionne ou non. Attendez-vous à ce que l'adresse du nouveau propriétaire soit égale à celle de l'adresse d'achat. Ok. Voyons maintenant s'il fonctionne correctement ou non. Oui. Ce cas est donc également correct. C'est la première chose qui a mal soumis le prix d' enchère. Lorsque nous l'achetons, nous n'envoyons pas le montant correct. Ensuite, nous nous assurons que le transfert de propriété fonctionne correctement. C'est ça. C'est donc tout pour ce test unitaire de test. Dans la vidéo suivante, nous continuerons à travailler sur un autre bureau pour nous assurer que notre contrat n'est pas défectueux ou qu'il n'y a pas de bogue. Merci. 13. Test d'unité vidéo 12 pour revendre des articles de marché: Bonjour, bon retour. Dans cette vidéo, nous allons écrire un test unitaire pour revendre un article du marché. Comme vous le partagez comme ça , Clay était là. Nous écrirons la vente d'un article de bonne place. Puis fonctionnez. Nous allons avoir cet URI de jeton. Ensuite, dans le premier cas, nous devrions revenir en arrière si le prix de l' annonce du propriétaire actuel n'est pas correct. Maintenant, ici, le nouveau jeton NFT est égal à la liste maintenue en attente, au jeton NFT, à l'URI et au prix d'enchère. Ensuite, nous allons simuler wait, NFT market dot connect par Red Dress. Créer, vendre sur le marché. Nouveau jeton NFT. La valeur sera le prix de vente aux enchères. Ensuite, nous aurons l' attente que cela attend. Maintenant, comprenez cela. Ici. Nous avons maintenu ce jeton avec l'adresse du propriétaire du contrat. Mais dans la ligne suivante, nous essayons, ou vous pouvez dire, nous venons acheter un jeton point et maintenant le propriétaire est cette adresse d'octet. Maintenant, si nous essayons de revendre, c' est le jeton de point du marché NFT. Et maintenant, nous essayons de le revendre avec cette adresse de propriétaire de contrat puisque nous n' utilisons pas point connect. Et ici, comme vous pouvez le voir, nouveau prix d'enchère de jetons NFT, place de liste de valeur alors que nous essayons de le lister à nouveau. Ce sera annulé, c'est-à-dire que le poids sera rétabli. Ici, vous pouvez voir qu'il est enregistré ici. Seul l'élément ou non peut effectuer cette opération. Assurez-vous qu'il lit les codes. Et la prochaine chose que nous ferons, c'est de nous éveiller. Attendez-vous à NFT, Market Dot Connect, adresse de l'acheteur, jeton de revente de points. Ok ? Oui, nous pouvons voir que nous avons tout, d'accord, c'est un nouveau jeton NFT, puis le prix aux enchères que la valeur. Mais nous n'envoyons pas le prix de vente correctement. C'est 0, alors il devrait être récompensé par un poids mort. Vous pouvez voir ici, il faut annuler le poids. Le prix était égal au prix de vente comme celui-ci. Ok ? Ceci, ce cas de test est localisé, nous avons cette déclaration à attendre ici. Ensuite, le prochain cas de test sera de s'assurer que la revente fonctionne. C'est par un nouveau signe. Et puis revendez-le. Oui, je vais juste avoir ces deux lignes. C'est le nouveau jeton NFT est égal à maintenir la liste ce jour-là. Ensuite, nous essayons de connecter par adresse pour créer la vente sur les marchés. Maintenant, nous allons faire un jeton const. Propriétaire. L'adresse est égale à attendre le propriétaire du marché NFT du nouveau jeton NFT. Maintenant, nous allons vérifier. Maintenant, le nouveau nœud est l'acheteur. Adresse. Attendez-vous à ce que je m' adresse à l'égalité. Par elle. J'habille l'adresse du point. Bon, maintenant c'est simple. Il s'agit simplement d'une vente au marché. Alors ce que nous ferons, nous perdrons la connexion au marché NFT, mauvaise adresse. Nous allons à nouveau revendre ce jeton au contrat. C'est le marché, nouveau jeton NFT, le prix des enchères, le prix de la liste de valeur. Et puis nous aurons un nouveau jeton est un bon taux si le marché ne sont pas de nouveaux jetons NFT. Et maintenant, ici, le nouveau propriétaire devrait être l' adresse du marché parce que, encore une fois, il est en train d'être réinstallé. Celui qui est le propriétaire veut le revendre sur le marché. C'est Attendre que nouveau propriétaire du jeton soit égal. Et si le marché, accord, sauvegardons-le et testons-le. Voyons si ces étuis de bureau fonctionnent maintenant. Voir que l"article de jeu de revente du marché secondaire fonctionne également en douceur et sans souci. C'est donc tout pour cette vidéo. Continuons cette série de tests unitaires. Il y aura d'autres écritures où une ou deux vidéos seulement. Ensuite, nous déploierons ce contrat. Merci. 14. Test d'unité vidéo 13 pour récupérer des articles de marché: Salut. Dans cette vidéo, nous allons écrire un test unitaire pour récupérer les articles du marché. Commençons par une instruction describe. Ensuite, nous aurons le nom complet qui peut obtenir des objets de glaçure. Comme tu le feras. Nous aurons ce domaine. Et aussi, si vous le souhaitez, vous pouvez simplement l'écrire ici également. C'est à toi de décider. Mais je le place juste à l'intérieur de chaque bureau. Griffes de crabe. Faisons le premier test unitaire de la lunette Disney. C'est qu'il devrait correspondre. Le nombre correct d'objets invendus. Will voulait vraiment dire que trois N de t est ce chien que vous pouvez arpenter. Et maintenant, les enchères se jouent. Je vais juste copier deux fois. Nous avons maintenant trois articles sur leur Marketplace. Plomb et vendu. Objets est égal à attendre. Et F D, commercialise ces articles. Voyons où se trouve cette fonction ? Vous voyez que nous avons ce marché à chercher des objets. Et puis je vais simplement écrire expect. Et des objets vendus. La longueur du point sera égale à trois car nous avons 3,5 jours. Ensuite, le cas suivant devrait être, si l'ail, le nombre d'éléments que l'utilisateur a pourchassé. Allons-y. Le jeton NFT est égal à wait meant enlist NFT token URI, prix de vente aux enchères. Ensuite, nous ferons de nouveau référence aux LFT. Maintenant, ce que je vais faire, c'est créer un marché vendre c'est NF2 market dot connect. Je vais utiliser, j' écrirai l'adresse de l'octet. Alors. Créez une vente sur le marché. Ok ? Et je donne ce jeton, je l'ai fait cet identifiant de jeton NFT. Alors tu seras moins. Je pense que je ne fais que l'acheter. sera donc rarement le prix aux enchères. Ok ? Maintenant, je vais simplement conduire par notre total d"articles est égal à attendre NFT connect via une robe. Maintenant je vais appeler Fetch. Mon NFC est celui-ci, et c'est mon NFT. Attendez-vous simplement. Il s'agit de la longueur totale des points de l'acheteur. Je m'attends à ce que ce soit égal à un, puisque je n'ai acheté qu' un seul NFT et que d'autres sont toujours levés, ces deux-là sont toujours répertoriés sur le marché. C'est ainsi que nous testons cela, qu'il fonctionne ou non. Et ce troisième cas de test sera corriger le nombre d' éléments répertoriés par un utilisateur. Cela permet de s'assurer que le nombre d'éléments qui sont corrects est particulièrement élevé. Je voulais simplement dire cela. Ensuite, le troisième, je vais me connecter avec le marché NFT, point, me connecter avec les biologistes. C'est la clé. Liste. C'est sur le marché. Créez un jeton. Alors. Tout comme l'URI, le prix d' enchère, la valeur, le prix d' inscription Maintenant, laissez vos propres listes est égal à attendre. Et si le marché. Maintenant, nous pouvons voir que les éléments de ce correctif sont répertoriés, mais c'est par un utilisateur particulier. Nous essayons maintenant récupérer les articles qui sont répertoriés par le propriétaire du contrat, et non par l'adresse de l'acheteur. Le propriétaire du contrat a listé n de t est simplement attendu. Listes des propriétaires. La longueur du point doit être égale à deux. C'est ça. Sauvegardons-le et testons-le maintenant. Consultez tous les cas de test. Ok ? Nous sommes donc sûrs qu' au moins ce marché c' est-à-dire la récupération d'articles de bas de gamme, fonctionne correctement. C'est tout pour cette vidéo. Rendez-vous dans la prochaine vidéo, qui sera la vidéo finale de cette série de tests. Et Q. 15. Test d'unité vidéo 14 pour annuler la liste de marché: Bonjour, bienvenue dans la vidéo finale de ce module de test, où nous allons écrire un tube à essai unitaire peut vendre une liste de marché. Maintenant, lisons l'instruction describe. Il sera toujours possible d' obtenir une liste de lieux. Quand Chen pourras-tu. Allons récupérer l'URI du jeton. Allons voir, cette affaire. Il est, devrait dire, et renvoyer le nombre correct d'annonces. Faisons NFT. Token est égal à 08. Maintenir la liste NFT. Nous avons l'URI du jeton et le prix d'enchère. Ensuite, nous voulons créer des jetons. Ils vont simplement copier cela, se connecter par adresse point créer un jeton. Nous voulons créer ce jeton à l'aide de cette adresse d'acheteur. Et le premier a été créé à partir du contrat et il est propriétaire des intérêts contractuels. Maintenant, laissons les objets invendus être égaux à attendre marché NFT que les articles du marché attendent. Donc, comme les termes, la longueur du point doit être égale à trois, est égale à trois. Ensuite, ce que nous ferons, nous annulerons l'un des produits qui font partie de leur offre. L'utilisation peut leur vendre une annonce. Et nous vous enverrons simplement l'identifiant du token. Et puis nous allons laisser, laisser un nouvel élément. Nous allons donc faire une attente sur le marché NFT qui va chercher des articles du marché. C'est ce que j'ai inscrit actuellement sur le marché en attente. Attendez-vous à ce que les nouveaux objets invendus soient égaux à deux depuis quand est maintenant annulé. Voyons si ce truc fonctionne ou qu'il nous donne un aérateur. Oui. Tout fonctionne donc. Tous les cas de test ont réussi. pouvons donc maintenant nous détendre car il n'y a aucune erreur dans notre contrat intelligent. Dans la vidéo suivante, nous allons simplement déployer le contrat intelligent pour corréler le réseau de test. Ensuite , nous travaillerons sur le front end. Merci. Rendez-vous dans la prochaine vidéo. 16. Vidéo 15 Rédaction du script de déploiement: Bonjour, bienvenue dans ce nouveau module où nous allons écrire le script de déploiement ou notre contrat intelligent. Fermez simplement ce fichier de test. Nous n'en avons plus besoin. Dans le dossier scripts, créons un nouveau fichier et un nouveau nom. Nous déployons ab.js. Et commençons à écrire le code. Dans un premier temps, nous aurons besoin d'une concisse sur le laboratoire dur. Ensuite, nous allons avoir une fonction principale. Ici. Nous n'avons qu'à déployer notre contrat comme nous l'avons fait dans le fichier de test. Tout comme l"usine à contrat équivaut à attendre que les mangeurs obtiennent une usine contractuelle. Ça le sera, voyons voir. Encore une fois, je ne veux pas me tromper. Copiez-le, collez-le dans const contract est un déploiement radar de faits contractuels. Et chaque contrat a déployé un journal point de console sur la bonne voie. Ils aiment être sur la bonne voie et insister simplement pour le journaliser sur la console. Parce que assurez-vous de sauvegarder l'adresse pour l'utiliser plus tard. En front-end. Ensuite, nous allons simplement créer une autre fonction. Comme il s'agit d'une fonction asynchrone, nous allons simplement dire que run main est égal à un récepteur. Ensuite, nous aurons un bloc try catch. Peut attendre la sortie principale de Ross si tout va bien, puis sortir. Si ce n'est pas le cas, console.log l'éditeur et traitez cette sortie. Poids un. Et enfin, cette piste en fonction. Mais c'est ainsi que nous écrivons le script de déploiement. Il sera visible pour la plupart des projets. Il suffit de remplacer ce nom par le nom de votre contrat , et c'est tout. Vous pouvez simplement copier et coller ce code dans vos autres fichiers également. Maintenant, pour déployer notre contrat intelligent, nous devons utiliser une commande qui est et px. J'avais fui. Ensuite, dans les scripts pour les femmes, déployez ce js. Mais après cela, nous devons également mentionner le réseau avec ce tableau de bord, réseau de tableau de bord et puis le nom de l'heure est corrélé. Celles-ci seront mises en ligne. Nous l' avons mentionné dans le fichier de configuration du point iodé, puis appuyez sur Entrée. Cela peut prendre un certain temps. Notre contrat est donc déployé à cette adresse. Assurez-vous de le copier. Parce que dans la prochaine vidéo, lorsque nous créerons un projet de produit Next JS, nous utiliserons cette adresse. De plus, si vous le souhaitez, vous pouvez simplement vous assurer de vérifier les dates. Ils vont faire un scan ITO, puis coller simplement votre adresse ici. Vous pouvez maintenant voir que cette adresse est en cours de blocage, blockchain il y a 39 secondes. Nous avons donc créé ce contrat qui dit, c'est ainsi que vous déployez votre contrat. Merci. 17. Configuration de la vidéo 16 et commencez à travailler sur les js suivants: Bonjour, bienvenue dans le nouveau module, où nous travaillerons sur l'interface utilisateur. La partie du contrat intelligent est maintenant terminée. Nous pouvons commencer à développer l'interface utilisateur. Nous utiliserons next JS, qui est un framework React. Mais pour créer la prochaine application js, il suffit d'utiliser cette commande, c'est-à-dire Bx. Créez. Application suivante et nommez-la client. Également. Maintenant, afin d'interagir avec notre taux de contrat diploïde x. Et nous n'avons qu'à dire, d' accord, maintenant il est en cours d'installation. Maintenant, pour interagir avec ce contrat intelligent déployé, nous avons besoin de deux choses. C'est d'abord l'adresse du contrat, que nous avons ici, et qu'Amy, maintenant pour obtenir l'EPA, nous devons simplement copier ce fichier qui se trouve dans les artefacts. Nous avons les contrats. Et dans leurs contrats, nous avons ce fichier point json du marché NFT. Il suffit de le copier. Ensuite, voyons où ils en sont. Connais ce dossier Glenn. Ok. Maintenant c'est fait. Voyons leur revendication car nous avons des pages obliques, des styles, nos listes. Il suffit donc créer un nouveau dossier et de le nommer ABI. Et collez ce fichier JSON ici comme ceci. Ok ? Et aussi pour cette adresse de contrat dans ce dossier client, je vais créer un nouveau fichier et le nommer. Point de configuration J S. Ici. Oui, j'aurai deux variables. abord, nous exportons const, adresse du contrat. Et la deuxième chose dont nous aurons besoin est l'URL qui est constante en moins. L'URL est égale à ceci. Pour l'adresse du contrat, il suffit d'imprimer celle-ci et de la coller ici. L'infusion. Tu n'as qu'à y aller. Même chose, clé gérée et copiez cette URL et collez-la ici. C'est le filet principal. Non, je n'en ai pas besoin dans le filet. Voyons voir. J'ai besoin du dernier réseau. Ok. L'URL inférieure également. Maintenant, dans les années à venir, nous utiliserons un framework CSS connu sous tailwind est un utilitaire pour framework CSS qui facilite l'ajout de style et la création de bons sites Web attrayants sans beaucoup de travailler pour installer ces dépendances de vent arrière. abord, nous devons aller dans le répertoire client, cd to client et taper cette commande, npm. Installez l'offre lorsque CSS à Delhi dernière CSS, corrigez et dirigez la dernière. Ça. Et appuyez simplement sur Entrée. En savoir plus sur Tailwind et tout. Vous pouvez simplement écrire. Prochain jeu d'échecs. Une vie. Ici. Vous pouvez simplement lire la documentation qui dit, eh bien, nous allons faire ces modifications. Maintenant, comme vous pouvez le voir, ce que la commande et tous les via ont installé, installé. Les colis sont juste, je vais vérifier une fois, accord. Ok. Maintenant, nous allons créer les fichiers de configuration nécessaires pour que Tailwind puisse travailler avec moi l'année prochaine c' est le fichier Tailwind dot config dot js et le fichier post sss dot config dot js. Et nous pouvons le faire en exécutant cette commande et bx. Quand CSS est là-dedans, c'est tout. Nous avons ces fichiers maintenant. Ensuite, configurez notre partie de contenu de modèle dans Tailwind point config dot js ici. Comme vous pouvez le voir, cette ligne, il suffit de la copier. Nous avons des chaises, dx et nous avons cette ligne. Il vous suffit de copier cette ligne à partir de ce site Web qui adapte CSS et comment l' installer les années à venir. Et collez-le ici comme ça. Ensuite, supprimez cette barre oblique de style de codage, CSS global qui se trouve ici. Supprimez-le et remplacez-le par cette ligne de code. Cette semaine, cette ligne de code, c'est tout. C'est ainsi que se fait la configuration. Ensuite, nous allons dans le style, peu de dépendances requises, qui seront requises plus tard. Dans ce Glenn pour moins, écrivez simplement npm install tree model space XES. Le modèle d'arborescence Web vous permet de connecter votre application à un trop grand nombre de fournisseurs de portefeuille tels que Coinbase, MetaMask, wallet connect, et XES facilite l'exécution en tant que requête HTTP synchrone au repos, point final et effectuez l'opération. Nous utiliserons XES pour récupérer les données dans l'API DOM ultérieurement. Maintenant, lançons simplement notre prochaine application JS en utilisant npm run dev. Ok, allons-y. Et simplement l'URL localhost 3 mille. Et vous pouvez voir que notre prochaine application js est en cours d'exécution. Cette partie de configuration est donc terminée. Passons à la prochaine partie frontale de la GS. Supprimez tout dans le fichier index.js, qui se trouve dans les pages ici. Nous avons le fichier index.js. Nous supprimons tout et commençons par importer des dépendances. C'est important. Éthers. Éthers. Ensuite, importez, utilisez et affectez l'état d'utilisation du gamma depuis React. Ensuite, nous avons deux entrées x, z OS de notre part. Ensuite, nous devons importer un modèle d' arbre, trois modèles. Ensuite, nous importerons le contrat et la robe. Et c'est à partir de là. Je parle de ces études, adresse du contrat et d'une URL dans l'URL du fichier de configuration comme ceci. Enfin, je vais importer cette place de marché NFT à partir de cette instance de contrat de l'ABA à l'aide de cet ensemble de données. Nous avons l'ABA, puis nous avons le fichier JSON point de marché NFT. Ce fichier que nous exportons par défaut est NFPA. L'orthographe n'est pas correcte. Et si le marché est distinct. Maintenant, nous allons définir une valeur d' exportation par défaut. J'espère que vous savez qu'il est un peu difficile de réagir et que l'année prochaine, c'est parce que cela ne vous apprendra pas, faire est vraiment tout au sujet retour sur le marché NFT. Nous avons cette division. Simplement. Nous l'avons fait, nous y reviendrons Voyons si je le sauve. Que se passe-t-il ? Tu vois, nous avons ce bon accueil chez nous. Je sais que ça ne va pas bien en ce moment. Mais c'est la première chose à faire. Travaillons sur la partie de navigation descendante, qui sera persistante sur toutes les pages. Pour configurer cela, nous devons aller dans ce fichier ab.js, qui se trouve dans les pages. Et ici, nous devons simplement renvoyer plusieurs choses. Donc tout d'abord, vous ne le supprimez pas, vous le coupez simplement. Ensuite, à l'intérieur, nous aurons un div et nous le collerons juste en dessous. Et au-dessus de ce composant, nous aurons notre navigation dans cette navigation. Maintenant, je vais commencer à utiliser le CSS Tailwind qui est bordé par l'ajout de six. Ensuite, j'aurai un tag p Meta pire. Et si le magasin, je vais également donner un peu de remplissage à ce texte ClassName. Pour Excel. Tout en haut. Je vais importer le lien depuis le lien suivant. Ensuite, je vais simplement avoir une div vide, qui sera le top quatre de la marge flexible. Ensuite, je vais commencer à avoir mon lien. Ce lien devrait F. Et à l'intérieur de ce lien, j'aurai une balise d'ancrage. Donnez-lui un nom. Disons que certains noms de classe sont droite de marge ou que le texte vaut 500. Comme ça. Et maintenant, il suffit de le copier et de le coller trois fois. Le prochain HF sera créé NFT. Il s'agira de marges six. Et je vais limiter la vente, la vente, le NFT. Ensuite, le prochain SELF sera mon. Si ceux-ci et je vais simplement les nommer, c'est mon NFT. La dernière navigation sera le tableau de bord Creator. Tableau de bord. Dites simplement, eh bien, allons maintenant consulter notre site Web. Tu vois, nous avons cette maison. Il a l'air décent. Je ne dirai pas que c'est le meilleur design, mais nous nous concentrerons davantage sur la mise en œuvre complète de ce marché NFT. Vous pouvez modifier le design ultérieurement en utilisant les extraits ou le code que vous obtenez sur Internet, c'est à vous de décider. C'est donc ça. Pour cette vidéo. Dans la vidéo suivante, nous allons travailler sur la fonctionnalité pour montrer NFP est ici depuis la blockchain. Merci. 18. Fonction vidéo 17 pour charger NFT: Salut. Dans cette vidéo, nous allons travailler sur le technicien médical pour charger NFT. Commençons donc par quelques variables. Et si D est défini, et s'il est local pour utiliser state, nous utiliserons le hook React et le donnerons vide au tout début. Et ça fait quelques secondes. L'état sera l'état de chargement. Set. L'état de chargement est égal à l'état u. Et au tout début, nous allons simplement écrire non chargé. Parce que cela va, nous allons afficher un indicateur de chargement ou un texte pendant que nous récupérons dans la blockchain. Commençons maintenant par notre fonction. Nous allons le nommer, Seigneur. Et si c'est le cas, la première chose que nous ferons est d'avoir un fournisseur, nouveaux mangeurs, le fournisseur RPC JSON point haute dose. Ensuite, nous aurons une instance de notre contrat de marché. Contrat. Ensuite, le premier paramètre prend l'adresse du contrat. Deuxièmement, il faut l'ABA. Et fatigué il faut le pro caché c' est ici que nous utilisons le JSON RPC. Vous pouvez rechercher sur Google ce que c'est, qu'est-ce que le RPC JSON et tout cela fait. Mais en termes simples, il n' authentifiera pas l'utilisateur à l' aide du masque Meta. Puisque v vient de récupérer toutes les données, pas certaines données particulières liées à l'utilisateur. Alors, nous allons avoir ces données. Nous appellerons cette fonction dans notre contrat, qui s'intitule Miss Pet Market Items. Voici Alda, c'est tout. Nft l'est. C'est ce qu'il fait. De plus, cette charge NFT devrait se déclencher chaque fois que quelqu'un vient sur notre site Web, c'est la première chose à faire. Nous utiliserons le hook d'effet américain et appellerons cette fonction comme ceci. Et il ne devrait être appelé qu'une seule fois. Donc, ici, ce ne sont que des concepts de réaction. La prochaine chose que nous allons faire est d'obtenir ici un tableau d'éléments que nous allons d'abord convertir, les convertir en objet. Ou vous pouvez dire qu'il s'agit d'un objet JavaScript, uniquement. Les éléments const ainsi que pour attendre le début du rami. Ici. Nous avons cette carte de points de données. À l'intérieur. Nous avons un lavabo. J'aime bien ça. Maintenant. Tout d'abord, récupérons ce jeton, l'URI. Contrat de marché. URI du jeton. Nous allons simplement envoyer cet identifiant de token et avec cela, nous obtiendrons l'URI du jeton. Ou vous pouvez dire cette URL HTTP. Alors. Nous allons maintenant utiliser la bibliothèque du système d'exploitation x z. C'est XES get token URI. Alors nous avons ce prix. Convertissons-le en chaîne de caractères. C'est-à-dire des mangeurs. Faites des offres de ce format. Unités. Je point le prix point deux cordes. Bon, maintenant créons un objet, un objet JavaScript. Le premier que nous louons, peut être Token ID. Ce sera moi, le numéro d'identification, puis le vendeur, un vendeur. Ensuite, nous avons le propriétaire, le propriétaire. Ensuite, nous avons l'image. Image que nous allons écrire comme des méta-points, un nom de point. Et la description sera satisfaite à la description des données. Ensuite, nous allons simplement retourner l'article. Donc, il crée simplement un tableau d' objets, d'objets. Donc, ce mappage a simplement besoin d'une variable, vous pouvez définir ces éléments et stocker tout ce qui se trouve dans cette zone. Et enfin, ce que nous allons faire est de dire que l'état NFT avec cette variable items et définir l'état de chargement sur simplement chargé. Comme ça. Cette fonction permet de s'assurer que nous chargeons les LFT à partir de la blockchain. La prochaine chose que nous ferons est de faire quelques changements de retour. C'est ici. Si, si l'état de chargement est égal à non chargé, alors il retournera simplement un nom de famille, bx deux en d. Cela demande à l'axe des x, pourquoi alors l'axe des ordonnées ? X est trois x. Ce sont tous des CSS arrière. Et nous allons simplement écrire le chargement du poids. Et si l'état de chargement est égal à chargé, mais aussi et si D est cette longueur n'est pas là, est-à-dire qu'il indique 0. Ensuite, nous reviendrons encore un autre H1. Mais ici, nous n'écrirons simplement aucun article sur le marché. Ok ? Et si les deux sont faux, alors nous retournerons simplement chez eux. Mais nous allons le configurer plus tard dans les vidéos. Maintenant, économisons. Voyons si j est dans l'éditeur. Quand tout fonctionne. Voyons voir, nous avons quelques modifications ici. Faisons la différence. Voyons voir. Je pense que nous avons peut-être fait une erreur, pas pu détecter le réseau. Essayons-le encore une fois. Je pense que nous ne l' avons pas installé. Je pense que c'est peut-être le cas. Voyons voir ça peut être un problème ici parce que je ne vois pas de mangeurs. Installez-le d'abord. VM dans l"intérêt des stars. Ok, voyons voir. Maintenant, nous avons deux jouets avec style. Faisons npm run dev. Voyons le gain. Donne-moi juste un peu de temps. Je vais voir quel est le montage. Ok, j'ai repéré l'erreur. Ici. Dans cette URL JSON RPC, vous devez entrer votre URL inférieure, que vous obtenez dans le fichier de configuration. Nous allons simplement le copier et le coller ici. C'est ça. C'était ça le problème. Et maintenant, vous pouvez voir si je me rafraîchis également. Aucun article n'est affiché sur le Marketplace. Mais c'est tout pour cette vidéo. Merci. 19. Fonction vidéo 18 pour acheter NFT: Salut. Dans cette vidéo, nous allons écrire la fonction d'achat d'un NFT. Donc en dessous, écrivons sinc function par NFT. Nous allons envoyer ici les données NFT en tant que paramètre. Alors. Nous allons maintenant utiliser le modèle Web trois connecter à MetaMask. Auparavant, nous ne nous connecterons pas à mon Damasio simplement en utilisant statiquement JSON RPC et en appelant cette fonction. Mais ici, nous aurons besoin volley d"adresse utilisateur qu"ils habillent, c"est pourquoi la connexion const est égale à wait tree model dot connect. Alors const Hadar est égal à mu. Il devient triploïde web point fournisseur de démarrage à ce moment. Et nous devons envoyer cette connexion. Ensuite, nous allons nous assurer que l'utilisateur est connecté à ce réseau. Ils obtiendront que le réseau est égal à attendre le point du fournisseur obtenir le réseau. Ensuite, nous savons que l'ID de la chaîne de réseau, c'est-à-dire son identifiant, est cinq. Nous allons donc simplement avoir un chèque. Si get network point j n'est pas égal à l'ID de la chaîne d'ail, alors vous aurez une boîte de dialogue d'alerte, qui indiquera que vous n'êtes pas connecté à un réseau. Ensuite, nous reviendrons d'ici. Nous n'exécuterons pas cette fonction. Et si c'est le cas, d'accord, alors nous signerons la transaction. Est-ce que signataire. Pour fournir une connexion get sign on. Ensuite, nous aurons l'instance de contrat, nouveau contrat point ethers. Ensuite, nous aurons cela. Nous devrions envoyer l' adresse du contrat, puis cette ABI. Et puis le signataire. Ensuite, nous analyserons ce prix en utilisant les mangeurs point util, barres de points, unités, NFT, pas accolade, point, deux chaînes. Comme ça. Ensuite, nous aurons cette transaction égale à attendre. Un point de piste le nom de ce contrat intelligent d'index décoché est créer une vente au marché. Et maintenant, nous devons envoyer ce jeton. Et si l'identifiant du jeton, ainsi que cette valeur, c'est le prix de ce jeton. Ensuite, nous évaluerons pour que cette transition soit terminée. Et après cela, nous chargerons à nouveau NFT pour qu'il actualise la page. C'est donc la fonctionnalité pour acheter un nouveau NFT. Ensuite, nous devons renvoyer le code HTML ou l'interface utilisateur. Si la charge de l'utilisateur et la FDA, il devrait y avoir une interface utilisateur à faible dose et les ETP sont affichés sur ceux-ci. Et si D est un simple, commençons. Commençons par là. Avec ça. Dave. Je vais donner un peu de style. Flexible. Centre Justifier. Ensuite, le nom de la classe ici, encore à l'intérieur, il n'y aura pas de remplissage sur l'axe des x, y. Et j'utiliserai ce style personnalisé, c'est-à-dire, max, sera de 1600 dollars. Vous pouvez modifier le style selon vos envies. Allons avoir une grille. Créez. Un. Dans le sourire dit, ça devrait être génial. Pour agrandir les appareils. Il devrait payer la quatrième année. Ensuite, nous avons un rembourrage. Top est égal à quatre. Ok ? Maintenant, nous allons faire une boucle à travers cela et Nephthys, l'État, le désert. C'est pourquoi j'ai utilisé ces accolades parce que nous ne faisons pas de travail logique. J'aimerais que NFT soit cette carte. Ensuite, dans ce cas, nous allons donner, obtenir un NFT unique ainsi que l'indice. Vous pouvez le survoler. Vous voyez, nous obtenons également l'indice. Maintenant, commençons par une div. Nous devons faire en sorte que g soit égal à l'indice. Alors le nom de famille est égal à border, ombre autour de ça. Et puis débordement caché comme ça. Maintenant, nous allons apporter l'image, nous devons donc importer l'image de l' image suivante ici, tout en haut. Nous utiliserons cette image. Vous pouvez simplement le fermer ici. La source de l'image sera NFT, cette image, c'est-à-dire image point, parce que nous avons ici cet objet image. Nous allons donner le nom, c'est-à-dire le nom du point NFT. Ensuite, le poids est égal à 300, la hauteur est égale à 200. Ensuite, nous aurons également un espace réservé. C'est un espace réservé et nous allons écrire blur. C'est toujours le rivage principal, brouillez-le. Et puis URL de données floues. Ouais. Nous avons placé une image. C'est-à-dire que vous pouvez voir que j'ai placé une image dans ce client. Ensuite, le public voit, j'ai collé cette image depuis Internet. C'est un simple espace réservé. Et c'est l'extension point PNG. Et puis la mise en page sera réactive comme ça. Ok ? Ensuite, j'aurai une autre div en dessous, en dessous de cette image. Nom de classe, donnez-lui juste un peu de rembourrage. Ensuite, lorsque votre style de graphique sera 64, Excel, nom de classe. Ensuite, Excel n'est pas semi-gras. Et ici, il affiche vraiment le NFT, ce nom. Ensuite, nous aurons une autre div, aura Stine, I, 70 pixels. Ensuite, le dépassement de virgule sera masqué. À l'intérieur. Nous aurons une balise p et une classe de texte 2.5 , un 400. Et il affichera la description NFT. Ok ? Après cela, nous allons juste un bouton pour le déclencher par la fonction NFT. Maintenant en dessous, ces deux div qui se trouvent à l'intérieur de la div principale auront une autre div. Il aura className, lecture pour l'arrière-plan, noir que le nom du verre, texte, Excel , marge inférieure ou non, bol. Ensuite, le blanc. Ici, nous allons montrer que si d, ce taux de prix mange dans leur courant. Et en dessous de cela, que ces côte à côte ou non, je dirai ci-dessous cela affichera un bouton qui va écrire maintenant. Et donnons un peu de style à cela également. Je sais qu'il y a beaucoup de codes, mais tu dois le faire. Attends. Sac, c'est-à-dire que la couleur de fond est de 500. Texte, blanc, bol, litière de l'axe Y à la lecture de l'axe X jusqu'à la fin. Arrondi. Mais c'est tout ce nom de classe de conception et tout. Maintenant, nous allons simplement écrire le onclick. Onclick déclenchera la fonction par n f d, t. Il se déclenchera par un F D et il accepte un compteur. Nous devons envoyer les données NFT. C'est ça. C'est ça. Il s'agit du code ou de la partie externe de l'affichage de la NFT sur l'écran d'accueil. Si vous le souhaitez, vous pouvez simplement mettre la vidéo en pause et la revérifier avec leur code. Et s'ils se présentent à l'avenir, il y a une erreur. Nous allons évidemment le résoudre. Merci, c'est tout pour cette vidéo. 20. Vidéo 19 Setup Pinata clés IPFS: Salut. Dans cette vidéo, nous allons travailler la création d'une nouvelle offre pour le Marketplace. Donc, avant cela, nous devons configurer ces clés dans les données de notre application. Cela nous aidera à télécharger notre image NFT et d'autres données sur IPFS. Pour cela, passons au nuage de points pinup plutôt que simplement si vous n'avez pas de compte, cliquez sur s'inscrire, je vais simplement me connecter. Après ça. Comme j'ai déjà un compte, je suis directement redirigé vers mon tableau de bord. Si vous le souhaitez, vous pouvez simplement suspendre la vidéo et créer un nouveau compte. Maintenant, nous devons obtenir les clés API pour le téléchargement. Pour cela, il suffit de cliquer sur le coin supérieur droit. Ensuite, les clés API, puis la nouvelle clé. Maintenant, il suffit de l'autoriser. Ensuite, définissez le maximum de clé animale pouvant être utilisée. Laisse-le. Je vais juste le nommer. Et si le marché est comme ça, je vais cliquer sur Créer une clé. Maintenant, assurez-vous de ne pas fermer cette fenêtre modale car cette clé secrète ne sera affichée qu'une seule fois. La clé API que vous pourrez voir plus tard également, mais ce secret ne sera visible qu'une seule. Il suffit donc de copier cette clé API secrète. Allez dans le fichier config dot js, où nous avons déjà moins d'adresse de contrat. Ici, il suffit d'écrire export const. Je vais d'abord écrire key, puis j'écrirai export const, data, secret. Le secret, il suffit de le coller. Et copiez également cette clé. C'est ça. Nous pouvons maintenant fermer cela et également cliquer sur Terminé ici. Maintenant, tout est prêt. Passons à l'éditeur de code. Et dans les pages, il suffit de créer un nouvel écran et de le nommer. Créer. Si d est un point js, n'oubliez pas de donner le même nom. Tu le donnes ici, c'est là. Il s'agit de créer NFP, puis de le créer. Supposons que le NFT l'est, c'est bon. Il suffit de le renommer. Et si D, parce que nous sommes évidemment en train de créer une fois et thêta. Et c'est ainsi que fonctionne la navigation l'année prochaine. Ils vont finalement au nom de fichier correspondant à celui-ci. Maintenant, sur cette page, les utilisateurs sont autorisés à créer des LFT d'enrôlement. Ils pourront télécharger et enregistrer les images sur IPFS ainsi que définir les métadonnées et le prix de l'article. Commençons par quelques importations. Date d'utilisation. Je réagis. Et importez. Ça fait mal à cause de la tête dure de l' éther. Cette contribution. Utilisez également le routeur plus tard, laissez-le voir, nous l'utiliserons ou non. Suivant. Et en extérieur que d'importer le modèle d'arbre trois modèles. Nous allons maintenant importer les constantes depuis le fichier de configuration. La première est que j'irais simplement copier et coller. Ici, nous aurons besoin de l'adresse du contrat, puis des clés de pinata virgule. Alors pinata secret, trouve un autre secret. Configuration. Ensuite, je vais importer NFT, commercialiser, les placer ici et m'assurer que tout est correct. Ensuite, je vais importer x z plus x z OS. Enfin, je vais importer l'image de l'image suivante. Étape suivante, exportons notre AP, CS, par défaut, nommons le, créons un F D. Ensuite, commençons une déclaration variable que ce fichier URL. Ensuite, définissez l'URL du fichier pour utiliser la date. Et puis en lisant les fichiers, il contiendra une valeur nulle. Alors. Nous allons maintenant utiliser quelque chose comme input. Mettre à jour. L'entrée est que nous allons utiliser la date. Mais ici, nous allons avoir une structure comme celle-ci est un objet et nous allons la structurer en D plus tard. Cette élection. Nous les écrirons dans le champ de texte et les enregistrerons ici. Ensuite, nous aurons ce routeur, qui réutilisera le routeur. Ensuite, nous aurons leur état de chargement. Set. État de chargement. Ils utilisent la date. La première chose est que le premier état ne sera pas chargé, pas de chargement. K. Je dois également en savoir plus sur les API de pinata. Vous pouvez simplement vous rendre sur. C'est la peinture de Pinata Darks. Ici. Tu peux voir. Ici, nous pouvons voir comment nous allons faire les choses qui, c'est-à-dire quels sont les points de terminaison, comment épingler le fichier utilisera ? Nous utiliserons désorienté comme je suppose. Cela dépend comme nous allons également épingler Jason et nous allons épingler le fichier image est écrit. Vous comprendrez plus tard, mais assurez-vous de lire ces deux sections. Merci. C'est tout pour cette vidéo. Rendez-vous à la prochaine session. 21. Fonction vidéo 20 pour télécharger des fichiers sur Pinata: Bonjour, bon retour. Dans cette vidéo, nous allons travailler sur la fonction de téléchargement de fichiers données stupides. Commençons. Mais je pense qu'un téléchargement d'image de fonction sinc. Nous l'enverrons ici en tant que paramètre à partir du fichier d'entrée. Ici. Nous allons juste obtenir phi est égal à E point cible fichiers point 0. C'est ainsi que nous obtenons le fichier à partir du champ de saisie. Alors essayons. Bloc de capture. La console enregistrera l'éditeur. Maintenant, dans cet essai, nous allons avoir const. Les données sont bonnes pour les nouveaux objets de données. Ensuite, nous formerons simplement un ajout de point thêta. Ajouter un fichier. C'est par là que se trouve le fichier sélectionné. Maintenant, nous allons envoyer le système d'exploitation z, c' est-à-dire XES HttpRequest. Résultat. Y est égal à wait z OS. Ensuite, à l'intérieur, nous avons compté comme forcé que l'URL sera http slash api dot pinata, dotCloud slash slash. Quand F majuscule phi à IPFS. C'est ce que je reçois de la documentation. Les données seront alors des données de formulaire. Ici, nous ne faisons que télécharger le fichier. Pas des têtes de dynode Italie débiles. Dans les en-têtes, nous allons nous authentifier avec une clé pinata. Nous pinata clé. Alors. Le secret de la pinata. Apa, E sera maintenant fait secret. Et enfin, le type de contenu. Et ici, le C sera majuscule. Le type de contenu est constitué de données de formulaire multi-parties. Il s'agit du type de contenu. Lorsque nous chargeons un fichier. C'est ça. Ensuite, nous allons créer l'URL de l'image, c'est-à-dire pour la pinata. Il suffit de taper Shift plus de ne pas déplacer directement le point qui se trouve sous le mot-clé escape, nous avons ceci. Il suffit d'écrire passerelle HTTP S, pinata, barre oblique cloud, barre oblique IPFS. Maintenant, collez ça. Nous allons récupérer le CAD. C'est-à-dire, je pense que c'est du contenu. J'ai juste oublié quelque chose. C'était de la CAO. Identifiant de contenu In Pinata. Tu vas avoir ça. Esthétiquement geht es phi point de données point B. Ipfs. Enfin, définissez l'URL du fichier sur cette URL d'image. En termes simples, il s'agit de l'URL que nous obtenons lorsque nous téléchargeons le fichier en Pinyin. Ainsi, l'utilisateur peut pointer vers cet emplacement et afficher l'image. Donc, cette fonction télécharge simplement l'image deux, IPFS. Cela ne fonctionne que sur cette fonction ? Maintenant ? Ensuite, la fonction suivante que nous devons créer est de télécharger les métadonnées ainsi que les métadonnées incluant le titre, la description et le prix. Faisons ça. Fonction Sinc. Collusion avec IPFS. Maintenant laisse le nom de la structure, la description et le prix à partir de l'entrée, qui est un objet. Maintenant, nous allons simplement vérifier si le nom est vide, notre description est vide. Étrange. Le riz ainsi que l'URL du fichier sont vides. Ensuite, il reviendra d'ici. Si ce n'est pas le cas, nous changerons l'état de dilution pour charger comme ceci. Et maintenant, nous allons avoir un bloc try catch. Et le téléchargement. Pourquoi ? Je ne sais pas. Ok. Dans ce bloc try catch, faisons des données JSON. Est-ce que ça va faire Jason points, stringifier, ne l'ont pas été. Mes données. Ce sont également des domaines de la documentation. Vous pouvez lire la documentation et comprendre comment nous chargeons ce fichier JSON. Nom. Name sera le nom de variable point json. Il s'agit du nom du fichier. Et puis nous non. Le contenu sera comme un nom de type jet json. Descriptif. Et l'image sera l'URL du fichier. Comme ça. Après ces données JSON. Maintenant, chargeons également ce fichier JSON dans IPFS. Const. Phi est égal à attendre des zéros. Encore une fois, copions-le et nous ferons les modifications. Sera posté ici, l'URL sera épinglée, pas très bien. Lorsque Jason J majuscule tout ce qui est Capital Jason à IPFS, alors les données seront des données JSON, celle-ci. Copiez et mettez-la également dans les en-têtes. La clé secrète APN sera la même. seul changement sera l'application de type de contenu, json. Nous sommes donc télécharger le fichier de métadonnées , puis d'obtenir l'URI de ce jeton. Comment nous allons structurer cette URL de jeton comme ceci. Encore une fois, passerelle HTTP S, pinata, barre oblique cloud, barre oblique IPFS. Même chose ici aussi. Moins de hachage point de données point a, B, F, S. Ensuite, nous retournerons l'URI du jeton. C'est ça. Il s'agissait donc de la fonction de téléchargement de l'adresse IP, c'est-à-dire des métadonnées. Faisons quelques commentaires. Tout d'abord, préchargez les données mesurées dans IPFS, puis revenez. Vous êtes des dames le contenu ou l'URI du jeton à utiliser lors d'une transaction ultérieure. Juste pour référence ou juste pour moi, juste pour que tu comprennes. Plus tard, étape par étape, vous comprendrez où nous utilisons cette fonction, où nous utilisons cette fonction. Et encore et encore, je dis qu'au tout début, j'étais très confus. Mais quand je lis la documentation de la pinata sur la façon d'obtenir ceci ou comment écrire les en-têtes. Et maintenant j'ai tout appris sur cette documentation. C'est tout pour cette vidéo. Merci. 22. Fonction vidéo 21 pour répertorier les NFT sur le marché: Salut. Dans cette vidéo, nous allons écrire la fonction permettant lister le NFT sur le marché. Nous avons déjà écrit cette fonction pour télécharger les images ou les métadonnées, mais maintenant c'est le moment. Nous l'avons également mentionné dans le contrat. C'est dans lequel est déjà déployé. Essayons un évier sur churn, liste NFT. Ou disons, la première chose que je vais faire est d'obtenir l'URI du jeton. C'est const, l'URL est égale à attendre le téléchargement vers IPFS. C'est celui-là. plus que nous allons faire, c'est ça. Alors. Nous allons maintenant procéder à l'authentification. C'est-à-dire que le modèle d'arborescence Web est égal aux nouveaux modèles Web trois. Même chose. Allons voir où nous en sommes arrivés là. Je pense que c'est ce que nous avons fait ici. Ensuite, la connexion, puis nous avons le fournisseur, puis nous vérifions. Ensuite, nous avons signé la transaction. Ensuite, nous avons le contrat qui s'habille. OK. Copiez tout depuis la page d' index qui est par, par nF différent Jen. Colle-le ici. Je vais juste vérifier pour m'assurer qu'il n' y a rien de mal. Ouais. Oui. Donnez-lui du capital. OK. Nous devons être mannequin. Nous avons un lien. Nous avons fourni, nous avons un réseau. Nous vérifions si l' utilisateur est connecté ou non. Ensuite, nous allons chercher le signataire. Ensuite, nous avons le contrat. Ouais. Il transforme les unités d' analyse point utils point. Ici. Ce sera le prix du point d'entrée de forme. Pendant que je saisis le prix du point. C'est ça. Ensuite, nous avons ici l'adresse du contrat, marché NFT point aba et inscrivez-vous. Maintenant. Nous allons également obtenir ce prix. C'est-à-dire que le prix de vente est égal à attendre le point du contrat pour obtenir le riz de liste. Ensuite, il suffit de le changer en chaîne. Ce truc Price Dot Two String. Maintenant, nous allons faire cette transaction va attendre le point du contrat, le nom de la fonction a été créé un jeton dans notre contrat intelligent de solidité, il accepte un URI de jeton pour ice et nous devons envoyer cette valeur de liste, c'est le prix catalogue. Valeur, prix de mise en vente, puis taux de transaction. Enfin, nous allons simplement diriger cet utilisateur vers l'écran d'accueil comme ceci. Ok ? Il est maintenant temps de renvoyer le code HTML tout en bas. Revenir. Asseyons-nous avec le DRF. Donnez-lui un nom de classe. Noirs. Défie juste le centre. Ensuite, ils ont LastName avec une sur huit jambes, marge d'appel, non ? Marge. Les dix premiers. Ouais. Nous allons afficher cette image. C'est-à-dire qu'une fois que l' utilisateur l'aura téléchargé, nous l'afficherons ici avant de s'assurer qu' il peut manger l'URI du fichier de jetons. Si elle n'est pas vide, montrez cette image. Vous utiliserez l' image de la suivante. Lorsque vous lui donnez une marge arrondie, les quatre premiers. La source sera un espace réservé car l'URL du fichier est actuellement vide. Nous allons montrer cet endroit. Laissez donc l'image que nous avons dans notre dossier public. Nous lui donnerons un poids de 300, une taille de 200. Encore une fois. J'écrirai s'il n'est pas vide, est-à-dire qu'il a une certaine valeur. Puis montré cette image. La source sera l'URL du fichier, l'image sera téléchargée avec succès. Alors le taux sera de 300, la hauteur sera de 200. Le détenteur du bail sera floue et floue. L'URL des données sera un espace réservé. Point PNG tilda. L'image est chargée. Il affichera un espace réservé sanglant pour que l'utilisateur sache que quelque chose est sur le point d'apparaître. Ok, nous avons cette division. Maintenant. La prochaine div aura un nom de classe width, un Bye half, c'est-à-dire la moitié droite lex. Lex appelle. Nous allons avoir un champ InputField. Disposons un champ de saisie à fermeture automatique. L'espace réservé sera défini. Nom. Le nom de la classe gérera la bordure supérieure, les coins arrondis en ajoutant quatre. Puis inchangé. Maintenant, le fait est que lorsque certaines données seront modifiées, nous les aurons ici. Et nous les mettrons à jour. Ici. Nous utiliserons le formulaire de mise à jour. Et nous allons mettre à jour la saisie du formulaire. Et à l'intérieur, nous ajouterons simplement l'entrée Rudolf, ce nom. Il s'agit d'une valeur cible de point. Ici, comme ça. Nous l'ajouterons. Et ici, il y aura trois étoiles que ces trois points ressemblent à ceci. Ok ? Deuxièmement, nous aurons une zone de texte. Nous aurons une zone de texte pour la description. Il y aura une description de l'actif. Le nom de famille sera marge, haut à bord, arrondi, arrondi pour la literie, pour n ici aussi. Lors du changement de propriété, nous utiliserons simplement. Champ de formulaire de mise à jour. Ensuite, à l'intérieur, nous ajouterons. Dans le formulaire, la description d'entrée est égale à la valeur cible du point E. Comme ça. Maintenant, copions ce champ de saisie. Collez-le ci-dessous. Ici, le nom de l'actif sera le prix fixé. Et la marge de haut en bas ou le remplissage pour inchangé est égal à. Ici. Nous allons changer cela. Nous ajouterons le prix à la hausse. Ici. Il y aura une autre propriété appelée type et type sera number. Enfin, nous avons le champ de saisie pour télécharger le fichier. C'est-à-dire que le type d'entrée est égal au nom du fichier en tant que nom de classe défini. Disons que cette fermeture automatique est toujours className, sera la marge sur l' axe y pour la fin du changement, nous appellerons la fonction de téléchargement d'image. Enfin, nous utilisons cette fonction, le téléchargement d'images. Il obtiendra automatiquement l'entrée qui est le paramètre e à partir de là. Ensuite, nous aurons un bouton. Si DOF, s'il existe une URL de fichier. Et c'est s' il y a une URL de fichier, alors seulement ce bouton est affiché. Le bouton aura onclick, ce qui déclenchera la liste. Et si une chaîne différente est ici, liste NFT pour la fonction de vente. Nom. Nous serons à la police. Né. Marge, quatre premiers. Dossier vers 506, parure de lit blanche et arrondie pour ombre en général. Maintenant, ici, entre les boutons, nous devons écrire du texte et je vais le modifier en fonction des études. Si l'état de chargement est égal à ne pas charger, alors affichez create, NFT. Les adultes montrent attendre, télécharger. Bon, maintenant c'est fini. Sauvons tout. Accédez à nos sites Web. G chargé. J'espère que le serveur est en cours d'exécution. Voyons voir. Maintenant, si je vais vendre NFT, message d'erreur doit faire deux propriétés ou une propriété de décharge. C'est là, nous avons une erreur. Doit utiliser des propriétés de largeur et de hauteur. Allons vérifier. Ok, j'ai fait cette erreur. J'espère que tu n'as pas fait la même erreur. Je vois. C'est tellement beau. Également. Vous devez apporter quelques modifications dans notre prochain fichier point de configuration point ici. Juste pour être sûr que nous avons, nous pouvons montrer des images qui est le domaine à partir duquel l'image sera affichée sur notre site Web, nous devons mentionner ici que le nom de domaine est passerelle, pinata dotCloud, comme nous le savons. Parce que nous l'avons mentionné ici. Voir passerelle ce nuage sombre de pinata ici. Et si nous l'enregistrons, nous aurons quelques modifications. Nous devons redémarrer le serveur. Ok ? Je vais juste le fermer, tout sauvegarder, aller au NFT, CD blind et au BM, puis il est temps de tester le téléchargement de NFP. OK, chargeons simplement localhost. J'espère que les choses vont fonctionner. Cliquons sur la cellule. Nous allons choisir un fichier. Je vais simplement choisir cette image. Voyons ce qui se passe. Vous voyez, il est en cours de téléchargement. Voyons s'il est affiché ici ou non. Alors seulement nous serons sûrs que oui, cela fonctionne. Maintenant, nous allons également inspecter. Allons dans la console. Allons à la pinata. Voyons si quelque chose est téléchargé ici. Oui. Voir la bannière du marché, elle est maintenant téléchargée ici. Cela prend trop de temps, mais voyons, écrivons. Mon premier avenir NFT, NFT sur Internet. Ce serait donc 0,1. Faisons sorte que nous soyons connectés à l'objectif en réseau. Oui. Cliquons sur Create NFT. Vous voyez, attendez le téléchargement. Nous leur avons demandé de noter la messe à venir. Voyons si cela fonctionne ou non. Et nous cliquons sur Confirmer. Ensuite, une fois la transaction terminée, nous serons redirigés, je suppose. Ouais. Après la transaction, voyons voir. Nous ajoutons redirigé. Et voyons voir maintenant ça va s'afficher ici ou non. Il ne s'affiche pas. Mais voyons voir, nous avons téléchargé les métadonnées parce qu'il y a peut-être une erreur, nous devons les corriger. Les métadonnées sont également gonflées. Allons inspecter. Voyons pourquoi cela ne fonctionne pas. Évidemment, il y a certaines données et ce qui ne s' affiche pas parce que je ne nous amène aucun article sur le marché. Consolons les éléments du journal point. Longueur du point c, un. Nous avons un objet. Ok, j'ai non, non, non, non. Voyons voir. Ce ne sont pas des éléments, nous avons réglé que NFT est le nœud D. J'ai donc attrapé une erreur. La première erreur est ici dans cette ligne qui n' est pas de grosses accolades. Il devrait s'agir de crochets ronds comme celui-ci. Ok ? Et quand nous l'enregistrerons, encore une fois, nous aurons une erreur. Et c'est parce que j'ai fait une erreur ici. Ça devrait être un nom. Et puis il devrait y avoir un autre champ d'image. Ce sera une image Metta Dot Thêta. Voyons si cela fonctionne ou non. Maintenant, sauvegardez tout N. Oui. Encore une fois, j'ai juste ce problème pour savoir pourquoi l' image ne s'affiche pas littérale, donc elle n'a pas été affichée. Voyons voir, avons-nous d'autres erreurs également ? Voyons voir, l'image. L'image D est téléchargée correctement. L'URI de l'image se trouve ici. Tout en haut. Vois celui-ci. Vous avez créé une passerelle. Passerelle. Ce point de passerelle pinata dotCloud, point, barre oblique de nuage de points, IPFS, hachage de cils. Alors pourquoi cela ne fonctionne-t-il pas ? Oh non, non. Tu vois, ça a pris du temps, mais ça a marché. Évidemment, le chargement du bureau d'images prend un certain temps. C'est pourquoi nous montrons cet effet sanguin. Enfin, notre place de marché fonctionne. Nous pouvons vendre. Et si D, ainsi qu'il affichera tous les invendus et ETP dans l'écran d'accueil. C'est tout pour cette vidéo. C'était une très longue vidéo. Je sais, mais nous avons accompli la majeure partie de cette tâche. Merci. 23. Fonction vidéo 22 pour récupérer les NFT détenus ou achetés: Bonjour, bon retour. Dans cette vidéo, nous allons travailler sous mon écran NFT, qui affichera uniquement le NFP acheté par l'utilisateur. Donc aussi avant que j'ai tourné, j'en ai vu quelques uns ajoutés. Supposons dans ce fichier index.js, à cette quatrième ligne, que W soit petit, il doit être majuscule. Et aussi dans ce cas, créez NFT. Cette première ligne posait quelques problèmes. C'est-à-dire qu'il y en avait comme ça. Cela devrait être supprimé. OK. Maintenant, maintenant les pages en profondeur , créons un nouvel écran. Intime mon point gaucher nous. Ici. Encore une fois, nous allons créer une fonction qui ne renverra que le NFT est possédé. Mais avant cela, nous devons importer une partie de la dépendance ou certains paquets. Je vais simplement copier à partir de cette création NFT ici comme ceci. Et faites les changements. Supposons ici que l'état effectif soit nécessaire, qu'il soit nécessaire, que l'utilisation d'un routeur soit nécessaire. modèle d'arborescence Web est nécessaire. Ici, la pinata et la clé secrète ne sont pas nécessaires. Uniquement l'adresse du contrat, puis la place de marché NFT, puis XES et l'image suivante. Maintenant, nous allons exporter la fonction, exporter par défaut, poinçonner mes ETP. Encore une fois ici. Nous aurons besoin de cette chose qui est NFP est et l'état de chargement. Donc, à partir des index, copiez-le et collez-le ici comme ceci. Nous aurons des journées NFP et établirons un test F. Ensuite, nous avons les états de chargement, définissez l'état de chargement, le premier état ne sera pas chargé. Également. Si nous le voulons, nous pouvons également l' avoir sur place. C'est l'usage. Commençons maintenant à écrire la fonction depuis le chargement de la fonction. Et si c'est le cas, maintenant, encore une fois, j'en aurai. C'est-à-dire que nous devons authentifier l'utilisateur la même manière à partir de cette création. Oui, je vais juste copier le modèle de l'arbre Web, la connexion, obtenir le réseau, puis contracter. Comme ça. Je vais simplement le copier et le coller ici. Et vérifiez à nouveau. Nous devons modéliser, nous avons une connexion, nous avons fourni un bon réseau. Nous vérifierons s' il est connecté. On pourrait trouver le signataire. Je vais juste le nommer. sur la place de marché. OK. Nous envoyons une robe sous contrat. Nous avons le marché NFT, EBI, nous avons le signataire. Maintenant, récupérons les données. Éviter la correspondance des points du contrat du marché. Mon NFT est comme ça. Ensuite, examinera les données. Ce sont des objets qui sont égaux à attendre point, point, point, carte, évier. J'ajoute. Ensuite, nous ajoutons le mappage pour chaque donnée. Et nous stockons ces données qui sont des données singulières dans ce nom de variable, le nom est I. Obtenons que l'URI du jeton soit égal à l'URI du jeton de contrat du marché. Et nous allons simplement écrire, je peux m'identifier comme ça. Alors. Const Metta est incroyablement similaire à wait. Commencez à obtenir. Pouvez-vous ajouter un URI de token ? Nous obtiendrons toutes ces données. Ensuite, laissez res égal à mangeurs point, unité de format de point I point riz point point deux chaîne. Créons maintenant les objets objets. Article. Nous indiquons le prix. Nous aurons cet identifiant, numéro d'identification de jeton. Puis Sattler. Sattler. Oh non. Je fais le point 09. Métadonnées d'image, données, nom de l'image, données de points, nom de point. Et enfin l'URI du jeton. Ensuite, nous retournerons simplement l'article afin qu'il devienne un n, un n a d'études d'élément ici. Ensuite, simplement à la fin de ce mappage. Il suffit de définir ces éléments et de définir l'état de chargement sur Chargé, comme ceci. Après cette fonction. Retournons également le code HTML. Nous aurons le même état de chargement et voyons maintenant quelle page contient celui-ci. Comme ça. Oui, la copie et l'état basé, y compris, ne sont pas chargés, il suffit de montrer le chargement du poids. S'il est chargé et que NFT est la longueur du point n'est pas là, il suffit d'écrire, non, non, NFT appartient à u, comme ceci. Et puis revenez. Et ensuite, il suffit de revenir. Et voilà. Nous allons également rendre cette chose. Pareil à index.js. Il suffit donc de copier ceci. Vous pouvez copier tout cela, puis apporter les modifications nécessaires. Voyons voir. Copiez-le. Renvoyez-le ici. Maintenant. Voyons si nous avons besoin de modifications ici. Pixel pour le style largeur maximale 1600 pixels, puis colonne de grille un, colonne deux, super. Ensuite, nous avons un f, d est une carte de points, une clé, une bordure, une ombre, Excel, un débordement masqué, un débordement masqué. Nous allons avoir de la marge. Ceci et la marge de l'axe Y. Laisse-moi prendre ça. Nous avons le nom du point alt NFT de l'image. Attends, quatre cent, trois cents espaces réservés flous. Et il sera en sécurité. OK. Ensuite, nous avons diffusion pour la hauteur des balises de paragraphe 64 nom de classe de pixels. Pour exceller les polices semi-gras. Et si le nom, nous avons le nom NFT. Mais ici, nous n'avons pas besoin de la description NFT dans cet écran car nous en sommes déjà propriétaires. Nous n'avons pas besoin d'autant de données. Supprimez simplement ceci. Ok ? Ensuite, nous avons ClassName this, remplissage pour fond noir, paragraphe, texte, Excel. Et avant un taux d'imposition de sondage et si le prix. Et finalement nous avons un bouton, BG, je vais juste lui donner Lire. Texte blanc, police, gras. En ajoutant y, en ajoutant l'axe X entouré onclick. Bon ? Maintenant, il n'y aura plus rien. Il sera simplement nul. Et nous l'appellerons ricine et FT comme ça. C'est ça. Ce sont là les seuls changements nécessaires. Sauvons-le. Voyons voir. C'est l'écran de démarrage. Et allez sur mon point NFT Fetch. Mon NFP l'est. OK. Voyons ce qui a été ajouté ? Et s'il est possédé, cela montre que ce n'est pas le cas. Allons sur une place de marché. Voir aller chercher, mon NFT c'est qu'on a ça. Pourquoi est-ce qu'elle dit ça maintenant ? Ils disent « contrat de marché ». C. D'accord. Je ne sais pas quel était le rédacteur en chef, mais du sel. Qu'est-ce que le rédacteur en chef ? J'espère que si vous obtenez la même erreur, copiez et collez ou je pense que tout était pareil. Mais il n'avait pas de FT. Et s'ils vous appartiennent parce que nous avons créé le NFT, mais que nous n'en avons pas encore acheté. Plus tard, nous achèterons et testerons tout. Et pour l'instant, je voulais juste vous montrer que cet écran est que si plus tard, s'il n'y a pas de modification, nous allons simplement résoudre ce problème également. Dans la vidéo suivante. Je vais travailler sur ce genre d' écran de tableau de bord. Merci. 24. Fonction vidéo 23 pour récupérer les NFTS répertoriés sur le marché: Salut. La page suivante que nous allons créer est un tableau de bord qui permettra aux utilisateurs de voir tous les articles qu'ils ont mis en vente sur ce marché. Cette page utilisera la fonction de récupération des éléments répertoriés du contrat NFT Marketplace, qui ne renvoie que les éléments qui correspondent à l'adresse de l'utilisateur effectuant l'appel de fonction. Créons un nouveau fichier à l'intérieur de pages et nommons-le. Chaises de tableau de bord. Cet écran sera similaire à l'écran NFT. Copions donc tout l'écran. Et nous procéderons à ces changements en conséquence. Donc, pour le débrider d'abord, nous aurons besoin de ces importations. Vous êtes resté une tortue, utilisez le routeur, Web pour modéliser l'adresse du contrat, marché NFT et tout. Ok, alors nous allons simplement changer le nom de la fonction en tableau de bord créateur. Ok ? Alors nous les avons. Et si D est incertain, si ceux-là, et je pense que nous n'avons pas besoin de cela externe. Voyons un peu plus tôt aussi, nous n'avions pas besoin de cet extérieur. Si nous en avons besoin, il suffit de l'importer à nouveau. Nous avons créé et chargé l'état. Ensuite, utilisez l'effet, puis chargez N de t est correct. Ensuite, dans leur charge et f t, nous avons le modèle d'arbre Web, puis la connexion, puis ce fournisseur. Ensuite, nous vérifierons le réseau Golgi. Ensuite, nous avons le signataire. Ensuite, nous avons créé une instance de contrat Marketplace. Ensuite, nous appellerons cette fonction. C'est à partir du contrat, appellera les articles de coin listés. Et nous l'appellerons ici. Ok ? Ensuite, nous avons les articles qui promettent tout et même chose. Ensuite, l'URI du jeton, puis le METAR est passé au prix. Ensuite, nous fabriquons un objet avec le prix pour le vendeur, le propriétaire, l'image, le nom et l'URI du jeton Kennedy . Ensuite, nous le rendons. Ensuite, nous définissons les termes quotidiens, définissons l'état de chargement. Ensuite, nous renvoyons le code HTML comme ceci. S'il n'est pas chargé, s'il est chargé, il suffit de remplir le chargement de poids. S'il est chargé et qu'il n' y a pas de NFT, alors nous verrons qu'aucun NFT n'est répertorié par vous. Ok, il suffit de changer ce texte. Alors. À la toute fin, nous aurons à nouveau une structure flexible par colonne justifiée alors pour une colonne de grille de 1600 pixels. Puis NFP, cette carte. Maintenant, vérifions-nous ici. Ombre de la bordure, puis source de l'image et image point f d avec mise en page de 400 espaces réservés moins réactive. Ensuite, nous avons le nom NFT. Ensuite, nous avons ce bouton dans la mesure où il indique le prix du NFT. Ensuite, nous avons ce bouton qui écrira, nous montrerons peut vendre l' annonce comme son texte. C'est-à-dire que le bouton aura annulé la mise en vente. Si vous le souhaitez, vous pouvez modifier cette couleur. C'est à toi de décider. Je préfère lire, c'est bon. C'est ça. C'est l' écran dont on a besoin. Maintenant, sauvegardons-le. Et allons-y et voyons ça. Je viens juste de commencer. Je vais cliquer sur le tableau de bord. Maintenant. Vous voyez, nous l'avons répertorié sous Marketplace et c' est ce qui est maintenant affiché. Avec cela, il est rassuré que la fonctionnalité fonctionne. Dans la vidéo suivante, nous allons travailler sur la fonctionnalité permettant d' annuler cette offre du Marketplace. Merci. 25. Fonction vidéo 24 pour annuler et revendre NFT: Bienvenue dans la dernière vidéo de ce module où nous allons travailler sur la fonctionnalité d'annulation et de revente de NFT sur ce marché. Jusqu'à présent, vous pouvez dire liste, allez créer un tableau de bord et dessous de cette fonction Nifti de charge de chargement. Créons, créons une nouvelle fonction et nommons, nommons la. Listing Sill. Ici, nous n'avons qu'à envoyer cet identifiant de token. Ensuite, la première chose que je vais faire est de définir l'état de chargement. Encore une fois, pas chargé. Ensuite, je vais récupérer ces choses à nouveau. C'est le fournisseur de modèles d'arborescence Web, ces trois codes. Et après ça, je vais chercher le signataire. Comme ça. Je sais également que le code est répété. Si vous le souhaitez, vous pouvez simplement en créer une fonction séparée afin qu'il puisse être réutilisable. Mais ici, nous nous concentrons uniquement sur la fonctionnalité. Vous pourrez effacer le code ultérieurement. Maintenant. Après cela, j' aurai une transaction qui est Marquer, contracter, point, annuler. Allons voir le nom. Peut vendre une annonce d'objet. Peut vendre une annonce d'objet. Et nous devons envoyer un identifiant de jeton. Ensuite, nous aurons une transaction de poids. Nous attendrons la fin de la transaction. Celui-là. Enfin, nous appellerons la fonction load et if d ici. C'est donc sur la feuille et genre nécessaires pour annuler NFT. C'est très simple. Maintenant, je vais appeler cette fonction ici OnClick. Envoyez ce jeton avec cet identifiant de jeton NFT, comme ceci. De même fonctionnalité pour revendre notre jeton, nous devons aller à mes gauches ici en dessous de cette charge et f t. Créons la fonction sinc. Fonction. Revendre l'ID du jeton NFT, le prix du jeton. Nous allons définir l' état de chargement sur Non chargé. Ensuite, nous aurons ceci, ce code qui est le modèle Web trois ici. La place de marché. Il suffit de le coller ici. Fournisseur et place de marché Tomato Connection. Ensuite, nous convertirons simplement le prix en unités de virus dot util, dot virus. Le prix peut-il alors mener le prix d'annonce ? Parce que là encore, nous sommes vraiment puants, alors nous devons le payer. Attends. Contrat Marketplace point obtenir la liste, le prix. Le prix de mise en vente est égal au prix de vente point à chaîne. La même chose que nous avons déjà fait auparavant. Maintenant, nous allons faire que la transaction est égale à attendre le nom du point du contrat du marché. Sous contrat, vous pouvez simplement le vérifier, revendre le jeton, il accepte l'ID du jeton et le prix. Peut idée ainsi que l'identifiant et le prix du jeton de louange. Et nous devons envoyer la valeur du prix de vente. Ensuite, nous attendrons le poids du point de section Dan. Et encore une fois, nous allons simplement rafraîchir le fait que NFP utilise cette fonction. Ici. À la fin, il enverra à nouveau cet état de chargement faible pour le charger. C'est pourquoi je ne l'ai pas fait ici. Parce que nous avons changé d'État. Mais dans cette charge et il changera à nouveau l'état pour le charger. Ensuite, il vous suffit de cliquer sur le bouton de la fonctionnalité On-Click. Il suffit de l'assigner. Envoyez l'ID du jeton NFT, NFT, ce prix. C'est ça. C'est tout pour la fonction de jeton de vente. J'espère que vous avez beaucoup appris parce que tâche Alda ou les anciennes fonctionnalités sont terminées. Nous avons terminé notre place de marché NFT. Dans la vidéo suivante, nous allons simplement tester l'ensemble de l'application afin que s'il reste un éditeur, nous le résolvions le plus rapidement possible. 26. Vidéo 25 Testez l'application complète: Bonjour, bon retour. Dans cette vidéo, nous allons simplement tester l'ensemble du fonctionnement de l'application. Nous avons enfin terminé le marché NFT et vous devriez être fier d' avoir suivi le cours jusqu'à la fin. Maintenant, regardons simplement la vente de NFT. Allons télécharger un peu plus de fente NFT qui est un casque dur IF. Et s'ils veulent simplement nommer dans l' enseignement supérieur compiler, tester et déployer. Pareil, je vais le placer 0,001. Voyons voir. Choisissons-le. Voyons voir. C'était une grande image, mais disons qu'elle est en cours de téléchargement. Je suppose. Si vous le souhaitez, je vais juste aller vérifier ici pour m'assurer qu'il est correctement téléchargé. Voyez comment ce point PNG. Cliquez simplement sur Create NFT. Allons, confirmons. Voyons voir. Ok, je suppose que c'est fait. Dites Créer un jeton. C'est fait. Et y a-t-il un problème que je dois comprendre ? Qu'est-ce que c'est ? Je pense que nous devons faire un peu de contrôle d'accès et null, mais si nous l'actualisons simplement, cela montre que l'en-tête d'origine du contrôle d' accès à la norme est présent sous la ressource demandée. Qu'est-ce que si je l'actualise, j'espère que les métadonnées seront également téléchargées. Vous voyez, nous avons ce NFT j sine Phi, mais cela ne fonctionne pas. Si je vais au tableau de bord, il affiche également un additionneur. Si je clique dessus. Ok, laissez-moi trouver, laissez-moi vérifier quel est le problème et proposer cette solution. Je vérifie donc à nouveau, et cela fonctionne correctement. l'heure, cela prenait trop de temps et je pense que cette image était vraiment grande. Donc, si vous chargez une image, assurez-vous de l'optimiser. Parce que tu vois, tu dois juste te montrer la différence. Et j'ai aussi téléchargé une autre image. Ici. Vous pouvez voir qu'il ne fait que 60 Ko, mais celui-ci est un et b. Il y a donc beaucoup de différence dans la taille de l'image. Et aussi, si je dis, si je le rafraîchis, je vais tout enregistrer ici. Parce que vous voyez peut-être ce type de sortie. Pour le résoudre, vous devez simplement utiliser ce paramètre qui est la marge à l'excès de l'axe X et de l'axe Y 5 dans le fichier index.js. Et enregistrez-le ici. Vous pouvez maintenant voir qu'il y a un écart approprié. Comme vous pouvez le voir, la cellule NFT fonctionne. Maintenant, ce que je vais faire c'est si je peux vendre une annonce qui est celle-ci. Supposons que si je veux y réfléchir, je clique simplement sur Annuler la liste. Ce MetaMask s'ouvre. Je vais simplement confirmer cette transaction. Et comme vous le savez, lorsque nous pouvons vendre notre propre annonce, cela nous coûte, c'est-à-dire que cela montrera que nous sommes propriétaires de ce NFT et cela apparaîtra dans mon tableau de bord NFT. Ici, on ne voit pas dans la maison. Allons-y, voyons les trois ou deux autres. Et si ce CDMA deux nf, celui-ci, ce premier a été annulé. Mais si je vais à mon NFT, alors vous pouvez voir que c'est le NFT, nous pouvons le vendre. Il vient d'être possédé, est acheté par moi. Vous pouvez dire que je veux donc ne pas dire acheté parce que je ne l'ai pas payé, mais au moins il est revenu sur mon compte. Ça peut se vendre. Nft fonctionne également. OK. Maintenant, pour vérifier le revendeur et fd, passons à la revente. Cliquez sur Resale NFT. Parfois, vous pouvez rencontrer des problèmes si vous n'avez pas les éthers nécessaires dans votre portefeuille. Dans ce laps de temps, vous devez attendre et obtenir l'approbation. 15 ou 20, huit tiers dans votre icône depuis le robinet. Supposons qu'il soit toujours en cours de chargement. Mais j'espère que cela fonctionne. Disons que c'est un jeton de revente pliant. Parce que nous faisons beaucoup de choses ici parce que nous sommes de nouveau des alliés. Mais tu vois, aucun NFT ne t'appartient. Si je vais à la maison, nous voyons à nouveau que le NFT est apparu ici. Nous avons donc contre le solide. Si vous le souhaitez, vous pouvez modifier la configuration du prix et je ne l'ai pas fait. C'est vraiment facile. Il peut s'agir d'un projet pour vous si vous le souhaitez. Maintenant, la seule fonctionnalité qui reste est de, ce que je vais faire est de changer mon compte de compte en compte un. Mais il contient très peu d'éthers, donc je suis juste confus. Il a 0 ceci. Donc, ce que je peux faire, c'est obtenir, transférer un compte alors que je transfère des éthers ici à un. Et nous transférons simplement est 0 ou c n'est pas que 0,01 est 0,04. Confirmez l'ordre décroissant. Parce que vous devez avoir suffisamment de goût pour acheter. Et parfois, cela se voit à un, c'est pourquoi cet envoi prend également trop de temps. OK. Passons au compte 1. Après avoir changé l' économie, rafraîchissons-la. Maintenant, un nouvel utilisateur ou imprime sur son tableau de bord. Supposons que C, il puisse voir le nf invendu, mais si vous allez au tableau de bord, vous verrez qu'aucun NFT n' est répertorié par u et n est mon ETP parce que cet utilisateur a un nouveau compte. Mais si vous allez les acheter en moins de NFT, disons que cela fonctionne ou non. La dernière fois, j'ai eu le rédacteur en chef de « Insuffisance Voyons ce qui se passe cette fois. Disons que si tu veux, tu peux. Donc un indicateur de chargement ici. Voyons voir. Il dépense ses dépenses. Recevez, voyez, c'est maintenant cela n'est pas listé sur le marché. Si je vais dans mes LFT, alors je vois que j'ai ce NFT possédé. Cela fonctionne également bien mais vous ne pouvez pas vous opposer à la vente. Enfin, notre place de marché est terminée. Toutes les fonctionnalités fonctionnent parfaitement. Si vous le souhaitez, vous pouvez également télécharger ce site Web sur un serveur réel, comme Netlify, que nous vendons. C'est gratuit. Vous pouvez simplement rechercher sur Google comment procéder, puis montrer aux recruteurs qui se trouvent dans votre CV que vous avez créé une application décentralisée complète. Merci de m'avoir regardé. J'espère que vous avez apprécié. Assurez-vous également de regarder mes autres cours . Passe une bonne journée.