Odkąd Nrwl udostępnił wsparcie dla aplikacji węzłów, nie mogłem się doczekać podobnej obsługi funkcji Firebase. Stworzyłem nawet w tym celu problem na GitHubie . W chwili pisania tego tekstu jest nadal otwarty, dlatego zdecydowałem się stworzyć własne rozwiązanie.

Problem

Po zainicjowaniu funkcji Firebase za firebase initjego pomocą tworzy podkatalog funkcji z własnymi package.jsoni node_modules. To niedobrze. Chcemy udostępniać kod funkcjom i zarządzać nim za pomocą Nx.

Cel

• Funkcje Firebase istnieją jako aplikacja węzłowa
• Jest tylko jeden package.jsoninode_modules
• Funkcje mogą używać udostępnionego kodu zlibs

Zakładamy, że masz działający projekt Nrwl z aplikacją Angular. Zalecane jest również posiadanie konta Firebase i zrozumienie, czym są Funkcje Firebase.

Rozwiązanie

Skonfiguruj Firebase

Jeśli jeszcze tego nie zrobiłeś, zainstaluj firebase-toolsi zaloguj się:

yarn global add firebase-tools
firebase login

{
  "projects": {
    "default": "your-firebase-project-name"
  }
}

Jak stwierdzono w celu, funkcje mają być oparte na node-app. Aby to zrobić, utwórz node-appnazwane „funkcje”:

ng add @nrwl/node # Adds Node capabilities
ng g @nrwl/node:application functions

Zainstaluj zależności funkcji 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!');
});

Aby skonfigurować Funkcje Firebase, aby były zrozumiałe, utwórz firebase.jsonw katalogu głównym:

{
  "functions": {
    "predeploy": [
      "yarn lint functions",
      "yarn build functions --prod"
    ],
    "source": "/"
  }
}

• sourcewskazuje na katalog główny projektu. Ponieważ mamy tylko jeden package.jsoni znajduje się on w katalogu głównym, musi tam wskazywać.

"main": "dist/apps/functions/main.js",
"engines": {
  "node": "10"
},

• engineinformuje Firebase, na której wersji węzła powinien zostać uruchomiony. W chwili pisania tego tekstu node v10obsługiwany jest najnowszy. NIE MOŻESZ również określić yarnani npmwersji w tym miejscu, ponieważ spowoduje to konflikt z firebase.

Obsługa funkcji Firebase jest nieco bardziej skomplikowana niż typowa aplikacja węzła. Dodaj tę zależność od deweloperów:

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 - uruchamiaj funkcje powłoki lokalnie
• yarn firebase:deploy --only functions - wdrażanie funkcji

W chwili pisania tego tekstu firebase servesłuży tylko funkcjom z distkatalogu. Aby to działało, używamy concurrentlydo działania buildz watchflagą i serve„współbieżnie”.

Podsumowanie

To prawie wszystko to obejmuje. Łatwy i elegancki sposób na włączenie funkcji Firebase do projektu Nx. Kod źródłowy tego można znaleźć tutaj . Jednak jest aktywnie rozwijany, więc jeśli chcesz przejrzeć TĘ wersję, sprawdź to zatwierdzenie .