Manual para subir un Proyecto web a Firebase Hosting

1.Primero ingresamos a Google y buscamos Firebase.

2.Luego damos clic en comenzar Ahora.

3.Si es la primera vez que usas firebase se abrirá una ventana el donde se nos pedirá iniciar sesión con nuestra cuenta de google.

4.Una vez registrados se nos abrirá la consola de firebase donde tenemos debemos hacer clic al botón crear un proyecto.

5.Colocamos el nombre de nuestro proyecto y luego continuar:

6.Dejamos habilitado Google Analytics y damos en continuar.

7.Realizamos la configuración de google analytics y damos en crear proyecto.

8.Esperamos a que el proyecto se cree y damos en continuar.

9.Luego en el menú lateral damos clic en compilación y buscamos y seleccionamos la opción hosting.

10.En la página de hosting damos clic en comenzar.

11.Se nos abrirá la pagina de configuración de firebase donde tenemos que copiar todos los comandos que nos proporciona firebase en la ruta del proyecto que queremos desplegar .

12.Abriendo la ruta de mi proyecto con el Cmd.

13.Una vez abierto el cmd verificamos si tenemos instalado Node también es importante tener una version actualizada de node js.JS.Si no fuera así lo instalamos desde su página: https://nodejs.org/

14.Luego pegamos en la linea de comando“npm install -g firebase-tools” y presionamos “ENTER”.

15.Ahora pasaremos a coloca las lineas de comando que nos proporciono firebase como ya hemos vinculado una cuenta de correo con firebase los siguientes comandos me permiten logearme el cual lo realizara automáticamente en caso quieras realizar un despliegue con otra cuenta de firebase, primero tendrias que utilizar este comando para cerrar la sesión de firebase = firebase logout y continuar con los comandos de abajo para ingresar con otra cuenta .

• firebase login
• firebase init y presionamos “Enter” y presionamos “Y”.

16.Con las flechas elegimos la opción de Hosting , marcamos con “Espace” y damos “Enter”

17. luego Damos clic en usar un proyecto existente automáticamente firebase listara todos los proyectos que existen en nuestra cuenta y escogeremos es que deseamos desplegar
damos enter en repositorio público, luego “N” y luego “N” .

18.Vamos a la carpeta local de nuestro proyecto y veremos que se ha creado la carpeta “public” y otros 3 archivos. Deberemos copiar todo nuestro proyecto en la carpeta “public”.

19.Reemplazamos en archivo index que tiene por defecto la carpeta public y colocamos en index de nuestro proyecto.

20.Finalmente en la consola tipeamos “firebase deploy» y presionamos “Enter” para desplegar nuestro proyecto.

Ingresamos a cualquiera de las Url que nos brinda firebase y automáticamente se debería ver nuestro proyecto desplegado en este caso es una calculadora.

Imagen Despliegue Firebase: