DEV Community 👩‍💻👨‍💻

Cover image for Créer un storage factory smart contract en Solidity et interagir avec lui (notes de Freecodecamp)
Murat Can Yüksel
Murat Can Yüksel

Posted on

Créer un storage factory smart contract en Solidity et interagir avec lui (notes de Freecodecamp)

Je suis le merveilleux cours web3 de Freecodecamp sur Youtube (lien ici => https://www.youtube.com/watch?v=gyMwXuJrbJQ&ab_channel=freeCodeCamp.org), et pour m'assurer de me souvenir de ce que j'ai appris, j'aime prendre des notes. Ici, je posterai mes notes de la leçon 3 : Remix Storage Factory. Je vais rendre mes notes désorganisées lisibles par l'homme afin qu'elles ressemblent à un tutoriel.

Veuillez noter que tout le crédit revient à Patrick Collins et à l'incroyable équipe/communauté de Freecodecamp, je ne fais que livrer ce que j'ai vu sous forme écrite afin de ne pas avoir à revoir le video tutoriel à l'avenir. J'espère que vous aussi pourrez en profiter.

Comme il s'agit de la 3ème leçon, il manque quelques fondamentaux ici. Il reprend également le smart contrat SimpleStorage qui nous a été présenté dans la leçon 2 du cours Freecodecamp. Vous voudrez peut-être le vérifier avant de lire cet article, même si j'essaierai d'expliquer ce qui se passe dans le contrat SimpleStorage. Si je me trompe à un moment donné, n'hésitez pas à corriger car cela fait plus q'une semaine depuis je'ai regardé la leçon 2, j'ai donc peut-être oublié certaines des raisons pour lesquelles nous faisons les choses comme nous le faisons : )

Nous utiliserons Remix IDE pour ce post, alors assurez-vous d'aller sur https://remix.ethereum.org/ et soyez prêt pour le hacking !

Remarque : Vous pouvez trouver le code de tous les contrats ici dans le repo GitHub de Patrick, ici => https://github.com/PatrickAlphaC/storage-factory-fcc

Simple storage smart contract

Commençons par examiner le smart contrat SimpleStorage .

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.0;
contract SimpleStorage {

    uint256 favoriteNumber;

    struct People {
        uint256 favoriteNumber;
        string name;
    }
    // uint256[] public anArray;
    //create an array of type People, which is a struct and name it people. It is also public.
    People[] public people;

    mapping(string => uint256) public nameToFavoriteNumber;

    function store(uint256 _favoriteNumber) public {
        favoriteNumber = _favoriteNumber;
    }

    function retrieve() public view returns (uint256){
        return favoriteNumber;
    }

    function addPerson(string memory _name, uint256 _favoriteNumber) public {
        people.push(People(_favoriteNumber, _name));
        nameToFavoriteNumber[_name] = _favoriteNumber;
    }
}
Enter fullscreen mode Exit fullscreen mode

Tous les smart contrats Solidity commencent par un identifiant de licence SPDX. Il s'agit d'une licence sous laquelle se trouve le smart contract. Dans ce cas, c'est le MIT. Si je ne me trompe pas, cela signifie que c'est open source.

Ensuite, nous devons définir la version du compilateur Solidity. ^ 0.8.0signifie "tout ce qui est au-dessus de 0.8.0" passe.

Ensuite, nous utilisons le mot-clé contract pour faire savoir au compilateur que nous créons un smart contract. Notre contrat s'appelle SimpleStorage.

Puisque Solidity est un langage typé, nous devons définir le type de la variable que nous créons. Je suis normalement un développeur Javascript, donc mon esprit fonctionne en termes de JS. Voici comment je le vois : au lieu de dire let favouriteNumber ou const favouriteNumber, nous disons uint256 favouriteNumber. Si nous devions définir un string, nous devrions dire string favoriteNumber.

Maintenant que nous avons notre variable favoriteNumber prête, nous créons un struct de People. Les structs sont comme des objets en Javascript. Ils prennent des paires clé/valeur. Dans ce cas, il s'agit de uint256 favoriteNumber et d'un string name.

Ensuite, nous créons un array dynamique nommé people avec le type People struct. Je ne connais pas encore Typescript ou tout autre langage typé autre que Solidity, donc cette partie était (et est toujours) assez déroutante pour moi. C'est comme si ce array de people ne pouvait prendre que des structs People comme valeurs. Il ne peut pas prendre une seule string ou un array de strings ou d'uints ou quoi que ce soit d'autre que des structs People. Il ne peut pas prendre d'autres types de structs également si je ne me trompe pas; il ne peut prendre que des structs People comme valeurs et c'est tout.

De plus, avec cette syntaxePeople[] public people, nous disons au compilateur qu'il s'agit d'un array dynamique de structs People. C'est-à-dire que la longueur d'array n'est pas défini, car vous pouvez le faire dans Solidity, c'est-à-dire que vous pouvez avoir des arrays avec une longueur prédéfinie.

En plus sur l'array, vous remarquerez le mot-clé public ici. Cela signifie que cette variable est publique, c'est-à-dire qu'elle peut être vue et appelée en dehors du contrat. Si nous disions private au lieu de cela, vous ne pourriez pas y accéder depuis l'extérieur du contrat.

Ensuite, nous avons un mapping de type string à uint256. Les mappings aussi m'ont beaucoup déconcerté dans Solidity. Ils sont comme des objets dans JS, mais au lieu de prendre plusieurs valeurs comme des structs, ils ne prennent qu'une seule paire clé/valeur et ils fonctionnent comme des arrays en Javascript. Ils sont cependant très pratiques, en particulier en travaillant avec les addresses.

Notre première fonction, store est une fonction publique qui prend un seul paramètre _favoriteNumber de type uint256 et change la variable favoriteNumber à la valeur du paramètre _favoriteNumber. Le trait de soulignement (_) n'est qu'une convention dans Solidity, c'est pour les paramètres.

Ensuite, nous avons une fonction retrieve qui est publique et visible. Cela signifie qu'il peut être vu et appelé depuis l'extérieur du contrat. Il renvoie une valeur uint256 et ne coûte PAS d'essence. C'est parce que cela ne change pas l'état de l'EVM (Ethereum Virtual Machine). Puisqu'il n'y a pas de changement, il n'y a pas de frais d'essence.

Ensuite, nous avons une fonction addPerson qui est publique. Il prend deux paramètres _name et _favoriteNumber de type string et uint256. Maintenant, la première ligne à l'intérieur de cette fonction, people.push(People(_favoriteNumber, _name));, fait ce qui suit : elle prend les paramètres et crée une struct People avec eux et pousse cette nouvelle struct People dans l'array people.

La deuxième ligne, nameToFavoriteNumber[_name] = _favoriteNumber;, fait ce qui suit : elle prend les paramètres et crée une paire clé/valeur avec eux et place cette nouvelle paire clé/valeur dans le mapping nameToFavoriteNumber. Vous voyez, dans le mapping mapping(string => uint256) public nameToFavoriteNumber; nous avons une string et uint256, donc le _name va comme string, et _favoriteNumber va comme uint256.

C'est tout pour le contrat SimpleStorage.sol. Vous pouvez coller ce contrat pour le remixer, le déployer et jouer avec. Vous remarquerez que jusqu'à présent, nous ne pouvons récupérer que le favoriteNumber car nous n'avons créé qu'une fonction getter pour cela.

StorageFactory smart contract

Pour cette partie, nous allons créer un nouveau contrat dans Remix IDE, nommé StorageFactory.sol. L'idée dans celui-ci est de créer un nouveau contrat qui peut créer d'autres smart contracts. Oui, les smart contracts peuvent le faire. "La possibilité pour les contrats d'interagir de manière transparente les uns avec les autres est connue sous le nom de" composabilité ". "

Voyons la version finale du smart contract StorageFactory :


// SPDX-License-Identifier: MIT

pragma solidity ^0.8.0;

import "./SimpleStorage.sol";

contract StorageFactory {

    SimpleStorage[] public simpleStorageArray;

    function createSimpleStorageContract() public {
        SimpleStorage simpleStorage = new SimpleStorage();
        simpleStorageArray.push(simpleStorage);
    }

    function sfStore(uint256 _simpleStorageIndex, uint256 _simpleStorageNumber) public {

        simpleStorageArray[_simpleStorageIndex].store(_simpleStorageNumber);
    }

    function sfGet(uint256 _simpleStorageIndex) public view returns (uint256) {

        return simpleStorageArray[_simpleStorageIndex].retrieve();
    }
}
Enter fullscreen mode Exit fullscreen mode

Comme vous pouvez le voir, après notre ligne pragma solidity, nous avons cette déclaration d'importation => import "./SimpleStorage.sol";. L'importation fonctionne comme Javascript. Nous pouvons soit copier-coller le code, soit l'importer comme ceci pour le rendre beaucoup plus gérable.

Maintenant, avec SimpleStorage[] public simpleStorageArray; nous créons un array public nommé simpleStorage (minuscule) avec le type de contrat SimpleStorage (majuscule) que nous venons d'importer. Ainsi, cet array contiendra uniquement et uniquement des contrats SimpleStorage. Cool, non ?

La fonction publique createSimpleStorageContract fait deux choses : dans la première ligne, elle crée une variable appelée simpleStorage (minuscule) avec le type de contrat SimpleStorage (majuscule). Il le fait avec le mot clé new. Lorsque Solidity voit le mot-clé "new" ici dans ce contexte, il dit "aha ! Nous allons déployer un nouveau contrat SimpleStorage". Dans la deuxième ligne, il pousse ce nouveau contrat dans l'array simpleStorageArray.

La fonction sfStore ("sf" signifie "storageFactory") prend deux paramètres uin256 : l'index du contrat qui vient d'être créé et inséré dans l'array, et le numéro favori qui se trouvait dans le contrat simpleStorage.

Rappelez-vous, la fonction store qui stockait le numéro favori dans simpleStorage.sol était ainsi :

function store(uint256 _favoriteNumber) public{
favoriteNumber = _favoriteNumber;
}
Enter fullscreen mode Exit fullscreen mode

Ensuite, avec la ligne simpleStorageArray[_simpleStorageIndex].store(_simpleStorageNumber); il stocke le numéro favori donné dans le paramètre uin256 _simpleStorageNumber au simpleStorageArray à l'index donné dans le paramètre _simpleStorageIndex. Il le fait en appelant la fonction store dans simpleStorage.sol que j'ai montré ci-dessus.

Je sais que cela semble complexe, et peut-être que c'est le cas, c'est juste, nous écrivons une fonction afin que nous puissions choisir n'importe quel SimpleStorage que nous avons créé en utilisant la fonction createSimpleStorageContract, en utilisant son index dans l'array afin que nous l'attribuions un numéro préféré.

La prochaine et dernière fonction de ce contrat, sfGet ("sf" pour "storageFactory" à nouveau) est une fonction getter publique et nous savons qu'elle ne nous coûte pas d'essence car elle contient le mot clé view . Il prend l'index du contrat simpleStorage que nous avons créé via la fonction createSimpleStorageContract et renvoie le numéro favori qui était dans ce contrat en appelant la fonction retrieve dans le contrat simpleStorage.sol. Cette fonction "retrieve" était telle que :

//retrieve function in simpleStorage.sol
    function retrieve() public view returns (uint256){
        return favoriteNumber;
    }


Enter fullscreen mode Exit fullscreen mode

Dis donc, si j'ai ouvert l'IDE Remix, compilé et déployé le contrat StorageFactory.sol, puis j'ai appelé la fonction sfGet, puis crée un ensemble de contrats à l'aide de la fonction createSimpleStorageContract, et dites, appelé le sfStore avec les paramètres 0,22 puis appelé la fonction sfGet avec le paramètre 0, j'obtiendrais 22 comme numéro favori. Si j'appelais la fonction sfStore avec les paramètres 2,378 et que j'appelais ensuite la fonction sfGet avec le paramètre 2, j'obtiendrais 378 comme numéro favori.

C'est ça. Maintenant, nous avons encore une chose à apprendre dans ce post, l'héritage.

Héritage

Dans le tutoriel, Patrick nous montre comment on peut créer une copie d'un contrat et même le remplacer de telle ou telle manière. Pour cela, nous devons créer un nouveau contrat appelé ExtraStorage.sol. Maintenant, si nous importons le contrat SimpleStorage.sol dans ce nouveau contrat ExtraStorage.sol et le définissons comme contract ExtraStorage is SimpleStorage au lieu de simplement déclarer contract ExtraStorage comme nous le ferions normalement, ce nouveau ExtraStorage contract aura toute la logique, les variables, les fonctions et tout dans le contrat SimpleStorage.

Mais il va encore plus loin. Et si nous voulions changer certaines choses dans notre copie de SimpleStorage (qui est notre contrat ExtraStorage) et que nous voulions y ajouter plus de fonctionnalités ?

Ensuite, nous aurions besoin de le remplacer (override). Vérifiez cet extrait de ExtraStorage.sol :

// SPDX-License-Identifier: MIT

pragma solidity 0.8.8;

import "./SimpleStorage.sol";

contract ExtraStorage is SimpleStorage {
    function store(uint256 _favoriteNumber) public override {
        favoriteNumber = _favoriteNumber + 5;
    }
}

Enter fullscreen mode Exit fullscreen mode

Vous voyez, nous redéfinissons la fonction store dans le contrat SimpleStorage.sol. Ceci est fait par le mot-clé override. Nous ajoutons simplement le numéro 5 au numéro préféré de tout le monde à des fins heuristiques.

Mais cela ne peut pas fonctionner tout seul. Cela ne remplacerait pas comme ça. Nous avons besoin d'une étape supplémentaire pour que cela fonctionne de manière transparente. Nous devons revenir à notre contrat SimpleStorage.sol d'origine et ajouter le mot-clé virtual à la fonction que nous voulons remplacer plus tard. Dans ce cas, il s'agit de la fonction store dans SimpleStorage.sol.

Donc, nous ouvrons le contrat SimpleStorage.sol et changeons la fonction store en ceci :

    function store(uint256 _favoriteNumber) public virtual {
        favoriteNumber = _favoriteNumber;
    }

Enter fullscreen mode Exit fullscreen mode

Maintenant, cette fonction store est "remplaçable". Nous pouvons créer une copie de SimpleStorage.sol et remplacer sa fonction store comme nous voulions.

C'est tout ! J'espère que vous avez apprécié cet article. J'espère continuer à publier mes notes si tout se passe comme prévu. Pourtant, je vous suggère fortement de consulter le tutoriel original sur la chaîne Youtube de Freecodecamp, il est phénoménal.

Keep calm & happy coding!

Top comments (0)

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.