Webiny Framework, ¿Cómo crear aplicaciones web sin servidor?

Webiny, es un framework de código abierto para crear aplicaciones sin servidor. Webiny funciona con React, Node y GraphQL. Webiny proporciona herramientas de desarrollo, bibliotecas, aplicaciones y procesos listos para usar.

Webiny esta construido con tecnologías y herramientas que conoces como AWS, GraphQL, TypeScript, NodeJS, Webpack, Babel y React.

Webiny es la forma más fácil de desarrollar sin servidor

¿Quiere crear una API? ¿Una aplicación React? ¿Una aplicación de administración completa para tu producto, un sitio web o una aplicación móvil?

¡Con Webiny puedes hacer todo eso y mucho más!

El proyecto se iniciará y preparará para el desarrollo de su próximo proyecto en solo unos minutos. Con herramientas pre instaladas, podrás implementar inmediatamente un proyecto sobre la nube (por ahora, en AWS).

El enfoque basado en complementos para todo el sistema te facilitará anular, actualizar y ajustar el sistema para ajustarlo a tus necesidades de proyecto.

¿Por qué tecnología Serverless o sin servidor?

La nueva tecnología serverles ofrece importantes beneficios para los creadores de aplicaciones, respecto a las tecnologías al uso utilizadas hasta ahora.

La nueva tecnología serverless o sin servidor está realizando grandes cambios en la forma en la que trabaja, implementa, diseña y ejecuta las aplicaciones.

Se estima que al pasar a la tecnología sin servidor, puedes ahorrar entre un 60% y un 80% de los costos de infraestructuras y mantenimiento.

Webiny, la metodología más sencilla de implementar Serverless

Algunos de los muchos beneficios que ofrece Webiny:

  • Mantén bajos costos de desarroolo: Ahorre al menos $ 300.000 en costos de desarrollo. Ahorra el tiempo de creación de una gran infraestructura desde la que poder lanzar tus proyectos, puedes omitir toda esta parte y comenzar a crear productos sin servidor mucho más rápido.
  • Evita las trampas del Serverless: Trabaja sobre un camino ya implementado, evitando las sorpresas más desagradables. Las nuevas tecnologías son excelentes, pero a menudo requieren una “ruta de aprendizaje y descubrimiento”. A través de ese camino puedes encontrarte con muchos escollos ocultos que son difíciles de detectar, y solo salen a la luz cuando estás inmerso en tu proyecto en producción. Webiny evita todas esas sorpresas desagradables
  • Elimina la necesidad de otras herramientas: No permita que la ingeniería excesiva consuma todos los ahorros que genera la tecnología sin servidor Webiny fue creado para construir cualquier tipo de sitios web, API y aplicaciones. No es necesario invertir mucho tiempo y dinero en reinventar la rueda, quedar atrapado en muchas de las trampas sin servidor y arriesgar el presupuesto y los plazos de su proyecto. Webiny tiene todo lo que necesita para construir con éxito su proyecto.
  • Educar al personal: Guías, tutoriales y manuales: todo incluido. Educar a la gente requiere mucho tiempo. Desde producir los documentos requeridos hasta organizarlos en estructuras lógicas y asegurarse de que realmente transmitan el conocimiento requerido al lector. Webiny es un producto completo, lo que significa que obtendrá todos los documentos que necesitará y, en caso de que falte algo, el chat de nuestra comunidad siempre estará activo con personas útiles.

Casos de uso con Webiny

La plataforma única de Webiny, puede ofrecer varias opciones de caso de uso sin servidor.

API de Webiny

Una capa segura de API GraphQL impulsada por Apollo Federation con una arquitectura de microservicios.

  • La Capa de la API GraphQL se puede expandir:
    Crea nuevos esquemas GraphQL, registra nuevos microservicios y deja que la Federación Apollo incorporada lo conecte todo. Webiny incluye utilidades de seguridad para que pueda controlar fácilmente quién puede acceder a qué. Cada microservicio se ejecuta en su propia función y está listo para escalar cuando más lo necesite.
  • Esquema GraphQL unificado con Apollo Gateway: Cada microservicio que crea registra sus consultas y mutaciones con el Apollo Gateway central y expone un esquema GraphQL unificado al resto del sistema. Nuestras plantillas de andamios facilitan y aceleran la creación de nuevos servicios y la expansión de su esquema.
  • Seguridad: La seguridad es una capa crucial en cualquier aplicación. Webiny incluye un módulo de seguridad personalizable que puede utilizar en sus esquemas. También hay una interfaz de usuario incorporada para administrar usuarios, grupos, roles y ámbitos.

CLI de Webiny

Cree proyectos rápidamente e impleméntelos en la nube. Gestiona fácilmente varios entornos para el mismo proyecto.

  • Crea e implementa proyectos con un solo comando: Utiliza la CLI de Webiny para iniciar un proyecto e implementarlo en una nube sin servidor en cuestión de minutos. La CLI crea todos los recursos necesarios como AWS Lambdas, S3, API Gateway, CDN y los conecta.
  • Utiliza plantillas para expandir tu proyecto: Puedes leer varias páginas sobre cómo crear un nuevo microservicio, o simplemente puede ejecutar el comando webiny scaffold que creará uno para usted en segundos y lo conectará con el resto del sistema. Una vez creado, puede agregarle su lógica empresarial e implementarla en su nube.
  • Controla el proceso de implementación: Webiny CLI viene con ganchos como puntos de integración. Puede utilizar estos ganchos para ampliar aún más el proceso de implementación, como agregar compatibilidad con CI / CD y sincronizar archivos de estado. La CLI también se puede conectar, por lo que puede crear nuevas funciones para optimizar aún más su proceso de desarrollo e implementación.

Interfaz de usuario de administración de Webiny

Una interfaz de usuario con un conjunto de componentes React reutilizables.

  • Webiny ha creado un paquete de interfaz de usuario para que no tengas que molestarte con uno solo: Cuando decimos que con Webiny puedes concentrarte en la lógica de su negocio de inmediato, lo decimos en serio. Webiny viene con una interfaz de usuario de administración incorporada. Tiene más de 30 componentes React reutilizables que puede usar para crear interfaces para su aplicación. Todo se puede estilizar completamente para que se adapte a la identidad de su marca.
  • Todo es un complemento: Los componentes integrados se pueden personalizar a través de CSS y React. El tema de administración está construido como un conjunto de complementos que puede ampliar y adaptar. Incluso las partes más simples, como el logotipo de Webiny en el encabezado, se crean como complementos que puede cambiar. Esto le da un control total sobre la apariencia.

Aplicaciones y bibliotecas de Webiny

Varios elementos adicionales que se incluyen con Webiny que harán que su proyecto sin servidor se complete aún más rápido.

  • Aplicaciones Webiny: Cuando instale Webiny, encontrará varias aplicaciones preinstaladas. Aplicaciones como Page Builder, Form Builder, File Manager y Headless CMS son una gran adición a cualquier proyecto.
  • Representación del lado del servidor: Creamos una biblioteca especial para lo que llamamos renderizado del lado sin servidor. Serverless viene con desafíos únicos y uno de ellos es hacer SSR en ese entorno. Hemos sido pioneros en varios enfoques para hacerlo bien.
  • Proxy DB: Webiny tiene una capa de base de datos llamada Commodo. Es un conjunto de funciones de orden superior (HOF) que le permiten definir y componer objetos de modelo de datos enriquecidos. Pero también hay una extensión para Commodo, una capa que administra las conexiones y la agrupación de bases de datos, ya que muchas bases de datos no funcionan bien con funciones sin servidor.

Proveedores de nube compatibles

Por ahora solamente trabaja con AWS, pero pronto lo hará con Google Cloud y la nube de Azure.

¿Qué funciones te ofrece Webiny?

  • Usuarios, grupos, roles y ámbitos: La seguridad es una capa crucial en cualquier aplicación. Webiny incluye un módulo de seguridad con todas las funciones que está conectado a la API GraphQL incorporada.
  • CLI: Genere rápidamente código repetitivo utilizando complementos CLI. Desde funciones lambda hasta nuevas API GraphQL.
  • Seguridad personalizable: Utilice el AWS Cognito predeterminado o reemplácelo con proveedores de identidad de terceros como Okta, Auth0, etc. Al utilizar complementos, puede hacer que Webiny funcione con cualquier proveedor de identidad.
  • Múltiples ambientes: Ningún cambio de código va directamente a un entorno de producción. Webiny CLI facilita la administración y la creación de múltiples entornos para su proyecto.
  • Componentes React: La interfaz de usuario de Webiny Admin contiene más de 30 componentes React diferentes. También hay un libro de cuentos acompañado con la documentación de cada uno de ellos.
  • Agrupación de aplicaciones personalizables: Modifique fácilmente la forma en que se está construyendo su aplicación React o use su propio proceso de agrupación.
  • Stacks de infraestructuras: No está limitado a la configuración predeterminada del proyecto. Puede agregar tantas pilas como sea necesario y adaptar el proyecto a sus necesidades.
  • Zona de juegos GraphQL: Si abre la URL de GraphQL en su navegador, Webiny cargará automáticamente las aplicaciones GraphQL Playground, para que pueda probar su API allí mismo. Son las pequeñas cosas.
  • Modo oscuro: Dicen que no hay dos ojos iguales. Algunos prefieren el blanco, otros el negro. La interfaz de usuario de Webiny Admin presenta un modo claro y uno oscuro, elija.
  • Gestión de archivos: Webiny viene con una aplicación de administrador de archivos incorporada y un editor de imágenes. Sube, clasifica, busca y edita tus archivos con facilidad.
  • Javascript 100%: Un idioma es todo lo que necesita saber, sin importar si está codificando un SPA o una API. Webiny usa React en el frontend y Node en el backend / API.
  • Alta disponibilidad y escalabilidad: Webiny se implementa en servicios escalables y de alta disponibilidad dentro de su nube de AWS. También hay protección DDoS, 11 9 de durabilidad de datos y una CDN incluida.
  • Aplana la curva de aprendizaje: Sin servidor es difícil porque cambia la mayoría de las cosas que sabemos sobre la construcción y arquitectura de aplicaciones web. Webiny hace que la tecnología sin servidor sea fácil al proporcionar documentación, guías y tutoriales. Tienes todo el conocimiento que necesitas al alcance de tu mano. Webiny le ahorrará muchas horas de investigación y prueba y error.
  • Bibliotecas creadas para entornos sin servidor: Nuestro sistema de complementos, enrutamiento, almacenamiento de archivos, acceso a la base de datos y procesamiento del lado del servidor son solo un pequeño puñado de cosas que tuvimos que ser pioneros y crear específicamente para el entorno sin servidor. Todos son parte del paquete y, al usarlos, evitará muchos de los errores sin servidor.
  • Organiza tu proyecto: La organización de un proyecto es a menudo una tarea subestimada. Sin embargo, hacerlo mal puede resultar bastante caro. Webiny le proporciona una organización de proyectos que crece con sus necesidades y funciona muy bien tanto para proyectos pequeños como grandes.

? Repositorio Github de Webiny


Fuente: Página web oficial de Webiny por Kathryn Whitenton de NNGroup.

Relacionado

Deja un comentario

Salir de la versión móvil