Guía para Desplegar Plantillas de Angular Usando Back4App

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 https //angulardocs back4app io/ requisitos previos para completar este tutorial, necesitarás una aplicación creada en back4app nota sigue el https //www back4app com/docs/get started/new parse app para aprender cómo crear una aplicación parse en back4app node package manager instalado en tu sistema consulta la https //docs npmjs com/getting started para más información conocimientos básicos en https //angular io/ 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 npm install g @angular/cli 2 obtener la plantilla descarga la plantilla en nuestro repositorio de github puedes hacerlo usando la siguiente línea de comandos curl lok https //github com/templates back4app/angular integration/archive/master zip && unzip master zip navega a la carpeta de tu proyecto e instala todas las dependencias ejecutando el siguiente comando cd angular integration master/ && npm i 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 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 https //www back4app com/docs/platform/app settings 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 $ ng build 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 https //www back4app com/docs/command line tool/how to use 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 https //www back4app com/ 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 https //www back4app com/docs/platform/parse web hosting ¡está hecho! en este punto, has aprendido cómo comenzar con aplicaciones angular