今回はfirebaseのcloud functionsを使ってみたいなということで、ざっくりHelloWorldしてみました。その時の備忘録です。

環境

mac Catalina

参考にさせていただいた記事

https://qiita.com/azukiazusa/items/edd6ca9cba2d48c4c3e2
https://qiita.com/tdkn/items/2ed2b01f2656fc50da8c

nodebrewをインストール

まずは、nodeを入れる必要があるので、以下をターミナルで実行
(homebrewは入っていることが前提）

brew install nodebrew

インストールできるバージョンの確認

nodebrew ls-remote

インストール先のディレクトリ作成

mkdir -p ~/.nodebrew/src

インストール

Cloud FunctionsはNode.jsのversion10を使うので
10の最新を使うってことでいいのかな？
（あんまりわかってない。。知ってる方いらっしゃったら教えてくださいmm）

nodebrew install-binary v10.22.0

有効化

nodebrew use v10.22.0

パスを通す

~/.zshrc

export PATH="$HOME/.nodebrew/current/bin:$PATH" # <-追加

コンソールを再起動してバージョン確認

% node -v
v10.22.0
% npm -v
6.14.6

firebaseから、プロジェクトを作成する

https://console.firebase.google.com/
から、今回は、flutter-test-bd19fというプロジェクトIDで作成しました。
(flutter関係ないけど、、）

firebaseにログイン

funeasy@funeasy DevFunc % firebase login
i  Firebase optionally collects CLI usage and error reporting information to help improve our products. Data is collected in accordance with Google's privacy policy (https://policies.google.com/privacy) and is not used to identify you.

? Allow Firebase to collect CLI usage and error reporting information? Yes
i  To change your data collection preference at any time, run `firebase logout` and log in again.

Visit this URL on this device to log in:
https://accounts.google.com/o/oauth2/auth?xxx

Waiting for authentication...

✔  Success! Logged in as xxxxxx@gmail.com

新規function作成

functionsをおくディレクトリに移動して、以下を実行。
どのプロジェクトに対してのfunctionsか聞かれるので、先ほど作成した　flutter-test-bd19f を選択する。

funeasy@funeasy DevFunc % firebase init functions

     ######## #### ########  ######## ########     ###     ######  ########
     ##        ##  ##     ## ##       ##     ##  ##   ##  ##       ##
     ######    ##  ########  ######   ########  #########  ######  ######
     ##        ##  ##    ##  ##       ##     ## ##     ##       ## ##
     ##       #### ##     ## ######## ########  ##     ##  ######  ########

You're about to initialize a Firebase project in this directory:

  /Users/funeasy/Documents/DevFunc


=== Project Setup

First, let's associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use --add, 
but for now we'll just set up a default project.

? Please select an option: Use an existing project
? Select a default Firebase project for this directory: flutter-test-bd19f (flutter-test)
i  Using project flutter-test-bd19f (flutter-test)

=== Functions Setup

A functions directory will be created in your project with a Node.js
package pre-configured. Functions can be deployed with firebase deploy.

? What language would you like to use to write Cloud Functions? JavaScript
? Do you want to use ESLint to catch probable bugs and enforce style? No
✔  Wrote functions/package.json
✔  Wrote functions/index.js
✔  Wrote functions/.gitignore
? Do you want to install dependencies with npm now? Yes

> protobufjs@6.10.1 postinstall /Users/funeasy/Documents/DevFunc/functions/node_modules/protobufjs
> node scripts/postinstall

npm notice created a lockfile as package-lock.json. You should commit this file.
added 253 packages from 205 contributors and audited 253 packages in 6.351s

29 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities


i  Writing configuration info to firebase.json...
i  Writing project information to .firebaserc...
i  Writing gitignore file to .gitignore...

✔  Firebase initialization complete!
funeasy@funeasy DevFunc % ls
firebase.json	functions
funeasy@funeasy DevFunc %

node.jsのバージョンを確認

nodeは10で使うことを意味するコードが、最初から登録されていたので、大丈夫そう。

functions/packeage.json

...
  "engines": {
    "node": "10"
  },
...

index.jsを編集

ディレクトリ下に追加されたfunctions/index.jsを編集する。

index.js

const functions = require('firebase-functions');

// // Create and Deploy Your First Cloud Functions
// // https://firebase.google.com/docs/functions/write-firebase-functions
//
exports.helloWorld = functions.https.onRequest((request, response) => {
  functions.logger.info("Hello logs!", {structuredData: true});
  response.send("Hello from Firebase!");
});

ひとまず試したいので、helloWorldをコメントアウトしてみました。

ローカル環境でテスト


funeasy@funeasy DevFunc % firebase serve --only functions:helloWorld
✔  functions: Using node@10 from host.
i  functions: Watching "/Users/funeasy/Documents/DevFunc/functions" for Cloud Functions...
⚠  It looks like you're trying to access functions.config().firebase but there is no value there. You can learn more about setting up config here: https://firebase.google.com/docs/functions/local-emulator
⚠  functions: The Cloud Firestore emulator is not running, so calls to Firestore will affect production.
✔  functions[helloWorld]: http function initialized (http://localhost:5000/flutter-test-bd19f/us-central1/helloWorld).
(http://localhost:5000/flutter-test-bd19f/us-central1/helloWorld3).
⚠  functions: The Cloud Firestore emulator is not running, so calls to Firestore will affect production.
i  functions: Beginning execution of "helloWorld"
>  {"structuredData":true,"severity":"INFO","message":"Hello logs!"}
i  functions: Finished "helloWorld" in ~1s

ちなみにFireStoreなどproduction serviceにアクセスするようなコードは、ローカルでは実行できないみたい。
こういうのをテストするときは、みなさまデプロイしながらやってるんだろうか。。？

デプロイする

funeasy@funeasy DevFunc % firebase deploy --only functions

=== Deploying to 'flutter-test-bd19f'...

i  deploying functions
i  functions: ensuring required API cloudfunctions.googleapis.com is enabled...
i  functions: ensuring required API cloudbuild.googleapis.com is enabled...
⚠  functions: missing required API cloudbuild.googleapis.com. Enabling now...
✔  functions: required API cloudfunctions.googleapis.com is enabled

Error: Cloud Functions deployment requires the pay-as-you-go (Blaze) billing plan. To upgrade your project, visit the following URL:
      
https://console.firebase.google.com/project/flutter-test-bd19f/usage/details

For additional information about this requirement, see Firebase FAQs:

https://firebase.google.com/support/faq#functions-runtime

支払いがBlazeでないとダメと怒られた。。
Blazeにアップグレードして再度実行。

funeasy@funeasy DevFunc % firebase deploy --only functions

=== Deploying to 'flutter-test-bd19f'...

i  deploying functions
i  functions: ensuring required API cloudfunctions.googleapis.com is enabled...
i  functions: ensuring required API cloudbuild.googleapis.com is enabled...
✔  functions: required API cloudfunctions.googleapis.com is enabled
⚠  functions: missing required API cloudbuild.googleapis.com. Enabling now...
✔  functions: required API cloudbuild.googleapis.com is enabled
i  functions: preparing functions directory for uploading...
i  functions: packaged functions (27.45 KB) for uploading
✔  functions: functions folder uploaded successfully
i  functions: creating Node.js 10 function helloWorld(us-central1)...
✔  functions[helloWorld(us-central1)]: Successful create operation. 
Function URL (helloWorld): https://us-central1-flutter-test-bd19f.cloudfunctions.net/helloWorld

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/flutter-test-bd19f/overview

できた〜！
Function URLにアクセスすると、無事 Hello from Firebase!の文字がでました〜！