JS Framework
Guía para Desplegar Plantillas de Angular Usando Back4App
10 min
comienza tu proyecto de angular utilizando una plantilla preconstruida introducción en esta sección aprenderás cómo instalar parse y comenzar con una aplicación angular 8 en 5 pasos fáciles en cualquier momento, puedes probar la aplicación construida con este tutorial haciendo clic aquí requisitos previos para completar este tutorial, necesitarás una aplicación creada en back4app nota sigue el tutorial de nueva aplicación parse para aprender cómo crear una aplicación parse en back4app node package manager instalado en tu sistema consulta la guía para obtener npm para más información conocimientos básicos en angular 1 instala el angular cli primero necesitarás instalar la herramienta angular cli (interfaz de línea de comandos) el cli te ayuda a iniciar nuevos proyectos de angular y también te asiste durante el desarrollo en tu terminal, por favor escribe la siguiente línea 2 obtener la plantilla descarga la plantilla en nuestro repositorio de github puedes hacerlo usando la siguiente línea de comandos navega a la carpeta de tu proyecto e instala todas las dependencias ejecutando el siguiente comando 3 actualiza las credenciales de la aplicación actualiza los valores de las cadenas para id de la aplicación id de la aplicación y clave de javascript clave de javascript para configurar las credenciales de la aplicación el sdk de javascript de parse utiliza estas configuraciones para conectar tu aplicación a los servidores de back4app ve a tu panel de la aplicación en sitio web de back4app https //www back4app com/ y haz clic en configuración del servidor encuentra el bloque de configuración principal y haz clic en configuraciones ¿necesitas ayuda? echa un vistazo a estos pasos para encontrar tus claves copia tu id de la aplicación y clave de javascript y regresa a la carpeta de tu proyecto ve a src src > entornos entornos > environment ts environment ts y pega tus claves 4 prueba tu conexión localmente inicia el proyecto ejecutando ng serve ng serve navega a http //localhost 4200/ http //localhost 4200/ espera hasta que aparezca la pantalla de inicio de sesión crea un usuario de ejemplo haciendo clic en el botón de registro 5 sube tu código al servidor de back4app para desplegar tu aplicación con back4app, primero necesitas construir correctamente tu aplicación usa el siguiente comando para compilar y construir tu aplicación en un dist dist directorio luego, necesitas subir el dist dist directorio creado a la carpeta pública de tu cloud code para hacer eso, elige una de las opciones para desplegar 5 1 desplegar a través de cli para subir a través de la interfaz de línea de comando de back4app, echa un vistazo a estos pasos 5 2 desplegar a través del panel para subir el código a través de la interfaz visual de back4app, ve al panel de tu app en el sitio web de back4app y haz clic en funciones de código en la nube haz clic en +agregar +agregar botón y selecciona todos los archivos del directorio dist directorio dist muévelos a público público y luego haz clic en guardar guardar , como se muestra aquí finalmente, para desplegar tu app, consulta el tutorial de alojamiento web de back4app ¡está hecho! en este punto, has aprendido cómo comenzar con aplicaciones angular