Angular Universal + Firebase Cloud Function, вызывающая превышение лимита памяти - PullRequest
0 голосов
/ 07 февраля 2020

В настоящее время я работаю над приложением Angular 8, которое использует Firebase в качестве бэкэнда.

Я следовал Учебное пособие Джеффа Делани и успешно развернул в облачной функции ssr my express сервер.

Все отлично работает ... почти! Когда функция ssr развернута, я вижу увеличение использования памяти всеми моими облачными функциями, даже самые маленькие (1 транзакция с получением и 1 обновление в транзакции):

functions / src / index.ts

// The Cloud Functions for Firebase SDK to create Cloud Functions and setup triggers.
import * as functions from 'firebase-functions';
// The Firebase Admin SDK to access Firestore.
import * as admin from 'firebase-admin';

admin.initializeApp();

export const ssr = functions.https.onRequest(require(`${process.cwd()}/dist/server`).app);

export const unsubscribeToMeal = functions.region('europe-west1').https.onCall((data) => {
  const mealDoc = admin.firestore().doc('meals/' + data.meal.uid);
  const adminDoc = admin.firestore().doc('users/' + data.meal.adminId);
  return admin.firestore().runTransaction(t => {
    return t.get(mealDoc)
      .then(doc => {
        const meal = doc.data();
        if (doc.exists && meal) {
          const promises = [];
          const participantIndex = meal.users.findIndex((element: any) => {
            return element.detail.uid === data.userToUnsubscribe.uid;
          });
          meal.users.splice(participantIndex, 1);
          const pendingRequest = meal.users.filter((user: any) => user.status === 'pending').length > 0;
          const p4 = t.update(mealDoc, { 'users': meal.users, 'participantId': admin.firestore.FieldValue.arrayRemove(data.userToUnsubscribe.uid), 'nbRemainingPlaces': meal['nbRemainingPlaces'] + 1, 'pendingRequest': pendingRequest })
          promises.push(p4);
          if (promises.length > 0) {
            return Promise.all(promises)
              .then(() => console.log('user unsubscribed'))
              .catch((err: any) => console.log('error unsubscribing user : ' + data.userToUnsubscribe.first_name + ' ' + data.userToUnsubscribe.last_name + ' of the meal ' + meal.uid + '. Err : ' + err))
          }
          else {
            // doc.data() will be undefined in this case
            throw new functions.https.HttpsError('not-found', 'no such document!');
          }
        } else {
          // doc.data() will be undefined in this case
          console.log('doc does not exist');
          throw new functions.https.HttpsError('not-found', 'no such document!');
        }
      })
  })
});

Запуск функции unsubscribeToMeal происходит от использования 60 МБ памяти без использования функции ssr до 240 МБ с использованием.

Итак, мне интересно, что происходит? Похоже, серверное приложение express имеет значение bootstrap для каждого экземпляра облачной функции, что приводит к увеличению использования памяти и, следовательно, увеличению затрат.

Я ограничил глобальные переменные, чтобы минимизировать холодный запуск, как объясняет Даг Стивенсон здесь , так что это не должно быть.

server.ts

(global as any).WebSocket = require('ws');
(global as any).XMLHttpRequest = require('xhr2');

import 'zone.js/dist/zone-node';
import 'reflect-metadata';
import { enableProdMode } from '@angular/core';
import * as express from 'express';
import { join } from 'path';

// Faster server renders w/ Prod mode (dev mode never needed)
enableProdMode();

// Express server
export const app = express();
import * as cookieParser from 'cookie-parser';
import { from } from 'rxjs';
app.use(cookieParser());

const PORT = process.env.PORT || 4000;
const DIST_FOLDER = join(process.cwd(), 'dist/browser');

// * NOTE :: leave this as require() since this file is built Dynamically from webpack
const { AppServerModuleNgFactory, LAZY_MODULE_MAP, ngExpressEngine, provideModuleMap } = require('./dist/server/main');


// Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine)
app.engine('html', ngExpressEngine({
  bootstrap: AppServerModuleNgFactory,
  providers: [
    provideModuleMap(LAZY_MODULE_MAP)
  ]
}));

app.set('view engine', 'html');
app.set('views', DIST_FOLDER);

// Example Express Rest API endpoints
// app.get('/api/**', (req, res) => { });
// Serve static files from /browser
app.get('*.*', express.static(DIST_FOLDER, {
  maxAge: '1y'
}));

// All regular routes use the Universal engine
app.get('*', (req: express.Request, res: express.Response) => {
  res.render('index2', {
    req
  });
});

// Start up the Node server
app.listen(PORT, () => {
  console.log(`Node Express server listening on http://localhost:${PORT}`);
});

Любое решение по-прежнему имеет низкое использование памяти (без увеличения лимита памяти для функции) и одновременно функция ssr с express сервером для angular универсального?

Ответы [ 3 ]

0 голосов
/ 14 февраля 2020

После контакта с сообществом firebase: «с помощью firebase deploy - только функции будут повторно развертывать код для всех ваших функций, а используемая память будет суммировать все эти функции, загруженные вместе». Поэтому решение состоит в том, чтобы разделить функции на разные файлы и использовать process.env. [FunctionName] с оператором if, как объяснено здесь , чтобы избежать такого увеличения памяти для expressFunction.

0 голосов
/ 20 февраля 2020

Да, vitooh! Вам нужно разбить каждую функцию на файл ts или js. Вот моя новая структура:

  • / functions
    • / src
      • index.ts
      • / my_functs
        • ssr. ts
        • unsubscribeToMeal.ts
        • ... другие функции

Каждая функция файл должен начинаться с export = module.exports = functions ... Например, вот код моей новой функции express (вы можете сравнить с тем, что было в моем первом посте)

functions/src/my_functs/ssr.ts file
// The Cloud Functions for Firebase SDK to create Cloud Functions and setup triggers.
import * as functions from 'firebase-functions';

exports = module.exports = functions.https.onRequest(require(`${process.cwd()}/dist/server`).app);

Не забудьте импортировать в каждый файл то, что нужно, например, «импортировать * как функции из« firebase-functions »;». Я также изменил свой файл index.ts, который используется при развертывании в firebase с помощью: firebase deploy - только функции и установленный глобус (npm i glob) из папки функций.

functions/src/index.ts file

const glob = require("glob");
if (process.env.FUNCTION_NAME) {
  // Specific function requested, find and export only that function
  const functionName = process.env.FUNCTION_NAME;
  const files = glob.sync(`./my_functs/${functionName}.@(js|ts)`, { cwd: __dirname, ignore: './node_modules/**' });
  const file = files[0];
  exports[functionName] = require(file);
} else {
  // Name not specified, export all functions
  const files = glob.sync('./my_functs/*.@(js|ts)', { cwd: __dirname, ignore: './node_modules/**' });
  for (let f = 0, fl = files.length; f < fl; f++) {
    const file = files[f];
    const functionName = file.split('/').pop().slice(0, -3); // Strip off '.(js|ts)'
    exports[functionName] = require(file);
  }
}
0 голосов
/ 10 февраля 2020

Я думаю, что увеличение памяти не является неожиданным. В вашем руководстве есть описание:

Angular - это клиентская среда, предназначенная для запуска приложений в браузере. Universal - это инструмент, который может запускать ваше приложение Angular на сервере, ...

Таким образом, используя решение SSR, вы перемещаете angular приложение от клиента к серверу, поэтому весь код запускается обычно на стороне клиента, теперь запускается на сервере. Я не думаю, что можно будет что-то запустить без резервирования ресурсов, необходимых для этого ...

Может быть, в этом конкретном случае лучше будет развернуть AppEngine ... Надеюсь, это поможет вам как-то :) 1009 *

...