Subir archivos CSS y JavaScript a Firebase Hosting

Blogger no nos brinda la posibilidad de subir archivos CSS o JavaScript para enlazarlos en nuestra plantilla, sino que tenemos que insertarlos directamente o recurrir a otros sitios que provean alojamiento para esta clase de documentos. Uno de esos servicios viene de la mano de Google, se trata de Firebase Hosting, aunque obviamente el proceso no es tan sencillo si lo comparamos con otras opciones. Si estás interesado en hacer uso de esta bondadosa herramienta para simplemente subir un par de archivos, te describo los pasos:

1. Lo primero que debemos hacer es descargar Node.js e instalarlo en nuestro equipo, otorgándole los permisos que pueda solicitar.
2. Nos dirigimos a Firebase console y creamos un nuevo proyecto (Agregar proyecto).
3. Ahora nos ubicamos en nuestro equipo, creamos una carpeta para el proyecto con el nombre que prefiramos e ingresemos a ella.
4. Presionamos la tecla Shift (Mayús) y, sin soltarla, hacemos clic derecho en cualquier área de la carpeta. Del menú contextual que se despliega, elegimos Abrir ventana de comandos aquí.
5. En la ventana de comandos, escribimos npm install -g firebase-tools y presionamos la tecla Enter (Intro, Entrar). Esperamos a que el proceso de instalación culmine.
6. Ahora escribimos firebase login y presionamos Enter.
   • Se nos preguntará si le permitimos a Google recolectar información acerca del uso de Firebase CLI. Elegimos la opción deseada (tecla Y para sí, tecla N para no) y presionamos la tecla Enter.
   • Se nos abrirá una página en nuestro navegador para autenticarnos con nuestra cuenta Google. Iniciamos sesión y le otorgamos los permisos necesarios.
   • Regresamos a la ventana de comandos.
7. Escribimos firebase init y presionamos la tecla Enter.
   • Se nos preguntará si deseamos continuar con el proceso, por lo que presionamos la tecla Y seguida de Enter.
   • Se nos presentará una lista con las características de Firebase CLI. Nos ubicamos con las teclas de dirección en la opción Hosting, presionamos la barra espaciadora (tecla espacio) para seleccionar dicha opción y luego presionamos Enter.
   • Se nos presentará una nueva lista de opciones para seleccionar nuestro proyecto por defecto. En este caso nos ubicamos con las teclas de dirección en el proyecto que hemos creado (paso dos) y presionamos Enter.
   • Se nos preguntará por el directorio público (en donde se almacenarán los archivos) para nuestro proyecto, por lo que simplemente presionamos la tecla Enter para crearlo.
   • Se nos preguntará si deseamos configurarlo como una aplicación de página única, por lo que presionamos la tecla Y seguida de Enter para establecerlo de esa manera. Esperamos a que culmine el proceso.
8. Trasladamos nuestros archivos que deseamos subir a la carpeta public, generada automáticamente en el paso anterior y ubicada dentro de la carpeta del proyecto (paso tres).
9. Regresamos a la ventana de comandos, escribimos firebase deploy y presionamos la tecla Enter. Esperamos a que culmine el proceso.
10. Copiamos la dirección de Hosting URL y la llevamos a la barra de direcciones de nuestro navegador web.
    • Agregamos al final de la dirección el nombre de un archivo subido con su extensión, por ejemplo:

      https://NOMBREPROYECTO.firebaseapp.com/NOMBREARCHIVO.js

    • Presionamos Enter y ¡voilá!

Si en tal caso deseamos subir más archivos, reemplazarlos o eliminarlos, simplemente realizamos los cambios correspondientes en la carpeta public y repetimos el paso nueve. Si ya cerramos la ventana de comandos, ingresamos a la carpeta del proyecto, seguimos el paso cuatro y luego el paso nueve.

Sistema operativo empleado: Windows 10 | Versión Firebase CLI: 3.7.0.