arrow_back Volver
Inicio keyboard_arrow_right Artículos keyboard_arrow_right Artículo

Deploy Firebase Hosting

Eduardo Ismael Garcia

Full Stack Developer at Código Facilito.

av_timer 2 Min. de lectura

remove_red_eye 37597 visitas

calendar_today 25 Octubre 2019

En esta ocasión aprenderemos a desplegar nuestra aplicación web a los servidores de google mediante Firebase, una tarea, dejame decirte, bastante sencilla. Bien, sin más dilación comencemos.

Deploy

Lo primero que debemos hacer es registrar nuestra aplicación en Firebase. Para ello haremos uso de la consola.

En este caso como la aplicación la cual queremos desplegar es una aplicación web seleccionamos la plataforma web.

Vamos a seleccionar la opción de Hosting en el menú lateral izquierdo.

Procedemos a instalar el CLI de Firebase

npm install -g firebase-tools

Es probable que necesites ejecutar el comando como administrador.

El siguiente paso será situarnos en la carpeta de nuestro proyecto, autenticarnos e inicializarlo.

firebase login
firebase init

Seleccionamos la opción Hosting y Seleccionamos el proyecto Firebase al cual queremos asociar nuestra aplicación.

En el apartado What do you want to use as your public directory? debemos indicar nuestro directorio público. Para un proyecto, por ejemplo, en vue será la carpeta dist, o el archivo index.html.

Una vez hayamos inicializado firebase el siguiente paso será realizar el deploy. Para ello ejecutamos el siguiente comando.

Si tu proyecto es utilizando Vue antes de realizar el deploy es necesario volver a compilar.

firebase deploy

Si no hubo ningún error debemos obtener como salida la url de nuestro proyecto ya en línea.

Bootcamp FullStack con JavaScript

Más información

Inscripciones Abiertas.