Функции Firebase не обслуживают статические файлы с помощью механизма просмотра express.js и EJS

Проблема связана с облачным планом Google.

Вначале все пользователи Firebase используют план Spark, который является абсолютно бесплатным. В последнее время Облако Google мог заблокировать некоторые функции, которые мы использовали бесплатно год назад.

Итак, вам нужно перейти на Облачная консоль Google, затем изменить план вашего проекта, который вы хотите развернуть. Затем, если вы не зарегистрировали свою платежную карту, вы должны сделать это для функции хостинг firebase или функции базы данных.

Через несколько минут он загружает все необходимые файлы, такие как стили CSS, файлы JS, которые отсутствовали при загрузке вашего развернутого веб-сайта.

Затем наслаждайтесь развернутым веб-сайтом. ;)

Если вы столкнулись с этой проблемой в июле 2021 г. облачная функция firebase недоступна для плана Spark (бесплатно). Сначала вам необходимо обновить свой проект до плана Blaze (не беспокойтесь! Это план с оплатой по мере использования. В него включен план искры, поэтому с вас не будет взиматься плата, пока вы не превысите лимит). Чтобы перейти на план blaze, вам необходимо настроить платежную информацию на платформе Google Cloud, которая будет направляться автоматически, когда вы выберете обновление.

Вот мой код для настройки движка EJS View в функции firebase:

const functions = require('firebase-functions');                                
    const express = require("express");         
    const app = express();


    app.set("views",__dirname+"/tmp");
    app.set("view engine","pug");
    app.engine('pug', require('pug').__express);
    app.get("/",p3p(p3p.recommended),function(req,res){
       res.render("index");
    });
    app.get("/login",p3p(p3p.recommended),function(req,res){
       res.render("login");
    });
    exports.main = functions.https.onRequest(app);

Я надеюсь, что вы сможете связать его с механизмом просмотра мопсов и настроить свои настройки в функции firebase для обслуживания статических файлов.

TL;DR проблемы:

На обычном хостинге NodeJS и Express необходимо указать каталог вашего статического контента. Поскольку хостинг firebase делает для вас хостинг статического контента (где каталог /public размещен в корне вашего домена),

Решение: вы можете сделать следующее:

1. просто опустите app.use(express.static(__dirname + "/public")); (поскольку это устраняет попытку хостинга дубликат, которую делает для вас хостинг firebase)
2. все ваши стили, javascript и т. д. должны опустить часть /public,

Например

от это:

link(rel = "stylesheet", href = "/public/styles/my-styles.css")

к это:

link(rel = "stylesheet", href = "/styles/my-styles.css")

Вы можете проверить это:

1. Разместите свое приложение с оригиналом (ошибочные/неверные ссылки на статические ресурсы), затем перейдите к ссылке на статические ресурсы — вы должны получить 404 или как минимум сбой при загрузке ресурса.

2. Используя ту же «неверную» ссылку, опустите часть «.../public...» URL-адреса, ваш статический контент будет отображаться правильно.

Это означает, что хостинг firebase размещает все содержимое каталога /public в корневом каталоге вашего домена.

3. Затем внесите изменения, удалив функцию статического каталога app.use() и удалите все следы /public в ссылках на статическое содержимое (как показано выше).

4. Перейдите на свою страницу (включая измененные статические маршруты), ваша страница будет правильно загружаться со всеми вашими стилями, сценариями и т. д. (при условии, что у вас нет неисправного кода;))