subir proyecto para deploy app angular firebase-hosting

proyecto - hosting para angular



¿Cómo implementar una aplicación Angular 2 usando Firebase hosting? (4)

Estos son los pasos:

1) npm install -g firebase-tools

Esto instalará la CLI de firebase que utilizaremos en los siguientes pasos.

La CLI de Firebase requiere Node.js versión 0.10.0 o superior.

2) firebase init

Configuración del proyecto

Esto disparará la configuración del proyecto de Firebase y almacenará todas las configuraciones en un archivo local firebase.json .

  • ? ¿Qué características de Firebase CLI desea configurar para esta carpeta? Asegúrese de que [Hosting: configure e implemente sitios de alojamiento de Firebase] esté marcado y presione INTRO.

  • ? ¿Qué proyecto de Firebase quieres asociar como predeterminado? Elija [crear un nuevo proyecto]

Configuración de alojamiento

  • ? ¿Qué quieres usar como tu directorio público? Debe elegir la carpeta (compilación) para su aplicación Angular 2. El valor predeterminado es (público).
  • ? Configurar como una aplicación de una sola página (¿volver a escribir todas las URL en /index.html)? Responda Sí

Nota: cualquier elemento de esta carpeta se servirá como activos estáticos.

4) You need to go to (https://console.firebase.google.com) to create a new Project.

  • Haga clic en (CREAR NUEVO PROYECTO).

  • Elija un nombre interesante para su proyecto y seleccione un País / región. Por ejemplo: Reino Unido.

El nombre de tu proyecto se verá algo así como cool-f5b0d .

5) firebase use --add

Elija el proyecto que acaba de crear.

  • ? ¿Qué proyecto quieres agregar? Elige el nuevo proyecto que creaste.

  • ? ¿Qué alias quieres usar para este proyecto? Puede usar un alias para una referencia fácil

6) firebase deploy

Esto desplegará la configuración de su carpeta de activos durante el paso 2. Asegúrese de que coincida con la carpeta (compilación) para su aplicación Angular 2.

Deseo conocer los pasos necesarios para implementar una aplicación simple de Angular 2 usando Firebase-hosting.

Los siguientes pasos muestran cómo implementar el proyecto de Angular 2 en el alojamiento de Firebase:

  1. Cree su proyecto, por ejemplo, en la tormenta web dentro del comando de ejecución del terminal:

    pub build

El comando se ejecutará y creará un directorio de compilación / web que incluirá su proyecto compilado.

  1. En su línea de comando inicialice su proyecto de firebase ejecutando:

    firebase init

siga las instrucciones hasta llegar a la siguiente pregunta:

What do you want to use as your public directory?

  1. Aquí debe indicar la ruta completa de su compilación / web de directorio de proyecto a partir del directorio de inicio . En Windows, por ejemplo, el directorio de inicio es:

    c: / users / YOU-USER-DIRECTORY

entonces, si su proyecto está disponible en c: / users / YOU-USER-DIRECTORY / projects / MyProject , proporcione el siguiente directorio a firebase:

projects/MyProject/build/web

asegúrese de usar barra diagonal / no barra invertida /

  1. Después de terminar las preguntas de resto de firebase, ejecuta:

    despliegue de firebase

llevará algún tiempo cargar todos los archivos del proyecto, ¡y luego disfrutar!

Primero crea un proyecto con CLI angular. Obtenga más información aquí https://cli.angular.io/

Paso 1: crea tu aplicación

Ejecute el siguiente cmd para compilar

ng build --prod

Paso 2: crea el proyecto de FireBase e instala la CLI de Firebase

Abra la consola de Firebase en https://console.firebase.google.com/ y cree un nuevo proyecto de Firebase.

Para instalar las herramientas de línea de comandos de Firebase, ejecuta:

npm install -g firebase-tools

Paso 3: implementar en FireBase

Ejecute el siguiente cmd de firebase para iniciar sesión:

firebase login

Abrirá el navegador y le pedirá autenticación. Inicia sesión con tu cuenta de Firebase. Ahí después puedes cerrar la ventana del navegador. En la línea de comando, recibirá el mensaje de que el inicio de sesión se ha realizado con éxito.

Ahora ejecute el siguiente cmd:

firebase init

Antes que nada, se te preguntará cuál de las características del cliente de Firebase quieres usar. Debe seleccionar la opción Alojamiento: configure e implemente el sitio de alojamiento de Firebase. A continuación, el cliente de Firebase le preguntará qué carpeta usar para la implementación. Escriba en dist . Eso es importante porque esa es la ubicación donde se almacena nuestra compilación de producción.

A continuación, la pregunta es si esta aplicación es de una sola página y si debe volver a escribir todas las URL en index.html. En nuestro caso, debemos responder que sí.

La última pregunta es si Firebase debería sobre escribir el archivo index.html. La respuesta a esa pregunta es no.

Ahora, ejecute el siguiente cmd para implementar:

firebase deploy

Firebase proporcionará una URL que puede usar para acceder a su aplicación en línea.

A continuación se muestran los pasos completos que he seguido y alojado mi sitio web con éxito. 1. Antes que nada, necesitas crear un proyecto / aplicación en la consola de Firebase ( Firebase Console ).

Después de crear la aplicación / proyecto, verá como myfirstfbhosting-b0ae ...... Ahora está listo para instalar herramientas para cargar los archivos de su sitio web

  1. Instalar la CLI de Firebase

La CLI de Firebase (interfaz de línea de comando) requiere Node.js y npm, que se pueden instalar siguiendo las instrucciones del software Node.js. La instalación de Node.js también instala npm.

La CLI de Firebase requiere Node.js versión 0.10.0 o superior. Una vez que haya instalado Node.js y npm, puede instalar la CLI de Firebase a través de npm:

  1. Después de instalar Firebase CLI con npm

Ejecute el comando - "npm install -g firebase-tools" en cmd Esto instala el comando firebase disponible a nivel mundial. Para actualizar a la última versión, simplemente vuelva a ejecutar el mismo comando.

  1. Inicialice su aplicación Una vez que haya elegido la aplicación de Firebase que desea implementar, haga clic en el directorio de su proyecto como D: / pradeep / website / y ejecute el comando: "firebase init" en cmd

Al ejecutar el comando firebase init verá que se crea un archivo "firebase.json" en la raíz de su proyecto (D: / pradeep / website /) Nota importante: abra firebase.json en el bloc de notas, si es {} luego edite a {"hosting": {"public": "." } } y guarda.

Una cosa más, el archivo index.html junto con otros archivos debe estar en el mismo directorio (D: / pradeep / web /)

  1. Seleccione la aplicación que se crea en la consola de firebase. Si ha creado más de 1 aplicación allí, entonces seleccione cualquier aplicación por tipo en cmd - "lista de bases de datos" - se mostrará toda la lista de aplicaciones. luego - "firebase use" y luego

  2. Implemente su sitio web Para implementar su sitio web simplemente ejecute: escriba en cmd - "firebase deploy"

Y, finalmente, su aplicación se implementará en el dominio .firebaseapp.com