Costo de la aplicación, Codificación

¿Cómo crear un sitio web Web3? Costo de creación de sitios web y aplicaciones Web3

Tabla de contenido ocultar 1 Para crear un sitio web Web3, deberá seguir estos pasos: 2 Aplicaciones y protocolos para...

Escrito por Ashok Kumar · Lectura de 8 min >
pensando en escribir en web3

Cuando comencé a crear un sitio web Web3, no sabía qué hacer. Blockchain era nuevo para mí y era difícil encontrar ejemplos desde el punto de vista de un desarrollador web front-end. Hoy comenzaré a crear el sitio web Web3 desde cero.

Web3 tiene el potencial de cambiar Internet tal como la conocemos para siempre. Aún estás en una etapa temprana para captar la tendencia actual y construir tu primera aplicación blockchain. Adquiera las habilidades, consiga un trabajo bien remunerado o cree sus propios proyectos web 3.0 que puedan generarle ingresos. Hoy construiré e implementaré un moderno. Sitio web blockchain web 3.0 del mundo real.

Y déjame decirte que no había estado tan entusiasmado con este artículo en mucho tiempo, con un diseño impresionante conectado a blockchain, soporte de metamáscara, interacción con contratos inteligentes, envío de ethereum a través de la red blockchain, escritura de código de solidez y mucho más. . Y mucho más.

Quizás se pregunte cuáles son los requisitos previos para crear un sitio web web3 fantástico. No te preocupes. Este artículo es totalmente apto para principiantes.

Para crear un sitio web Web3, deberá seguir estos pasos:

  1. Elija una plataforma blockchain: Varias plataformas blockchain son compatibles con Web3, como Ethereum, EOS, TRON y más. Elige la plataforma que mejor se ajuste a tus necesidades y objetivos. Lo hemos explicado en detalle a continuación.
  2. Configurar un entorno de desarrollo: Deberá instalar las herramientas y bibliotecas necesarias para desarrollar una aplicación Web3 en la plataforma elegida. Esto puede incluir un compilador de lenguajes de programación, un emulador de blockchain local y una biblioteca Web3.
  3. Escribe tu contrato inteligente: Una aplicación Web3 normalmente consta de un contrato inteligente que se ejecuta en la cadena de bloques. Deberá escribir el código de su contrato inteligente utilizando un lenguaje de programación compatible con la plataforma elegida, como Solidity para Ethereum.
  4. Implemente su contrato inteligente: Una vez que haya escrito su aplicación web3, deberá implementarla en la cadena de bloques. Normalmente, esto se puede hacer utilizando una herramienta como Remix para Ethereum.
  5. Construye tu interfaz: La interfaz de su aplicación Web3 es con lo que interactuarán los usuarios. Puede usar un marco como React o Angular para construir su interfaz y conectarlo a su contrato inteligente usando una biblioteca Web3.
  6. Pruebe y depure su aplicación: Antes de publicar su aplicación Web3, es importante probarla y depurarla minuciosamente para asegurarse de que funciona según lo previsto.
  7. Inicie su aplicación Web3: una vez que haya probado y depurado su aplicación, puede publicarla en la web para que otros la utilicen. Esto puede implicar alojar su interfaz en un servidor o implementarla en una plataforma de almacenamiento descentralizada como IPFS.

También aprenderá a escribir contratos inteligentes en el Red Ethereum utilizando el lenguaje de programación solidez.

Web3 es un cambio futurista en Internet en el que las aplicaciones y los sitios web podrán comprender y procesar información como los humanos. IA, redes neuronales, blockchain, cálculos espaciales, Big Data, VR/AR y otras tecnologías de vanguardia ayudarán. La nueva Internet parecerá un videojuego en el que personas inteligentes te ayudarán. Sabrán lo que la gente quiere y se lo darán, como en los libros de ficción o las películas.

Las 25 principales empresas de desarrollo Web3 en EE. UU., Reino Unido e India

Aplicaciones y protocolos para el desarrollo de sitios web Web3.

  1. lenguaje de programación ondas
  2. API REST o nodos
  3. Aplicación web o interfaces
  4. Contrato inteligente o middleware
  5. Base de datos
  6. Contrato inteligente
  7. DAPP
  8. Red de arquitectura

Integre Web3 Wallet en su sitio web

Para utilizar Web3 en su sitio, necesitará una Web 3 Wallet. Cuando se escribió esto, se podía conseguir uno. Máscara Meta, Monedero Conectaro Monedero de Coinbase.
Creo que deberías utilizar una red de prueba para probar esto y ver qué puede hacer. Esto se puede hacer con una Meta Mask o una billetera Coinbase. Recuerde que no todas las billeteras, como Rainbow, pueden usar redes de prueba.

Pila de tecnología para el desarrollo de soluciones frontend Web3:

  • Lenguajes de programación para web: Angular.JS, React.JS y Vue.JS.
  • Lenguajes de programación para aplicaciones: Java, Kotlin para Android y Swift para iOS.
  • Arquitectura: MVVM para Android y MVC, MVP, MVVM, VIPER para iOS.
  • IDE: Android Studio y Xcode para iOS.
  • SDK: SDK de Android y SDK de iOS.

Pila de tecnología para el desarrollo de sitios web Web3 backend

  • Contratos inteligentes: Ethereum Virtual Machine o BSC.
  • Bases de datos SQL: MySQL, PostgreSQL, MariaDB, MS SQL, Oracle.
  • DevOps: GitLab CI, TeamCity, GoCD Jenkins, WS CodeBuild, Terraform.
  • Bases de datos NoSQL: MongoDB, Cassandra, DynamoDB.
  • Motores de búsqueda: Apache Solr, Elasticsearch.
  • Lenguajes de programación: Java, PHP, Python.
  • Marcos: Primavera, Sinfonía, Frasco.
  • Caché: Redis, Memcached.
Pila de tecnología para el desarrollo de sitios web Web3
Pila de tecnología para el desarrollo de sitios web Web3

La guía para el desarrollo de sitios web Web3

Crear un sitio web Web3 como un intercambio de criptocorriente, Plataforma NFT, o aplicación descentralizada, es complicada y requiere muchos pasos. Aquí hay una explicación completa.

Paso 1: fase de apertura

Como ocurre con cualquier nuevo negocio o producto de TI, la creación de un sitio web Web3 comienza con una fase de apertura. En esta etapa se debe definir la idea del proyecto y observar el mercado, la audiencia y la competencia. Le permite predecir el futuro del nicho, determinar qué necesita su público objetivo y ver qué están haciendo bien y mal sus competidores. Un analista de negocios reúne los criterios de funcionalidad y diseño de su próximo proyecto en función de los datos. Esto permite a los desarrolladores estimar la cantidad de trabajo, presupuesto y tecnología necesaria.

Para decirlo de otra manera, el primer paso antes de crear un sitio web Web3 es saber exactamente lo que desea crear. A los desarrolladores les resultará más fácil utilizar su idea si pueden comprenderla bien. Puede establecer los requisitos de forma independiente o contratar un equipo de expertos (analistas de negocios, especialistas en marketing, programadores, diseñadores, financieros, etc.).

Por lo general, explica su idea y sus objetivos comerciales durante una sesión informativa.

  • El analista de negocios estudia la actualidad, los competidores, sus pros y sus contras y si habrá demanda para la oferta;
  • El especialista en marketing ayuda a comprender qué producto gustará a los usuarios, cómo diferenciarse de la competencia, cómo ingresar al mercado y ganar dinero;
  • Los diseñadores describen cómo debería verse la interfaz para que a los usuarios les guste y la utilicen;
  • Los programadores describen cómo desarrollarlo en código.

Paso 2: definir las funciones

En esta etapa, el equipo que trabaja en el proyecto decide qué función agregar. Dependiendo del proyecto, la lista de tareas será diferente. A billetera de criptodivisa y un intercambio descentralizado tienen listas muy diferentes de cosas que pueden hacer. Además, la lista de funciones depende de cómo ingresará al mercado. Podría ser con un MVP (producto mínimo viable) o con un lanzamiento de producto completo que brinde todas las funciones a los clientes de inmediato.

¿Qué diferencia a un MVP de un producto completamente funcional? Fuente.

Además, es importante pensar en lo que hacen los usuarios con el producto. Los usuarios finales y los administradores son los dos roles más comunes. Pero aún quedan algunas partes más. Por ejemplo, si desea crear un mercado NFT, las posiciones serán compradores y vendedores. Los usuarios habituales, mineros/validadores y desarrolladores mejorarán el código y agregarán nuevas funciones si crea una criptomoneda.

Para darle un ejemplo, veamos la lista de funciones para criptomonedas.

Aquí está la funcionalidad de una billetera Web3 para el usuario final:

  • Registro. Cuando se registra para obtener una billetera de criptomonedas, debe crear una nueva dirección de criptomonedas o recuperar (vincular) una antigua. Algunas billeteras, como BlueWallet, requieren que elijas qué tipo de cuenta deseas, como "estándar", "almacenamiento" o "Lightning". Dependiendo del tipo, la DApp funcionará como una billetera normal, un espacio de almacenamiento altamente eficiente o una billetera para transacciones relámpago en la red Bitcoin. En el futuro, este paso incluirá demostrar quién es usted (los reguladores de EE. UU. y la UE comienzan a exigirlo).
  • Cambio, coeficiente de conversión. En su forma más simple, una billetera de criptomonedas le permite recibir y enviar activos digitales. Es similar a MetaMask. Las billeteras más avanzadas le permiten intercambiar tokens o mostrar el tipo de cambio de todos los tokens en su cartera, como el precio de las monedas en moneda fiduciaria, dólares, euros o libras.
  • Gestión de activos (pagos). Esta función permite a los usuarios comprar y vender criptomonedas desde su aplicación de billetera. Esta función debe ser lo más simple y fácil de usar posible para que incluso alguien nuevo en las criptomonedas pueda sentirse cómodo usando la aplicación para diferentes propósitos. Agregar códigos QR hará que su uso sea aún más fácil y una lista de direcciones utilizadas con frecuencia acelerará las transacciones.
  • Vincular una cuenta bancaria. La experiencia del usuario será mejor si los usuarios pueden conectar una tarjeta de crédito o débito, PayPal, Google Pay, Apple Pay o cualquier otro sistema de pago. La compra y venta de criptomonedas suele ser más rápida si no es necesario proporcionar su información de pago.
  • Notificaciones push. Es una característica que puedes elegir, pero sigue siendo importante si quieres crear una billetera Web3 cómoda. Los mensajes informarán a los usuarios sobre cosas como solicitudes de pago, cambios en sus saldos, transacciones aprobadas, riesgos de seguridad, actualizaciones del sistema, etc. La notificación enviará al usuario de regreso a la aplicación.
  • Soporte NFT. La compatibilidad con NFT es otra característica que no es necesaria. Los NFT son ahora una tendencia en la industria, por lo que es necesario almacenarlos. Más específicamente, significa respaldar los siguientes estándares: ERC721, ERC1155, BEP-721, BEP-1155, TRC-721, dBienes, Componibles.
  • Seguridad.  Los usuarios necesitan 2FA, autenticación facial o de huellas dactilares, soporte para carteras de hardware, TTL y una frase semilla. La plataforma Web3 debe estar protegida contra DDoS, SSRF, CSRF, HPP y otras amenazas.

Aquí está la funcionalidad para el administrador:

  • Tablero de instrumentos. Esta pestaña permite a los administradores verificar el estado del sistema, como la cantidad de usuarios activos, la cantidad de transacciones (por segundo, hora, día), mensajes nuevos, problemas actuales, etc.
  • Gestión de usuarios. Los administradores pueden verificar el estado de los usuarios, cambiar, agregar, eliminar, congelar o descongelar cuentas usando esta pestaña. Además, esta pestaña debería permitir a los usuarios chatear entre sí.
  • Gestionar el sistema de pagos. Aquí es donde el administrador puede agregar o eliminar sistemas de pago. Además, el tamaño mínimo de transacción para comprar criptomonedas con monedas fiduciarias se puede cambiar de varias maneras.
  • Gestionar las tarifas. Esta pestaña permite a los administradores agregue, elimine o cambie tarifas para transacciones criptográficas y fiduciarias. De la misma manera, esta pestaña te permite configurar el tamaño y la frecuencia de los pagos de un programa de referidos.
  • Administrar el contenido. Los administradores de su plataforma necesitan herramientas que les permitan cambiar, agregar o eliminar texto, imágenes, animaciones y otro contenido en la interfaz de usuario.
  • Marketing y publicidad. Puede agregar una forma para que las notificaciones y los banners muestren anuncios cuando crea una billetera Web3. Si esta función está ahí, las personas a cargo necesitarán herramientas para manejarla.
  • Documentación de API. Estas son las formas en que un servicio funciona con otro.

Paso 3: desarrollo de la arquitectura

La programación back-end para una aplicación descentralizada es muy diferente a la programación para una aplicación web normal. En Web3, dice, “puedes escribir contratos inteligentes que definan la lógica de tus aplicaciones y colocarlas en la máquina de estado descentralizada, que es la Etereum blockchain.” En este modelo, ya no hay necesidad de servidores web o bases de datos tradicionales, ya que todo se hace en o alrededor de la cadena de bloques.

Un ejemplo de arquitectura informativa de una plataforma Web3.

Un ejemplo de arquitectura informativa de una plataforma Web3. Fuente.

Paso 4: diseño UX en Web3

Las aplicaciones Web3 deben ser más fáciles de usar para pasar de ser una tendencia marginal a ser un gran problema. Entonces, analizamos algunas formas de diseñar cosas que facilitarán a los usuarios la transición a Internet descentralizada.
Es necesario abordar este problema y hacerlo más fácil de entender para la gente. También es necesario eliminar cualquier temor que la gente pueda tener sobre el uso de dApps y hacer que las páginas y aplicaciones Web3 sean más atractivas para un mayor número de personas. Por lo tanto, es imprescindible utilizar elementos de diseño que puedan ayudarlos a orientarse en aplicaciones y sitios web descentralizados y comprender mejor cómo usarlos.

Un ejemplo de estructura alámbrica de baja fidelidad
Un ejemplo de estructura alámbrica de baja fidelidad. Fuente.

A continuación, estos bocetos se coordinan con el cliente y, si todo está bien, los diseñadores los utilizan para crear diseños de alta precisión. estructuras alámbricas. Estos son bocetos mucho más precisos del diseño de la interfaz de usuario tal como se presentará a los usuarios finales. Así es como podrían verse:

Estructuras alámbricas de alta fidelidad de una billetera

Si al cliente también le gustan estos bocetos, el diseño de la interfaz de usuario suele convertirse en un prototipo animado donde todas las animaciones y transiciones funcionan pero las funciones de la aplicación no. En las primeras etapas de desarrollo, se utilizan prototipos para probar el diseño de la aplicación con el público objetivo y recaudar dinero. Así lucen:

Paso 5: escribir el código de la aplicación

Una vez que se ha definido la funcionalidad, se ha construido la arquitectura de la información y se ha diseñado la interfaz de usuario, los programadores toman el control y ponen todo en código. Para hacer esto, los desarrolladores deben elegir la pila de tecnología que mejor funcione para la tarea. Por lo general, se divide en una pila para el servidor (también llamada "back-end") y una interfaz (front-end).

Paso 6: probar el sitio web web3

Las aplicaciones web estándar pueden simular fácilmente el flujo de trabajo de un usuario para realizar pruebas de un extremo a otro, pero esto es difícil de hacer con las aplicaciones web3. Esto se debe principalmente a dos cosas importantes que son únicas. En primer lugar, las aplicaciones web3 se ejecutan en un backend que siempre está cambiando, generalmente llamado blockchain impulsado por uno o más contratos inteligentes.

Para crear pruebas completas para el sitio web Web3 debemos seguir estas importantes estrategias:

  1. Imita al usuario.
  2. Imita la pila.
  3. Imita el flujo de trabajo.

Paso 7: implementación, lanzamiento

Cuando su solución web está creada y probada, se envía a los servidores locales de su empresa o a la nube (AWS, Azure, Google). Si es una aplicación móvil, aparece en la App Store, Google Playy Amazon App Store (esto no contradice las reglas del sitio).

Paso 8: soporte del producto

En el último paso, se enseña al personal cómo utilizar el producto y se crea un equipo de soporte.

¿Cuánto cuesta desarrollar un sitio web Web3?

El costo mínimo para desarrollar un sitio web Web3 es de $35000.

¿Cuánto cuesta hacer la aplicación web3?

El costo promedio para crear una aplicación web3 es de 60000 USD.

Escrito por Ashok Kumar
Director ejecutivo, fundador y director de marketing de Make An App Like. Soy escritor en OutlookIndia.com, KhaleejTimes, DeccanHerald. Contáctame para publicar tu contenido. Mi Perfil

Deje un comentario

Translate »