Guías de VYou: CLI

VYou CLI es una pieza central del software VYou. Con sólo esta herramienta, podrás empezar a desarrollar tu propia aplicación usando VYou en tu máquina local.

VYou CLI: guía para desarrolladores

VYou CLI es la abreviatura de command line inteface, que es una interfaz de usuario (UI) basada en texto que se utiliza para ejecutar programas, gestionar archivos informáticos e interactuar con el ordenador. VYou es un intérprete de comandos basado en la CLI que ofrece a los usuarios un modo conciso y eficiente de interactuar con el sistema operativo, sin requerir la sobrecarga de una interfaz gráfica de usuario.

VYou CLI puede ayudarte a:

• Configurar tu entorno de desarrollo local con un servidor de desarrollo lo más cercano posible a la producción.
• Crear componentes de React listos para usar con una herramienta de Codegen.

En primer lugar vamos a centrarnos en el dev-server, una vez introducido el Web SDK aprenderás más sobre el codegen.

VYou Dev-Server

Para utilizar nuestra interfaz de línea de comandos sólo necesitamos tener instalado Node.js 14+. Para instalar el paquete localmente, usaremos:

npm i -g @vyou/cli

Una vez instalado el paquete @vyou/cli estamos listos para poner en marcha el servidor simplemente:

vyou dev-server up

Siempre puedes ejecutar vyou dev-server cuando necesites ayuda. Ese subcomando te imprimirá las opciones y subcomandos disponibles como:

Uso:

vyou dev-server <command> [options]

Comandos:

   up        Starts the development server 
   stop      Stops the development server  
   logs      Shows development server logs 
   config    Runs configuration wizard     

Opciones up:

--frontend PORT El puerto donde se sirve su frontend
--backoffice PORT El puerto donde se sirve su backoffice
--backend PORT El puerto donde su servidor backend está escuchando
--docker-pull Extrae nuevas imágenes Docker y recrea contenedores

En caso de que estés desarrollando tu propio frontend, puedes mapearlo con vyou. Haciendo esto, tu frontend es capaz de comunicarse con el backend de vyou usando cookies de primera parte y no necesitas usar tokens para asegurar tus llamadas de vyou al backend. Por ejemplo, si tienes tu frontend corriendo en http://localhost:3000, puedes iniciar tu dev-server usando este comando:

vyou dev-server up --frontend 3000

VYou Codegen

En cuanto al Codegen, @vyou/cli tiene el comando de generación de código que creemos que te va a ayudar a escalar tu aplicación realmente rápido.

Los únicos requisitos para hacerlo son:

• Asegúrate de tener instalado @vyou/cli

• Asegúrate de tener el archivo vyou.config.json dentro del directorio de tu proyecto de aplicación

Una vez que tenemos estos componentes, podemos ejecutar este comando:

vyou codegen ./src -o

Después de ejecutar este comando VYou generará componentes React listos para usar dentro de la carpeta ./src/vyou (la opción -o sobrescribe el contenido de esa carpeta sin pedirte confirmación).

En pocos segundos podrá importar los siguientes componentes:

• Proveedor
• Formulario de registro
• Formulario para establecer la contraseña
• Formulario de perfil completo
• Formulario de olvido de contraseña
• Formulario de inicio de sesión
• Formulario de pago/suscripción de Stripe

Teniendo VYou CLI tendrás acceso a las fuentes y componentes, por lo que siempre podrás usar los componentes como quieras, con una experiencia totalmente personalizada. Además, podrás trabajar localmente con todas las características de VYou en segundos.

Conoce más sobre VYou solicitando una demo GRATIS aquí. Para más detalles sobre las integraciones y la implementación del código, consulta nuestra documentación.