【 Firebase 】 Functions を使ってみよう！設定の仕方を画像付きで解説！

npm install -g firebase-tools

$ firebase
Usage: firebase [options] [command]

firebase login

$ 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:
ログイン - Google アカウント
accounts.google.com

Waiting for authentication...

✔  Success! Logged in as xxxxxxxxxx@gmail.com

mkdir ~/.npm-global

npm config set prefix '~/.npm-global'

export PATH=~/.npm-global/bin:$PATH

npm install -g jshint

npm install -g firebase-tools

node -v

nodebrew use v16.14.0 

node -v

npm install -g firebase-tools

firebase init

$ firebase init

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

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

  /Users/xxxxx

Before we get started, keep in mind:

  * You are initializing your home directory as a Firebase project directory

? Which Firebase features do you want to set up for this directory? Press Space to select features, then Enter t
o confirm your choices. (Press <space> to select, <a> to toggle all, <i> to invert selection, and <enter> to pro
ceed)
 ◯ Realtime Database: Configure a security rules file for Realtime Database and (optionally) provision default i
nstance
 ◯ Firestore: Configure security rules and indexes files for Firestore
❯◉ Functions: Configure a Cloud Functions directory and its files
 ◯ Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys
 ◯ Hosting: Set up GitHub Action deploys
 ◯ Storage: Configure a security rules file for Cloud Storage
(Move up and down to reveal more choices)

=== 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 arrow keys)
❯ Use an existing project 
  Create a new project 
  Add Firebase to an existing Google Cloud Platform project 
  Don't set up a default project 

? Select a default Firebase project for this directory: (Use arrow keys)
❯ tensei-shinai (tensei-shinai) 

=== Functions Setup

A functions directory will be created in your project with sample code
pre-configured. Functions can be deployed with firebase deploy.

? What language would you like to use to write Cloud Functions? (Use arrow keys)
❯ JavaScript 
  TypeScript 

? Do you want to use ESLint to catch probable bugs and enforce style? (y/N) N

? Do you want to install dependencies with npm now? (Y/n) y

✔  Firebase initialization complete!

// The Cloud Functions for Firebase SDK to create Cloud Functions and set up triggers.
const functions = require('firebase-functions');

// The Firebase Admin SDK to access Firestore.
const admin = require('firebase-admin');
admin.initializeApp();

// Take the text parameter passed to this HTTP endpoint and insert it into
// Firestore under the path /messages/:documentId/original
exports.addMessage = functions.https.onRequest(async (req, res) => {
  // Grab the text parameter.
  const original = req.query.text;
  // Push the new message into Firestore using the Firebase Admin SDK.
  const writeResult = await admin.firestore().collection('messages').add({original: original});
  // Send back a message that we've successfully written the message
  res.json({result: `Message with ID: ${writeResult.id} added.`});
});

// Listens for new messages added to /messages/:documentId/original and creates an
// uppercase version of the message to /messages/:documentId/uppercase
exports.makeUppercase = functions.firestore.document('/messages/{documentId}')
    .onCreate((snap, context) => {
      // Grab the current value of what was written to Firestore.
      const original = snap.data().original;

      // Access the parameter `{documentId}` with `context.params`
      functions.logger.log('Uppercasing', context.params.documentId, original);

      const uppercase = original.toUpperCase();

      // You must return a Promise when performing asynchronous tasks inside a Functions such as
      // writing to Firestore.
      // Setting an 'uppercase' field in Firestore document returns a Promise.
      return snap.ref.set({uppercase}, {merge: true});
    });

firebase init firestore

$ firebase init firestore

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

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

  /Users/xxxxx

Before we get started, keep in mind:

  * You are initializing your home directory as a Firebase project directory
  * You are initializing within an existing Firebase project directory


=== 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.

i  Using project tensei-shinai (tensei-shinai)

=== Firestore Setup

Firestore Security Rules allow you to define how and when to allow
requests. You can keep these rules in your project directory
and publish them with firebase deploy.

? What file should be used for Firestore Rules? (firestore.rules) y

? What file should be used for Firestore indexes? (firestore.indexes.json) 

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

✔  Firebase initialization complete!

firebase deploy

$ firebase deploy                 

=== Deploying to 'tensei-shinai'...

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 (72.17 KB) for uploading
✔  functions: functions folder uploaded successfully
i  functions: creating Node.js 16 function addMessage(us-central1)...
i  functions: creating Node.js 16 function makeUppercase(us-central1)...
✔  functions[addMessage(us-central1)] Successful create operation.
✔  functions[makeUppercase(us-central1)] Successful create operation.
Function URL (addMessage(us-central1)): https://us-central1-tensei-shinai.cloudfunctions.net/addMessage
i  functions: cleaning up build files...

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/tensei-shinai/overview

Users/xxx/firebase.json

    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint"
    ]

Function URL (addMessage(us-central1)): https://us-central1-tensei-shinai.cloudfunctions.net/addMessage

https://us-central1-tensei-shinai.cloudfunctions.net/addMessage?text=uppercasemetoo

{"result":"Message with ID: s3uVarvUoW6BdxN5KYHC added."}