Nrwl 이 노드 애플리케이션에 대한 지원 을 출시 한 이후로 저는 Firebase 함수에 대한 유사한 지원을 기대하고있었습니다. 나는 심지어 GitHub 에 문제를 만들었습니다 . 글을 쓰는 시점에는 여전히 열려 있기 때문에 나만의 솔루션을 만들기로 결정했습니다.
문제
Firebase 함수를 초기화하면 firebase init자체 package.json및 node_modules. 그건 좋지 않다. 함수와 코드를 공유하고 Nx를 사용하여 관리하고 싶습니다.
골
- Firebase 함수는 노드 앱으로 존재합니다.
- 단 하나의 존재
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
Firebase 함수 종속성 설치
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있고 루트 디렉토리에 있으므로 거기를 가리켜 야합니다.
"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
요약
이것은 거의 그것을 다룹니다. Firebase 함수를 Nx 프로젝트에 통합하는 쉽고 우아한 방법입니다. 이에 대한 소스 코드는 여기 에서 찾을 수 있습니다 . 그러나이 버전은 활발하게 개발되었으므로이 버전을 검토하려면 이 커밋을 확인 하십시오 .
