Catch up on everthing we announced at this year's Firebase Summit. Learn more

Memulai: menulis, menguji, dan men-deploy fungsi pertama Anda

Untuk memulai Cloud Functions, coba pelajari tutorial ini, yang dimulai dengan berbagai tugas penyiapan yang diperlukan, kemudian dilanjutkan dengan pembuatan, pengujian, dan deployment dua fungsi terkait:

  • addMessage(), yang mengekspos URL yang menerima nilai teks dan menuliskannya ke Cloud Firestore.
  • makeUppercase(), yang terpicu saat terjadi penulisan ke Cloud Firestore dan mengubah teks menjadi huruf kapital.

Salah satu alasan kami memilih Cloud Firestore dan fungsi JavaScript yang dipicu HTTP untuk contoh ini adalah karena pemicu latar belakang ini dapat diuji secara menyeluruh melalui Firebase Local Emulator Suite. Kumpulan alat ini juga mendukung pemicu Realtime Database, PubSub, Auth, dan HTTP callable. Jenis pemicu latar belakang lainnya seperti pemicu Remote Config, TestLab, dan Analytics dapat diuji secara interaktif menggunakan kumpulan alat yang tidak dijelaskan di halaman ini.

Bagian-bagian tutorial berikut ini menjelaskan langkah-langkah yang diperlukan untuk mem-build, menguji, dan men-deploy contoh. Jika Anda memilih untuk menjalankan kode dan memeriksanya, lihat bagian Meninjau kode contoh lengkap.

Membuat Project Firebase

  1. Di Firebase console, klik Add project.

    • Untuk menambahkan resource Firebase ke project Google Cloud yang sudah ada, masukkan nama project-nya atau pilih dari menu drop-down.

    • Untuk membuat project baru, masukkan nama project yang diinginkan. Anda juga dapat mengedit project ID yang ditampilkan di bawah nama project.

  2. Jika diminta, tinjau dan setujui persyaratan Firebase.

  3. Klik Continue.

  4. (Opsional) Siapkan Google Analytics untuk project Anda untuk mengoptimalkan penggunaan produk-produk Firebase berikut:

    Pilih akun Google Analytics yang ada atau buat akun baru.

    Jika Anda membuat akun baru, pilih lokasi pelaporan Analytics, lalu setujui setelan berbagi data dan persyaratan Google Analytics untuk project Anda.

  5. Klik Create project (atau Add Firebase, jika Anda menggunakan project Google Cloud yang sudah ada).

Firebase otomatis menyediakan resource untuk project Firebase Anda. Setelah selesai, Anda akan dibawa ke halaman ringkasan untuk project Firebase Anda di Firebase console.

Menyiapkan Node.js dan Firebase CLI

Anda akan memerlukan lingkungan Node.js untuk menulis fungsi, dan Firebase CLI untuk men-deploy fungsi ke runtime Cloud Functions. Untuk menginstal Node.js dan npm, sebaiknya gunakan Node Version Manager.

Setelah Node.js dan npm terinstal, instal Firebase CLI melalui metode pilihan Anda. Untuk menginstal CLI melalui npm, gunakan:

npm install -g firebase-tools

Tindakan ini akan menginstal perintah Firebase yang tersedia secara global. Jika perintah gagal, Anda mungkin perlu mengubah izin npm. Untuk mengupdate ke versi terbaru firebase-tools, jalankan kembali perintah yang sama.

Menginisialisasi project

Saat Anda menginisialisasi Firebase SDK untuk Cloud Functions, buat project kosong yang berisi dependensi dan beberapa kode contoh minimal, lalu pilih TypeScript atau JavaScript untuk membuat fungsi. Untuk keperluan tutorial ini, Anda juga harus menginisialisasi Cloud Firestore.

Untuk menginisialisasi project Anda:

  1. Jalankan firebase login untuk login melalui browser dan mengautentikasi alat Firebase ini.
  2. Buka direktori project Firebase Anda.
  3. Jalankan firebase init firestore. Untuk tutorial ini, Anda dapat menerima nilai default saat diminta untuk file indeks dan aturan Firestore. Jika belum menggunakan Cloud Firestore dalam project ini, Anda juga harus memilih mode awal dan lokasi untuk Firestore seperti yang dijelaskan di halaman Memulai Cloud Firestore.
  4. Jalankan firebase init functions. Alat ini memberi Anda opsi untuk menginstal dependensi dengan npm. Anda bisa menolaknya jika ingin mengelola dependensi dengan cara lain. Namun, jika opsi ini ditolak, Anda harus menjalankan npm install sebelum mengemulasi atau men-deploy fungsi.
  5. Alat ini memberi Anda dua opsi dukungan bahasa:

    Untuk tutorial ini, pilih JavaScript.

Setelah perintah ini berhasil diselesaikan, struktur project Anda akan terlihat seperti ini:

myproject
 +- .firebaserc    # Hidden file that helps you quickly switch between
 |                 # projects with `firebase use`
 |
 +- firebase.json  # Describes properties for your project
 |
 +- functions/     # Directory containing all your functions code
      |
      +- .eslintrc.json  # Optional file containing rules for JavaScript linting.
      |
      +- package.json  # npm package file describing your Cloud Functions code
      |
      +- index.js      # main source file for your Cloud Functions code
      |
      +- node_modules/ # directory where your dependencies (declared in
                       # package.json) are installed

File package.json yang dibuat selama inisialisasi berisi kunci penting: "engines": {"node": "10"}. Kunci ini menentukan versi Node.js Anda untuk menulis dan men-deploy fungsi. Anda dapat memilih versi yang didukung lainnya.

Mengimpor modul yang diperlukan dan menginisialisasi aplikasi

Setelah menyelesaikan tugas penyiapan, Anda dapat membuka direktori sumber dan mulai menambahkan kode seperti yang diuraikan di bagian berikut. Untuk contoh ini, project Anda harus mengimpor modul Cloud Functions dan Admin SDK menggunakan pernyataan require Node. Tambahkan baris seperti berikut ini ke file index.js Anda:

// 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();

Baris ini memuat modul firebase-functions dan firebase-admin, lalu menginisialisasi instance aplikasi admin. Dari instance ini, Anda bisa melakukan perubahan pada Cloud Firestore. Dukungan Admin SDK, seperti yang tersedia untuk FCM, Authentication, dan Firebase Realtime Database, menyediakan cara andal untuk mengintegrasikan Firebase menggunakan Cloud Functions.

Firebase CLI menginstal modul Node Firebase dan Firebase SDK untuk Cloud Functions secara otomatis saat Anda menginisialisasi project. Untuk menambahkan library pihak ketiga ke project, Anda dapat mengubah package.json dan menjalankan npm install. Untuk mengetahui informasi lebih lanjut, baca bagian Menangani Dependensi.

Menambahkan fungsi addMessage()

Untuk fungsi addMessage(), tambahkan baris berikut ke index.js:

// 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.`});
});

Fungsi addMessage() adalah endpoint HTTP. Setiap permintaan yang dibuat ke endpoint akan meneruskan objek Request dan Response seperti pada ExpressJS ke callback onRequest().

Fungsi HTTP bersifat sinkron (mirip dengan fungsi callable), sehingga Anda harus mengirim respons secepat mungkin dan menunda pekerjaan menggunakan Cloud Firestore. Fungsi HTTP addMessage() meneruskan nilai teks ke endpoint HTTP dan memasukkannya ke dalam database di jalur /messages/:documentId/original.

Menambahkan fungsi makeUppercase()

Untuk fungsi makeUppercase(), tambahkan baris berikut ke index.js:

// 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});
    });

Fungsi makeUppercase() dijalankan saat terjadi penulisan ke Cloud Firestore. Fungsi ref.set menentukan dokumen yang akan diproses. Untuk memperoleh performa terbaik, Anda harus sespesifik mungkin.

Tanda kurung kurawal (misalnya, {documentId}) mengurung "parameter", yaitu karakter pengganti yang mengekspos data yang sesuai dengannya dalam callback.

Cloud Firestore memicu callback onWrite() setiap kali data ditulis atau diubah di dokumen yang ditentukan.

Fungsi yang terpicu oleh peristiwa seperti peristiwa Cloud Firestore bersifat asinkron. Fungsi callback akan menampilkan null, Objek, atau Promise. Jika tidak menampilkan hasil apa pun, waktu fungsi akan habis, sehingga akan menghasilkan sinyal error, dan fungsi tersebut akan dicoba ulang. Baca artikel tentang Sinkronisasi, Asinkronisasi, dan Promise.

Mengemulasi eksekusi fungsi

Dengan Firebase Local Emulator Suite, Anda dapat mem-build dan menguji aplikasi di mesin lokal Anda, bukan men-deploy-nya ke project Firebase. Pengujian lokal selama pengembangan sangat direkomendasikan. Salah satu keuntungan pengujian lokal adalah mengurangi risiko error coding yang dapat dikenai biaya di lingkungan produksi (misalnya, loop tak terbatas).

Untuk mengemulasi fungsi Anda:

  1. Jalankan firebase emulators:start dan periksa output untuk URL UI Emulator Suite. URL defaultnya berupa localhost:4000, tetapi mungkin dihosting di port yang berbeda di mesin Anda. Masukkan URL tersebut di browser Anda untuk membuka UI Emulator Suite.

  2. Periksa output perintah firebase emulators:start untuk URL fungsi HTTP addMessage(). URL tersebut akan tampak seperti http://localhost:5001/MY_PROJECT/us-central1/addMessage, dengan pengecualian:

    1. MY_PROJECT akan diganti dengan project ID Anda.
    2. Port-nya mungkin berbeda di mesin lokal Anda.
  3. Tambahkan string kueri ?text=uppercaseme ke akhir URL fungsi. Ini akan terlihat seperti: http://localhost:5001/MY_PROJECT/us-central1/addMessage?text=uppercaseme. Jika ingin, Anda dapat mengubah pesan "uppercaseme" menjadi pesan kustom.

  4. Buat pesan baru dengan membuka URL di tab baru pada browser Anda.

  5. Lihat efek fungsi di UI Emulator Suite:

    1. Di tab Logs, Anda akan melihat log baru yang menunjukkan bahwa fungsi addMessage() dan makeUppercase() telah berjalan:

      fungsi i: Memulai eksekusi "addMessage"

      fungsi i: Memulai eksekusi "makeUppercase"

    2. Di tab Firestore, Anda akan melihat dokumen yang berisi pesan asli Anda serta versi huruf kapital dari pesan tersebut (jika awalnya adalah "uppercaseme", Anda akan melihat "UPPERCASEME").

Men-deploy fungsi ke lingkungan produksi

Setelah fungsi berjalan seperti yang diinginkan di emulator, Anda dapat melanjutkan untuk men-deploy, menguji, dan menjalankannya di lingkungan produksi. Perlu diingat bahwa untuk men-deploy ke lingkungan runtime Node.js 14 yang direkomendasikan, project Anda harus menggunakan paket harga Blaze. Lihat Harga Cloud Functions.

Untuk menyelesaikan tutorial, deploy fungsi Anda, lalu jalankan addMessage() untuk memicu makeUppercase().

  1. Jalankan perintah ini untuk men-deploy fungsi Anda:

    $ firebase deploy --only functions
    

    Setelah Anda menjalankan perintah ini, Firebase CLI akan membuat output URL untuk setiap endpoint fungsi HTTP. Dalam terminal, Anda akan melihat baris seperti ini:

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

    URL ini berisi project ID Anda serta region untuk fungsi HTTP. Meskipun Anda tidak perlu mengkhawatirkannya sekarang, beberapa fungsi HTTP produksi harus menentukan lokasi untuk meminimalkan latensi jaringan.

    Jika Anda menemukan error akses, seperti "Unable to authorize access to project", coba periksa aliasing project Anda.

  2. Dengan menggunakan URL addMessage() yang merupakan output CLI, tambahkan parameter kueri teks, lalu buka di browser:

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

    Fungsi mengeksekusi dan mengalihkan browser ke Firebase console di lokasi database tempat string teks disimpan. Peristiwa penulisan ini memicu makeUppercase(), yang menulis string dalam huruf kapital.

Setelah men-deploy dan menjalankan fungsi, Anda dapat melihat log di Firebase console untuk Cloud Functions. Jika perlu menghapus fungsi dalam pengembangan atau produksi, gunakan Firebase CLI.

Dalam produksi, sebaiknya optimalkan performa fungsi dan kontrol biaya dengan menetapkan jumlah minimum dan maksimum instance yang akan dijalankan. Lihat bagian Mengontrol perilaku penskalaan untuk informasi selengkapnya tentang opsi runtime ini.

Meninjau kode contoh lengkap

Berikut ini adalah functions/index.js lengkap yang berisi fungsi addMessage() dan makeUppercase(). Dengan fungsi-fungsi ini, Anda dapat meneruskan parameter ke endpoint HTTP yang menulis nilai ke Cloud Firestore, lalu mengubahnya dengan mengganti semua karakter dalam string menjadi huruf kapital.

// 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});
    });

Langkah berikutnya

Dalam dokumentasi ini, Anda dapat menemukan informasi lebih lanjut seputar konsep umum Cloud Functions serta panduan untuk menulis fungsi guna menangani jenis peristiwa yang didukung oleh Cloud Functions.

Untuk mempelajari Cloud Functions lebih lanjut, Anda juga dapat melakukan hal berikut:

Video tutorial

Anda dapat mempelajari Cloud Functions lebih lanjut dengan menonton video tutorial. Dalam video ini, Anda akan menemukan panduan terperinci untuk memulai Cloud Functions, termasuk penyiapan Node.js dan CLI.