Optar por recibir un activo Algorand con React – Algorand

objetivo billetera nuevo testWallet -d testnetnodecuenta de objetivo nuevo -d testnetnodecuenta de objetivo nuevo -d testnetnode

La nueva cuenta de objetivo en ejecución debe devolver una "Cuenta nueva creada con dirección "Mensaje de éxito.

Vamos a renombrar estas cuentas para una experiencia de usuario más fluida utilizando el comando de cambio de nombre de la cuenta objetivo.

cambiar el nombre de la cuenta objetivo Account-1 -d testnetnode

los debe ser Sin nombre-0 para la primera cuenta que creó y Sin nombre-1 para la segunda.

Ejecute el mismo comando para la segunda cuenta y renombrar no es "Cuenta-2"

cambiar el nombre de la cuenta objetivo Account-2 -d testnetnode

Ambos comandos deberían devolver mensajes de éxito: "Cuenta renombrada‘ Sin nombre-0 "a‘ Cuenta-1 "después de ejecutar el primer comando y" Cuenta renombrada ‘Sin nombre-1" a ‘Cuenta-2" después de ejecutar el segundo comando.

Para crear un activo, debe ejecutar el comando de activo de objetivo y, en este caso, ejecutaremos la creación de activo de objetivo.

Ejecutar activo de objetivo create -h enumerará todos los comandos disponibles dentro del comando create.

Al crear un activo, puede especificar:

total: cuántas unidades de este activo se crearán por defecto Congelado: ¿las existencias de este activo comienzan congeladas? Básicamente, si las cuentas de usuario deberán descongelarse antes de realizar transacciones con el activo (esto se discutirá en una publicación posterior), las direcciones de recuperación, congelación, reserva y administración (se discutirán en una publicación posterior)

así como los campos de metadatos:

nombre: nombre de toda la clase de activo (ALGO, USD, etc.) nombre de la unidad: nombre de una unidad de este activo (algo, dólar, etc.) – max 8 bytesasseturl: cadena opcional que apunta a una URL relacionada con el conjunto de metadatos64: opcional compromiso hash criptográfico con algún tipo relacionado con el activo. 32 caracteres de longitud

Ahora vamos a crear un activo con nombre: "CorpABC", nombre de la unidad: "abc", total: 100, creador: su propia cuenta.

objetivo activo crear –name CorpABC –ununname abc –total 100 –creator Account-1 -d testnetnode

Ahora que se creó el activo, ejecute la lista de cuentas objetivo para ver el activo recién creado bajo el creador – Cuenta-1

Ahora tendremos que aceptar la cuenta 2 para recibir este activo recién creado haciendo referencia al ID de activo. Algunos comandos solo requieren el nombre del activo, no necesariamente la ID. Puede haber múltiples clases de activos con el mismo nombre, por lo que usar un ID de activo es la forma más específica y recomendada de hacer referencia como activo.

ReactJS es un marco de JavaScript utilizado principalmente para manejar capas de vista para aplicaciones web y móviles. La principal ventaja de React y lo que destacaremos en esta publicación es el hecho de que React permite fácilmente a un desarrollador crear componentes de IU reutilizables. React es muy versátil y se puede usar con una variedad de otras bibliotecas de JavaScript para crear aplicaciones potentes. React está destinado a ser simple, rápido y escalable: todas las cualidades que crean una experiencia de desarrollo de aplicaciones web moderna y placentera.

Los dos puntos principales a tener en cuenta para esta publicación son:

Todo es un componente en React, como todo es un elemento en HTML. Y los componentes devuelven exactamente un elemento DOM. Cada componente tiene un método de representación. Usando JSX, cualquier cosa envuelta en parens puede convertir HTML a elementos creados por JS

La hermosa simplicidad y velocidad de React es evidente cuando se trabaja con el Document Object Model (DOM). Los datos se manejan de dos maneras en React: en estado y en accesorios. Siempre que el estado cambie en un componente, el componente se renderizará automáticamente y actualizará el DOM si el estado cambia, si no, el componente no toca el DOM. React gestiona eficazmente el DOM por ti. En React hay dos tipos de DOM. El DOM virtual es una representación de una IU guardada en la memoria que se sincroniza con el DOM "real" en un proceso llamado reconciliación. Cada vez que React procesa componentes, comienza en el árbol de componentes y busca cambios desde DOM virtual a DOM real y actualiza solo los nodos afectados de la manera más eficiente. Si nada cambia, React no toca la página web.

Para optar por recibir un activo, primero definiremos la llamada a la función sendTransaction, que usaremos como el botón "Opt-In", así como la cuenta que extraemos usando el método mnemonicToSecretKey (). Usar el mnemónico para derivar la dirección de la cuenta y otros parámetros de la cuenta no es el mecanismo recomendado, pero usaremos la técnica en este ejemplo por simplicidad. ¡Nunca comparta su cuenta mnemónica con nadie!

Ahora defina los parámetros de transacción y el ID de activo que va a transferir. Si está familiarizado con las transacciones de Algorand, esta construcción debería resultarle familiar.

Ahora definimos el objeto de transacción. Observe que el sexto parámetro en la transacción es 0. Esta es la cantidad que se transfiere en la transacción.

Puede consultar el SDK de JS para ver qué constituye una transferencia de activos.

Ahora que se han definido los parámetros, se ha creado el objeto de transacción, todo lo que queda es firmar la transacción y difundirla (enviarla) a la red.

A continuación, encontrará el bit de IU utilizando un accesorio de renderizado. Los accesorios de renderizado son solo una técnica para compartir código entre componentes. Puede ver nuestra función sendTransaction en la línea 32 que se utiliza para nuestro botón "Opt-In".

El componente final debería verse así. Desarrollaremos el resto de componentes para esta aplicación en futuras publicaciones. Pero esto presenta el marco básico para usar React con aplicaciones blockchain.

Estoy usando la Cuenta-2 que creamos con el objetivo de optar por recibir el activo abc que creamos anteriormente. Esto se ejecuta con un mensaje de éxito que contiene nuestra identificación de transacción y la confirmación de que la transacción se transmitió.

Puede volver a ejecutar la lista de cuentas objetivo para confirmar que la cuenta que solía aceptar ahora tiene una entrada en su Mapa de activos.