December 29, 2021

Como crear y lanzar un ERC-721 (NFT)

Introducción

Coleccionables digitales que son compatibles con ERC-721 se han vuelto muy populares desde el lanzamiento de Cryptokitties y han ganado adopción masiva en los últimos meses. Esta guía cubrirá la parte de creación y lanzamiento de nuestro propio ERC-721 (NFT) usando una librería de smart contract 0xcert/ethereum-erc721

¿Qué es un Token No fungible?

Fungible significa que es lo mismo o que es intercambiable. Por ejemplo, los token de Ethereum, todos los token de la misma clase tienen el mismo valor. Lo mismo podemos decir de los tokens de Cardano. Los tokens fungibles son intercambiables 1:1.

Con esto en mente, los NFT son únicos, cada uno es diferente y tienen características únicas. Las cosas que pueden ser NFT son cartas coleccionables, piezas de arte, tickets de avión, etc. Todos son claramente distinguibles el uno del otro y no son intercambiables entre si. Piensa en los Token no fungibles (NFTs) como coleccionables muy raros, cada uno con sus características únicas, atributos inusuales y en la mayoría de los casos, su propia metadata.

¿Qué es ERC-721?

ERC es la abreviación para Ethereum Request for Comment y 721 es el número identificador de la propuesta. Los ERCs son estandars a nivel de aplicacion para el Ecosistema de Ethereum, esto puede ser un estandar para smart contract como el ERC-20.

El autor de un ERC es responsable por crear consenso con la comunidad de Ethereum, una vez revisada y aprobada por la comunidad, se convierte en un estándar. Puedes seguir todas las propuestas recientes de los ERC aqui.

ERC-721 fue creado para proporcionar la funcionalidad de hacer seguimiento y transferencia a los NFTs en los smart contracts.

ERC-721 es un estandard abierto que describe cómo crear token No Fungibles en blockchains compatibles con EVM (Ethereum Virtual Machine). Tiene un conjunto de reglas que hacen fácil poder trabajar con los NFTs. Los NFTs no son solo ERC-721, también pueden ser tokens ERC-1155.

Las siguientes son las funciones y eventos definidos en el estándar ERC-721:

ERC-721 define algunas funciones en conformidad con ERC-20. Esto hace mucho más fácil poder mostrar la información de los tokens en algunas wallets ya existentes.

Funciones ERC-20

  • name: Se usa para determinar el nombre con el que otros contratos o aplicaciones pueden identificarlo.
  • symbol: Usado para determinar el símbolo o nombre corto.
  • totalSupply: Esta función se usa para definir el total de tokens existentes en la blockchain, no tiene porqué ser constante.
  • balanceOf: Devuelve el número de NFTs que tiene una dirección.

Funciones relacionadas con la propiedad del token

  • ownerOf: Esta función devuelve la dirección del dueño de un token. Como cada token ERC-721 es único y no es fungible, están representados en la blockchain por un ID. Otros usuarios, contratos o apps pueden usar este ID para determinar el dueño de un token.
  • approve: Esta funciona sirve para aprobar la transferencia del token.
  • takeOwnership: Es una función opcional para poder retirar tokens de un usuario cuando ya se ha aprobado previamente a esta dirección a retirarlo.
  • transfer: función que permite al dueño de un token poder transferir sus token a otra dirección, como si fuese cualquier otro token o moneda.
  • tokenOfOwnerByIndex: Esta es una función opción pero que es bastante recomendada de implementar. Cada dueño de un token puede poseer otros tantos del mismo NFT al mismo tiempo. El ID único de cada NFT ayuda a identificarlos, pero eventualmente, se vuelve muy difícil hacer un seguimiento de estos IDs. Entonces, el contrato guarda el registro de los ID relacionados a su dueño y esta función nos permite obtener la información adecuada para este seguimiento.

Función de Metadatos

  • tokenMetadata: Esta característica opcional es una interfaz que nos permite descubrir la información del token.

Eventos

  • Transfer: Este evento es disparado cuando cambia el propietario de un token. Emite información sobre qué dirección transfiere el token, que dirección recibió y que ID de token fue transferido.
  • Approve: Este evento es disparado cuando un usuario aprueba a otro usuario a poder disponer del token, por ejemplo, cuando la función de approve es ejecutada. Emite información sobre qué dirección posee el token actualmente, qué dirección fue aprobada para disponer de token en el futuro y que ID de token fue aprobado para tomar su propiedad.

Casos de uso para los Tokens No Fungibles (NFTs):

  • Arte digital (o arte fisico): Este es el caso de uso más popular de los NFTs. Las subastas de arte digital fue una de las primeras aplicaciones de los NFT y sigue en crecimiento
  • Juegos: Para proveer compras dentro del juego y coleccionables.
  • Bienes Raíces: Poder tokenizar propiedades y generar smart contracts para poder comprar y vender.
  • Finanzas: Instrumentos financieros como los préstamos, futuros y otras responsabilidades.
  • Software: Licencias de Software para asegurar la anti-pirateria y privacidad.
  • Entradas a conciertos o eventos de deporte: Para poder evitar que no exista fraude en la venta de tickets y donde los fanáticos puedan tener un solo lugar para ver sus experiencias del pasado.

Obteniendo Test ETH

Ahora que conocemos qué es y cómo funciona un token ERC-721, veamos cómo podemos crear y lanzar nuestro propio token.

Vamos a lanzar nuestro contrato en la blockchain de pruebas Ropsten. Para empezar, necesitarás tener instalada la extensión de navegador Metamask para poder crear una billetera ETH y obtener un poco de ETH de prueba desde el faucet Ropsten. Selecciona Ropsten Test Network en tu billetera de Metamask y copia la dirección de la billetera en campo de texto del faucet, luego haz click en Send me test Ether.

Agregar archivos a IPFS

Antes de escribir nuestro contrato del NFT, necesitamos guardar el arte relacionado al NFT y crear un archivo de Metadatos, para esto, utilizaremos IPFS, un sistema distribuido de intercambio de archivos. Descarga e instala IPFS CLI para tu sistema operativo siguiendo la siguiente guia de instalacion de IPFS.

A continuacion estan los pasos para poder guardar la imagen y el archivo de metadatos

Paso 1: Creando el repositorio IPFS Iniciar el repositorio IPFS introduciendo los siguientes comandos en la terminal

ipfs init

Paso 2: Iniciar el monitor de IPFS

Abrir una terminal nueva e introducir el siguiente comando

ipfs daemon

Paso 3: Agregar la imagen a IPFS

En la primera terminal agregar la imagen (art.png aquí)

ipfs add art.png



Copia el hash que empieza con Qm y agrega https://ipfs.io/ipfs/ al principio, debe de quedar similar a lo siguiente: https://ipfs.io/ipfs/QmQEVVLJUR1WLN15S49rzDJsSP7za9DxeqpUzWuG4aondg

Paso 4: Agregar un archivo JSON a IPFS

Crea un archivo JSON llamado nft.json y guardalo en el mismo directorio de la imagen.

El archivo JSON:

{
    "name": "NFT Art",
    "description": "This image shows the true nature of NFT.",
    "image": "https://ipfs.io/ipfs/QmZzBdKF7sQX1Q49CQGmreuZHxt9sVB3hTc3TTXYcVZ7jC",
}

Ahora, agrega el archivo JSON a IPFS

ipfs add nft.json

Copia el hash que empieza con Qm y agrega https://ipfs.io/ipfs/ al principio, debe de quedar similar a lo siguiente: https://ipfs.io/ipfs/QmUFbUjAifv9GwJo7ufTB5sccnrNqELhDMafoEmZdPPng7

Guarda esta URL, la vamos a necesitar para poder lanzar nuestro NFT.

Creando nuestro token

Por facilidad y seguridad, vamos a utilizar 0xcert/ethereum-erc721 para crear nuestro contrato NFT. Con 0xcert/ethereum-erc721 no vamos a escribir toda la interfaz ERC-721, en cambio, podemos importarlo y usar sus funciones.

Dirigete hacia Ethereum Remix IDE y crea un nuevo archivo Solidity, por ejemplo - nft.sol

Pega el siguiente código en tu nuevo archivo Solidity:

// SPDX-License-Identifier: MIT
pragma solidity 0.8.0;
 
import "https://github.com/0xcert/ethereum-erc721/src/contracts/tokens/nf-token-metadata.sol";
import "https://github.com/0xcert/ethereum-erc721/src/contracts/ownership/ownable.sol";
 
contract newNFT is NFTokenMetadata, Ownable {
 
  constructor() {
    nftName = "Synth NFT";
    nftSymbol = "SYN";
  }
 
  function mint(address _to, uint256 _tokenId, string calldata _uri) external onlyOwner {
    super._mint(_to, _tokenId);
    super._setTokenUri(_tokenId, _uri);
  }
 
}

Explicacion del codigo de arriba:

Línea 1: La especificación del tipo de licencia SPDX, una adición necesaria luego Solidity ^0.6.8. Siempre que el código de un smart contract se ponga a disposición del público, estas licencias pueden ayudar a resolver y evitar inconvenientes con los derechos de autor. Si no desea especificar ningún tipo de licencia, puede usar el valor Unlicensed o directamente no poner el comentario (No va a resultar en un error, solamente un aviso)

Línea 2: Declara la versión de solidity del Smart Contract.

Línea 4-5: Importa el contrato 0xcert/ethereum-erc721

Línea 7: Empieza el contrato llamándolo newNFT y este contrato se extiende de otros contratos llamados NFTokenMetadata y Ownable.

Línea 9-12: Inicializando el constructor y seteando el nombre, el símbolo de nuestro token.

Línea 14: Declaramos la función de mint con tres argumentos, la variable _to de tipo address que va a guardar la dirección que va a recibir el token NFT, la variable _tokenId de tipo uint256 que va a guardar el id del token, la variable _uri que va a guardar la URI del archivo JSON. Declara esta función mint como external significa que puede ser accedida desde otros smart contracts y desde fuera del ámbito del propio contrato.

Línea 15: Mintea el token usando la dirección que va a recibirlo y el token id.

Línea 16: Setear la URI usando el token id y el URI del archivo JSON.

Se compila el smart contract y se hace deploy usando injected Web3 (asegurarse de que está seleccionada la red de Ropsten testnet en Metamask antes de compilar el contrato).

Aprobar la transacción en Metamask.


Si recibes un mensaje de error antes del deploy This contract may be abstract, asegurate de estar seleccionando el contrato correcto en la opción de Contracts



Ahora ve a la sección de Deployed Contracts en Remix y expande el contrato recién deployado. Vas a ver un montón de funciones/métodos. Expande la función mint y agrega los siguientes detalles:

  1. Agrega tu dirección Ropsten al campo _to
  2. Agrega un número en el campo _tokenid (Sugerimos 1 porque es el primero)
  3. Agrega el URI del archivo JSON en el campo _uri, lo obtuvimos en la sección anterior.
Haz click en Transact y confirma la operación en Metamask. Ahora tu tienes el token en la red de Ropsten.

Puedes verificar otros detalles como el nombre, el símbolo, el dueño y el tokenuri ingresando el tokenid que mencionamos anteriormente.


Conclusión

Felicidades por crear tu propio NFT, ayuda a un amigo artista poniendo su trabajo artístico en la red de Ethereum o convirtiéndote en un artista tu mismo. Puedes ver 0xcert/ethereum-erc721’s GitHub para más ejemplo.

Suscribete a nuestro newsletter para más artículos y guías en Ethereum. Si tienes algún tipo de comentario, se libre de comentarlos en nuestro Twitter. Siempre puedes hablar con nosotros en nuestro servidor de Discord, puedes encontrar algunos de los más geniales desarrolladores :)
Ready to try QuickNode? Start your 7-day free trial

Related articles 48

Apr 13, 2022 How to Send a Transaction On Solana Using JavaScript

Hello reader! Today is an exhilarating day because we are going on an expedition to the Solana Blockchain. Solana is an up-and-coming blockchain seeking to improve upon the current ecosystem's solutions to the complex problem of providing a secure, scalable, decentralized...

Continue reading
Dec 29, 2021 How to generate a new Ethereum address in PHP

PHP is very popular in developing the backend of websites or web applications. PHP has a huge crowd of developers trusting it as their go-to language. In this guide, we will see how we can generate a new Ethereum address in...

Continue reading
Apr 12, 2022 How to do a non-custodial transaction with QuickNode

Private keys are one of the most sensitive pieces of data when it comes to cryptography and the blockchain. However, there has always been debate/confusion about choosing between custodial wallets (where the wallet provider has custody of the user’s private key) and...

Continue reading
Apr 12, 2022 How to Setup Local Development Environment for Solidity

The success story of blockchain started with Bitcoin and was given wings by Ethereum. Ethereum was the first blockchain to introduce programmable software to the immutable ledger; these programs that live on the blockchain are called smart contracts. Solidity is the...

Continue reading
Apr 12, 2022 How to connect to Ethereum using .NET (Nethereum)

Dotnet or .NET is very popular for the development of desktop applications, most Windows desktop applications are built using .NET, and it also contributes largely to web application’s tech stack. In this guide, let’s see how we can connect to Ethereum using .NET and

Continue reading
Dec 29, 2021 How to generate a new Ethereum address in Ruby

With high usage in web applications and straightforward syntax, Ruby is used by a vast number of people. This guide will cover creating an Ethereum address in Ruby using ruby-eth...

Continue reading
Jan 27, 2022 How to Set Up a Near Project from Scratch

In this tutorial we will look at how we can setup a basic NEAR project from scratch, installing and configuring dependencies and customizing the project to work well with AssemblyScript.We will first start by initializing our project with a package.json file using...

Continue reading
Apr 12, 2022 Estimating gas price using pending transactions in Python

To send a transaction on the Ethereum network, you need to pay fees for including the transaction in a block as well as the computation necessary in the transaction; this fee is called gas. The transactions are accepted into the block based on the amount of gas they are...

Continue reading
Dec 29, 2021 How to Build Your DApp Using The Modern Ethereum Tech Stack: Hardhat and EthersJs

When building a smart contract on the Ethereum blockchain, new developers tend to reach out to tools like truffle and web3.js in building their smart contracts. This tutorial will look at how to use Hardhat and Ether.js, which are now becoming the standard in building...

Continue reading
Apr 12, 2022 How to connect to Ethereum network using Java / Web3j

We can say that Java is one of the most versatile languages out there, and it continues to be relevant in today's time. Java is so popular because of its massive user base and use cases. In this guide/tutorial, we'll learn how to connect to the Ethereum Blockchain network...

Continue reading
Apr 12, 2022 How to integrate IPFS with Ethereum

It can be costly to store massive files on a blockchain mainnet, and this is where decentralized file storing systems like IPFS can come in handy. Sometimes, NFTs use IPFS as well. In this guide, we’ll cover how we can integrate IPFS with...

Continue reading
Apr 12, 2022 How to connect to the Ethereum network using Ruby

Ruby has a huge fanbase. Ruby was developed by its creator with an intention to create a language people can have fun using. Ruby has been largely accepted by the developers all around the world since it’s launch, in fact, the biggest tech communities in many cities are...

Continue reading
Apr 12, 2022 How to Mint an NFT with Ethers.js

This guide demonstrates how to mint an NFT on the Polygon blockchain using the Ethers.js library and our Factory ERC-1155 contract we built in an earlier

Continue reading
Apr 12, 2022 How to connect to Ethereum network with ethers.js

When someone thinks of developing a dApp the first tool that comes to their mind is web3.js which is pretty common because of its popularity in the community and wide use cases, dApp development has been consistently growing and there are a lot of developers who want to...

Continue reading
Apr 12, 2022 How to Mint an NFT on Solana

Updated at: April 10, 2022Welcome to another QuickNode guide on Solana - the up-and-coming blockchain that seeks to solve the scalability issues of Ethereum. We will be walking through step-by-step how to create an NFT on Solana. NFT, short for Non Fungible Token,...

Continue reading
Apr 12, 2022 The Web3 Developer Stack

A developer stack is a bag of technologies a developer possesses. For example, MEAN (MongoDB, Express.js, AngularJS/Angular, and Node.js) and MERN (MongoDB, Express.js, React, and Node.js) are common web developer stacks. Similarly, today we will learn more about the web3...

Continue reading
Apr 12, 2022 How to deploy a smart contract with Brownie

Python is one of the most versatile programming languages; from researchers running their test models to developers using it in heavy production environments, it has use cases in every possible technical field. In today's guide, we will learn about Brownie, a Python-based...

Continue reading
Dec 29, 2021 Introduction to Scaffold-ETH 🏗

Developing applications involves juggling several moving pieces like front-ends, back-ends, and databases. But developing a decentralized application on a blockchain adds a few more elements like smart contracts and nodes that allow you to connect to the...

Continue reading
Dec 29, 2021 How to generate a new Bitcoin address in JavaScript

To do any type of transaction on the Bitcoin blockchain, you’ll need a public key or a Bitcoin address. In this guide, we’ll cover how to generate a new Bitcoin address in JavaScript using CyrptoCoinJS.

Continue reading
Dec 29, 2021 Como crear un NFT en SOLANA

¡Hola querido lector! Bienvenidos a una nueva guía de Solana.Solana es una blockchain que promete mucho a la hora de intentar resolver los problemas de escalabilidad que podemos apreciar en otras blockchains, como Ethereum por...

Continue reading
Apr 12, 2022 How to create a token on Terra using Terra Station

Terra is the stablecoins framework with a pool of tokens to work with. Today in this guide, we will learn how to create our own token on the Terra blockchain network.PrerequisitesA Terra Bombay testnet...

Continue reading
Apr 12, 2022 How to Deploy an NFT on Solana Using Candy Machine V2

Hello readers, in this guide we are going to go into how to set up an NFT mint on Solana using Candy Machine v2. Previously we had a guide up on the V1, but it is now deprecated and is no longer in use for new mints.Candy Machine v2 has some...

Continue reading
Apr 12, 2022 How to get the balance of an ERC-20 token

When a new token is made on the Ethereum network, it usually follows a specification. The most popular of which is the ERC20 specification. To meet this ERC20 standard, one's token must have a multitude of...

Continue reading
Apr 12, 2022 How to Send an EIP-1559 Transaction

While Ethereum has been trying to scale, it has encountered some gas price issues. Many layer 2 solutions and sidechains sprang into existence to solve this problem, but Ethereum is the main chain, and at some point, it has to be improved. EIP-1559 was introduced to...

Continue reading
Apr 12, 2022 How to Create an Address in Solana using JavaScript

Hello reader! Welcome to QuickNode's first Solana guide. Solana is an up-and-coming blockchain that seeks to solve the scalability issues that Ethereum has been handling. You will walk through step-by-step how to create a Solana address using the @solana/web3.js...

Continue reading
Apr 12, 2022 How to create your own DAO with Aragon

Blockchain provides us with the power of decentralization. Decentralization means the transfer of power to users/members rather than having a single centralized authority governing everything; it enables various use cases in finance, governance, voting, fundraising, etc....

Continue reading
Apr 12, 2022 How to create and deploy a smart contract with Hardhat

Ethereum development environments like Truffle and Hardhat make it easier to work with smart contracts and Ethereum nodes. They provide a set of tools to seamlessly write, test, and deploy...

Continue reading
Apr 12, 2022 How to Connect to Terra with JavaScript using Terra.js

Stablecoins have been bridging the gap between traditional currencies and blockchains. Stablecoins offer stable price tokens pegged by a reserve asset which is often a fiat current like USD, EUR, GBP. The Terra protocol provides a framework to work with stablecoins. This...

Continue reading
Apr 12, 2022 How to connect to Ethereum network using Go

Go helps you make faster scalable backends and this guide will show you how to connect your backend to Ethereum (and make it even faster, more reliable, and globally accessible, all thanks to QuickNode’s global infrastructure). What is...

Continue reading
Apr 29, 2022 How to re-send a transaction with higher gas price using ethers.js

Sometimes, you submit a transaction on Ethereum without enough gas due to network congestion or too many pending transactions offering a higher gas price than you have offered on your transaction. If you have a high priority transaction but low gas, you could end up...

Continue reading
Apr 12, 2022 How To Fork Ethereum Mainnet with Hardhat

Forking the chain at an older block of the blockchain is helpful if you want to simulate the blockchain’s state at that block; Hardhat has this functionality built in. In this guide, let’s go through the process of forking the Ethereum Mainnet at an older...

Continue reading
Apr 12, 2022 How to connect to Ethereum using PHP

PHP is a very popular choice among developers and has a vast community due to its long presence in web development. In this guide, we’ll cover how to connect to Ethereum with PHP using the web3.php...

Continue reading
Apr 12, 2022 How to connect to the Ethereum network using Python using Web3.py

You can build Ethereum applications in different programming languages. In this article, we will connect to the Ethereum network using Python.PrerequisiteEthereum Node (We will use QuickNode’s free...

Continue reading
Apr 12, 2022 How to use Subspace with QuickNode

In this guide, we'll understand a bit about reactive development and how to use Subspace with QuickNode.JavaScript is the programming language behind most of the internet apps and websites. JavaScript today has become one of the most used programming languages,...

Continue reading
Apr 12, 2022 How to fetch Ethereum event logs in Ruby

Ethereum log records are very useful to understand and keep track of smart contract events. In this guide, we are going to learn how to fetch ethereum event logs in Ruby using ethereum.rb ruby...

Continue reading
Apr 12, 2022 How to Fork Ethereum Blockchain with Ganache.

Forking and running a local simulated Ethereum environment is essential if you want to work with DeFi or do Ethereum development in general. In this guide, we’ll cover how to fork Ethereum Blockchain with

Continue reading
Apr 12, 2022 How to connect to Ethereum network with Web3.js

Libraries and frameworks make the development process a lot easier and faster. When it comes to Ethereum development, Web3.js is the go to library. That's because Web3.js is the official library, from the

Continue reading
Dec 27, 2021 How to Build a Wallet Generator for Solana in React

In this practical guide you will build a basic Wallet application with React and Web3 that will interact with Solana Network.This application will do the following operations:Connect to the...

Continue reading
Apr 12, 2022 Integrate Your Svelte App with a Smart Contract

Today we will be building a sample app in Svelte, and connecting it to a smart contract that we deploy on the Ropsten Network.Our frontend will be able to do the following:Allow the user to send a greeting message along with a wave to the...

Continue reading
Dec 29, 2021 How to Connect Your Dapp With MetaMask Using Ethers.js

In our dApp, we will have a simple react user interface that has a material button asking the user to connect to MetaMask. And if they do not have an account, they can create one or log in to their account. They will then view their wallet balance and address displayed on...

Continue reading
Dec 29, 2021 How to Build a One-Click Sign in Using MetaMask with PHP's Laravel

Social logins: we have all seen them, we have all used them. "Login with Facebook". "Login with Github".If you have been around the Web3 community you may have come across a more recent player in the game: "Login with MetaMask". For instance, this is...

Continue reading
Dec 29, 2021 How to generate a new Ethereum address in Go

Golang is very popular among backend developers for building infrastructures and microservices. Go is a procedural programming language. Developed in 2007 by Robert Griesemer, Rob Pike, and Ken Thompson at Google, then launched in 2009 as...

Continue reading
Dec 29, 2021 How to generate a new Ethereum address in Python

Python is one of the most versatile programming languages out there with an abundance of use cases; We can build many applications with Python from client-side to back end. In this guide, we will cover creating an Ethereum address in Python using the

Continue reading
Dec 29, 2021 How to generate a new Ethereum address in JavaScript

When it comes to programming, there’s hardly anyone who has not used or heard about JavaScript. JavaScript was initially created for client-side scripting but has become a full-featured Object-Oriented...

Continue reading
Dec 29, 2021 Como crear un NFT en Solana usando Candy Machine

¡Hola querido lector! Hemos recibido un montón de pedidos por otra guía de NFT en Solana. En la guia anterior no llegamos hasta la parte mas jugosa, que es la parte donde enlazamos una...

Continue reading
Jan 17, 2022 How to Mint an NFT on Solana Using Candy Machine

NOTE: This guide is based off of the V1 of Candy Machine. V1 has been deprecated. You can catch an up-to-date guide on V2 here

Continue reading
Apr 12, 2022 How to send a transaction on Terra using JavaScript and Terra.js

Terra has emerged as the choice of blockchain for developing a stablecoin based dApp. Terra provides a cutting-edge stablecoin framework for modern dApp development. In this guide, we will learn how to send a transaction on Terra using their javascript library...

Continue reading
Apr 12, 2022 How to Lazy Mint an NFT on Rarible with Rarepress

NFTs are great for creators to monetize their artwork and for people to get ownership of an item. But since gas prices are usually high given the highly in-demand space on Ethereum, minting an NFT or an NFT collection can become costly for a creator. Lazy minting solves...

Continue reading