[英]Angular Universal + Firebase Cloud Function causing memory limit exceeded
目前我正在开发一个使用 Firebase 作为后端的 Angular 8 应用程序。
我遵循了Jeff Delaney 的教程,并成功部署了一个名为 ssr 我的快速服务器的云功能。
一切正常......几乎! 部署 ssr 函数后,我可以看到我所有云函数的内存使用量增加,即使是最小的(1 个事务,在事务中有一个 get 和 1 个更新):
函数/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 函数从没有部署 ssr 函数的 60MB 内存使用量增加到 240MB 内存使用量。
所以我想知道发生了什么? 看起来 express 服务器应用程序是每个云功能实例上的引导程序,这会导致内存使用量增加和计费增加。
正如 Doug Stevenson在这里解释的那样,我限制了全局变量以最小化冷启动,所以不应该是那样。
服务器.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 函数?
我认为内存的增加并不意外。 您的教程中有说明:
Angular 是一个客户端框架,旨在在浏览器中运行应用程序。 Universal 是一个可以在服务器上运行你的 Angular 应用程序的工具,...
因此,使用 SSR 解决方案,您将运行 angular 应用程序表单客户端移动到服务器,因此所有代码在客户端正常运行,现在在服务器上运行。 我不认为有可能在不保留执行它所需的资源的情况下运行某些东西......
也许在这种特殊情况下,AppEngine 会更好地部署它......我希望它能以某种方式帮助你:)
与 firebase 社区取得联系后:“使用 firebase deploy --only 函数将为您的所有函数重新部署代码,所使用的内存将是所有这些函数加载在一起的累积总和”。 因此,解决方案是将函数拆分为不同的文件,并使用带有 if 语句的 process.env.[functionName] ,如此处所述,以避免增加 expressFunction 的内存。
是的 vitooh! 您需要将每个函数拆分为一个 ts 或 js 文件。 这是我的新结构:
每个函数文件都需要以exports = 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 --only 函数并从函数文件夹中安装了 glob (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);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.