Nrwlがノードアプリケーションのサポートをリリースして以来、FirebaseFunctionsの同様のサポートを楽しみにしていました。そのためにGitHubで問題を作成しました。これを書いている時点ではまだ開いているので、私は独自のソリューションを作成することにしました。
問題
Firebase Functionsを初期化するfirebase initと、独自のpackage.jsonとでfunctionsサブディレクトリが作成されますnode_modules。それは良くありません。コードを関数と共有し、Nxを使用して管理したいと考えています。
ゴール
- FirebaseFunctionsはノードアプリとして存在します
- 1つだけあり
package.json、node_modules
- 関数はからの共有コードを使用できます
libs
Angularアプリケーションで動作するNrwlプロジェクトがあることを前提としています。また、Firebaseアカウントを持っていて、Firebase関数とは何かを理解していることをお勧めします。
解決
Firebaseを設定する
まだインストールしていない場合は、インストールfirebase-toolsしてログインします。
yarn global add firebase-tools
firebase login
{
"projects": {
"default": "your-firebase-project-name"
}
}
目標で述べたように、関数はに基づいていnode-appます。これを行うには、node-app名前付きの「関数」を作成します。
ng add @nrwl/node # Adds Node capabilities
ng g @nrwl/node:application functions
FirebaseFunctionsの依存関係をインストールする
yarn add firebase firebase-admin firebase-functions
import * as functions from 'firebase-functions';
// // Start writing Firebase Functions
// // https://firebase.google.com/docs/functions/typescript
//
export const helloWorld = functions.https.onRequest((request, response) => {
response.send('Hello from Firebase!');
});
理解できるようにFirebase関数を設定するにfirebase.jsonは、ルートディレクトリに作成します。
{
"functions": {
"predeploy": [
"yarn lint functions",
"yarn build functions --prod"
],
"source": "/"
}
}
sourceプロジェクトのルートを指します。package.jsonルートディレクトリに1つしかないため、そこを指す必要があります。
"main": "dist/apps/functions/main.js",
"engines": {
"node": "10"
},
engineは、どのノードバージョンで実行する必要があるかをFirebaseに通知しています。執筆時点でnode v10は、サポートされている最新のものです。また、Firebaseと競合するため、ここで指定yarnまたはnpmバージョン管理することはできません。
Firebase関数の提供は、通常のノードアプリよりも少し複雑です。この開発依存関係を追加します。
yarn add concurrently -D
"firebase:serve": "concurrently --kill-others \"yarn run build functions --watch\" \"firebase serve --only functions\"",
"firebase:shell": "concurrently --kill-others \"yarn run build functions --watch\" \"firebase functions:shell\" --raw",
"firebase:deploy": "firebase deploy",
yarn firebase:shell -関数シェルをローカルで実行しますyarn firebase:deploy --only functions -関数のデプロイ
執筆時点ではfirebase serve、distディレクトリからのみ機能を提供しています。それを機能させるために、フラグを使用concurrentlyして「同時に」実行するために使用します。buildwatchserve
概要
これはほとんどそれをカバーしています。FirebaseFunctionsをNxプロジェクトに組み込む簡単でエレガントな方法。このためのソースコードはここにあります。ただし、積極的に開発されているため、このバージョンを確認する場合は、このコミットを確認してください。
