Memperluas Firebase Authentication dengan fungsi pemblokiran

Fungsi pemblokiran dapat Anda gunakan untuk mengeksekusi kode kustom yang mengubah hasil pendaftaran atau login pengguna ke aplikasi Anda. Misalnya, Anda dapat mencegah pengguna melakukan autentikasi jika tidak memenuhi kriteria tertentu, atau memperbarui informasi pengguna sebelum menampilkannya ke aplikasi klien.

Sebelum memulai

Untuk menggunakan fungsi pemblokiran, Anda harus mengupgrade project Firebase ke Firebase Authentication with Identity Platform. Jika Anda belum mengupgradenya, lakukan hal tersebut terlebih dahulu.

Memahami fungsi pemblokiran

Anda dapat mendaftarkan fungsi pemblokiran untuk peristiwa ini:

• beforeCreate: Fungsi pemblokiran terpicu sebelum pengguna baru disimpan ke database Firebase Authentication, dan sebelum token ditampilkan ke aplikasi klien.

• beforeSignIn: Fungsi pemblokiran terpicu setelah kredensial pengguna diverifikasi, tetapi sebelum Firebase Authentication menampilkan token ID ke aplikasi klien Anda. Jika aplikasi Anda menggunakan autentikasi multi-faktor, fungsi pemblokiran akan terpicu setelah pengguna memverifikasi faktor kedua. Selain beforeCreate, perlu diperhatikan bahwa membuat pengguna baru juga akan memicu beforeSignIn.

• beforeEmail (khusus Node.js): Fungsi pemblokiran terpicu sebelum email (misalnya,
  email login atau reset sandi) dikirimkan ke pengguna.

• beforeSms (khusus Node.js): Fungsi pemblokiran terpicu sebelum Pesan SMS dikirimkan ke pengguna, untuk kasus seperti autentikasi multi-faktor.

Perhatikan hal-hal berikut saat menggunakan fungsi pemblokiran:

• Fungsi Anda harus merespons dalam 7 detik. Setelah 7 detik, Firebase Authentication akan menampilkan error, dan operasi klien gagal.

• Kode respons HTTP selain 200 akan diteruskan ke aplikasi klien Anda. Pastikan kode klien menangani error yang dapat ditampilkan fungsi Anda.

• Fungsi berlaku untuk semua pengguna dalam project Anda, termasuk yang terdapat dalam tenant. Firebase Authentication memberikan informasi tentang pengguna kepada fungsi Anda, termasuk tenant pengguna tersebut, sehingga Anda dapat merespons dengan semestinya.

• Menautkan penyedia identitas lain ke akun akan memicu kembali semua fungsi beforeSignIn yang terdaftar.

• Autentikasi kustom dan anonim tidak memicu fungsi pemblokiran.

Men-deploy fungsi pemblokiran

Untuk menyisipkan kode kustom ke dalam alur autentikasi pengguna, deploy fungsi pemblokiran. Setelah fungsi pemblokiran di-deploy, kode kustom Anda harus berhasil diselesaikan agar autentikasi dan pembuatan pengguna berhasil.

Anda men-deploy fungsi pemblokiran dengan cara yang sama seperti men-deploy fungsi apa pun. (lihat halaman Memulai Cloud Functions untuk mengetahui detailnya). Rangkuman:

1. Menulis fungsi yang menangani peristiwa yang ditargetkan.

   Misalnya, untuk memulai, Anda dapat menambahkan fungsi tanpa pengoperasian seperti berikut ke index.js:

   const functions = require('firebase-functions/v1');
   
   exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
     // TODO
   });
   
   The above example has omitted the implementation of custom auth logic. See
   the following sections to learn how to implement your blocking functions and
   [Common scenarios](#common-scenarios) for specific examples.
   

1. Deploy fungsi Anda menggunakan Firebase CLI:

   firebase deploy --only functions
   

   Anda harus men-deploy ulang fungsi setiap kali mengupdatenya.

Mendapatkan informasi pengguna dan konteks

Peristiwa beforeSignIn dan beforeCreate menyediakan objek User dan EventContext yang berisi informasi tentang proses login pengguna. Gunakan nilai ini dalam kode Anda untuk menentukan apakah akan mengizinkan operasi dilanjutkan atau tidak.

Untuk daftar properti yang tersedia pada objek User, lihat referensi API UserRecord.

Objek EventContext berisi properti berikut:

Memblokir pendaftaran atau login

Untuk memblokir upaya pendaftaran atau login, tampilkan HttpsError dalam fungsi Anda. Contoh:

throw new functions.auth.HttpsError('permission-denied');

Tabel berikut berisi daftar error yang dapat Anda tampilkan, bersama dengan pesan error default-nya:

Anda juga dapat menentukan pesan error kustom:

throw new functions.auth.HttpsError('permission-denied', 'Unauthorized request origin!');

Contoh berikut menunjukkan cara memblokir pengguna yang berada di luar domain tertentu agar tidak mendaftar ke aplikasi Anda:

exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
  // (If the user is authenticating within a tenant context, the tenant ID can be determined from
  // user.tenantId or from context.resource, e.g. 'projects/project-id/tenant/tenant-id-1')

  // Only users of a specific domain can sign up.
  if (user.email.indexOf('@acme.com') === -1) {
    throw new functions.auth.HttpsError('invalid-argument', `Unauthorized email "${user.email}"`);
  }
});

Terlepas dari apakah Anda menggunakan pesan default atau kustom, Cloud Functions menggabungkan error dan menampilkannya ke klien sebagai error internal. Contoh:

throw new functions.auth.HttpsError('invalid-argument', `Unauthorized email user@evil.com}`);

Aplikasi Anda harus menangkap error tersebut, dan menanganinya secara semestinya. Contoh:

// Blocking functions can also be triggered in a multi-tenant context before user creation.
// firebase.auth().tenantId = 'tenant-id-1';
firebase.auth().createUserWithEmailAndPassword('johndoe@example.com', 'password')
  .then((result) => {
    result.user.getIdTokenResult()
  })
  .then((idTokenResult) => {
    console.log(idTokenResult.claim.admin);
  })
  .catch((error) => {
    if (error.code !== 'auth/internal-error' && error.message.indexOf('Cloud Function') !== -1) {
      // Display error.
    } else {
      // Registration succeeds.
    }
  });

Mengubah pengguna

Daripada memblokir upaya pendaftaran atau login, Anda dapat mengizinkan operasi untuk dilanjutkan, tetapi mengubah objek User yang disimpan ke database Firebase Authentication dan ditampilkan ke klien.

Untuk mengubah pengguna, tampilkan objek dari pengendali peristiwa yang berisi kolom yang akan diubah. Anda dapat mengubah kolom berikut:

• displayName
• disabled
• emailVerified
• photoUrl
• customClaims
• sessionClaims (beforeSignIn saja)

Dengan pengecualian sessionClaims, semua kolom yang diubah disimpan ke database Firebase Authentication, yang berarti kolom tersebut disertakan pada token respons dan terus dipertahankan di antara sesi pengguna.

Contoh berikut menunjukkan cara menetapkan nama tampilan default:

exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
  return {
    // If no display name is provided, set it to "Guest".
    displayName: user.displayName || 'Guest';
  };
});

Jika Anda mendaftarkan pengendali peristiwa untuk beforeCreate dan beforeSignIn, perhatikan bahwa beforeSignIn dijalankan setelah beforeCreate. Kolom pengguna yang diperbarui di beforeCreate dapat dilihat di beforeSignIn. Jika Anda menetapkan kolom selain sessionClaims di kedua pengendali peristiwa, nilai yang ditetapkan dalam beforeSignIn akan menimpa nilai yang ditetapkan dalam beforeCreate. Khusus untuk sessionClaims, kolom tersebut diterapkan ke klaim token sesi saat ini, tetapi tidak dipertahankan atau disimpan dalam database.

Misalnya, jika sessionClaims ditetapkan, beforeSignIn akan menampilkannya dengan klaim beforeCreate, dan keduanya akan digabungkan. Saat digabungkan, jika kunci sessionClaims cocok dengan kunci di customClaims, customClaims yang cocok akan ditimpa dalam klaim token oleh kunci sessionClaims. Namun, kunci customClaims yang ditimpa akan tetap dipertahankan dalam database untuk permintaan berikutnya.

Kredensial dan data OAuth yang didukung

Anda dapat meneruskan kredensial dan data OAuth ke fungsi pemblokiran dari berbagai penyedia identitas. Tabel berikut menunjukkan kredensial dan data yang didukung untuk setiap penyedia identitas:

Token refresh

Untuk menggunakan token refresh dalam fungsi pemblokiran, Anda harus terlebih dahulu mencentang kotak di halaman Blocking functions pada Firebase console.

Token refresh tidak akan ditampilkan oleh penyedia identitas mana pun saat login secara langsung dengan kredensial OAuth, seperti token ID atau token akses. Dalam situasi ini, kredensial OAuth sisi klien yang sama akan diteruskan ke fungsi pemblokiran.

Bagian berikut menjelaskan setiap jenis penyedia identitas serta kredensial dan datanya yang didukung.

Penyedia OIDC umum

Saat pengguna login dengan penyedia OIDC umum, kredensial berikut akan diteruskan:

• Token ID: Diberikan jika alur id_token dipilih.
• Token akses: Diberikan jika alur kode dipilih. Perlu diperhatikan bahwa alur kode saat ini hanya didukung melalui REST API.
• Token refresh: Diberikan jika cakupan offline_access dipilih.

Contoh:

const provider = new firebase.auth.OAuthProvider('oidc.my-provider');
provider.addScope('offline_access');
firebase.auth().signInWithPopup(provider);

Google

Saat pengguna login dengan Google, kredensial berikut akan diteruskan:

• Token ID
• Token akses
• Token refresh: Hanya diberikan jika parameter kustom berikut diminta:
  • access_type=offline
  • prompt=consent, jika sebelumnya pengguna telah memberikan izin dan tidak ada cakupan baru yang diminta

Contoh:

const provider = new firebase.auth.GoogleAuthProvider();
provider.setCustomParameters({
  'access_type': 'offline',
  'prompt': 'consent'
});
firebase.auth().signInWithPopup(provider);

Pelajari token refresh Google lebih lanjut.

Facebook

Saat pengguna login dengan Facebook, kredensial berikut akan diteruskan:

• Token akses: Token akses ditampilkan, yang dapat ditukar dengan token akses lain. Pelajari lebih lanjut berbagai jenis token akses yang didukung oleh Facebook dan cara menukarnya dengan token dengan masa berlaku yang lama.

GitHub

Saat pengguna login dengan GitHub, kredensial berikut akan diteruskan:

• Token akses: Masa berlakunya tidak pernah berakhir kecuali jika dicabut.

Microsoft

Saat pengguna login dengan Microsoft, kredensial berikut akan diteruskan:

• Token ID
• Token akses
• Token refresh: Diteruskan ke fungsi pemblokiran jika cakupan offline_access dipilih.

Contoh:

const provider = new firebase.auth.OAuthProvider('microsoft.com');
provider.addScope('offline_access');
firebase.auth().signInWithPopup(provider);

Yahoo

Saat pengguna login dengan Yahoo, kredensial berikut akan diteruskan tanpa cakupan atau parameter kustom apa pun:

• Token ID
• Token akses
• Token refresh

LinkedIn

Saat pengguna login dengan LinkedIn, kredensial berikut akan diteruskan:

• Token akses

Apple

Saat pengguna login dengan Apple, kredensial berikut akan diteruskan tanpa cakupan atau parameter kustom apa pun:

• Token ID
• Token akses
• Token refresh

Skenario umum

Contoh berikut menunjukkan beberapa kasus penggunaan umum untuk fungsi pemblokiran:

Hanya mengizinkan pendaftaran dari domain tertentu

Contoh berikut menunjukkan cara mencegah pengguna yang bukan bagian dari domain example.com mendaftar ke aplikasi Anda:

exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
  if (!user.email || user.email.indexOf('@example.com') === -1) {
    throw new functions.auth.HttpsError(
      'invalid-argument', `Unauthorized email "${user.email}"`);
  }
});

Memblokir pengguna dengan email yang belum diverifikasi agar tidak mendaftar

Contoh berikut menunjukkan cara mencegah pengguna dengan email yang belum diverifikasi agar tidak mendaftar ke aplikasi Anda:

exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
  if (user.email && !user.emailVerified) {
    throw new functions.auth.HttpsError(
      'invalid-argument', `Unverified email "${user.email}"`);
  }
});

Mewajibkan verifikasi email saat pendaftaran

Contoh berikut menunjukkan cara mewajibkan pengguna memverifikasi emailnya setelah mendaftar:

exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
  const locale = context.locale;
  if (user.email && !user.emailVerified) {
    // Send custom email verification on sign-up.
    return admin.auth().generateEmailVerificationLink(user.email).then((link) => {
      return sendCustomVerificationEmail(user.email, link, locale);
    });
  }
});

exports.beforeSignIn = functions.auth.user().beforeSignIn((user, context) => {
 if (user.email && !user.emailVerified) {
   throw new functions.auth.HttpsError(
     'invalid-argument', `"${user.email}" needs to be verified before access is granted.`);
  }
});

Memperlakukan email penyedia identitas tertentu sebagai terverifikasi

Contoh berikut menunjukkan cara memperlakukan email pengguna dari penyedia identitas tertentu sebagai terverifikasi:

exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
  if (user.email && !user.emailVerified && context.eventType.indexOf(':facebook.com') !== -1) {
    return {
      emailVerified: true,
    };
  }
});

Memblokir login dari alamat IP tertentu

Contoh berikut merupakan cara memblokir login dari rentang alamat IP tertentu:

exports.beforeSignIn = functions.auth.user().beforeSignIn((user, context) => {
  if (isSuspiciousIpAddress(context.ipAddress)) {
    throw new functions.auth.HttpsError(
      'permission-denied', 'Unauthorized access!');
  }
});

Menetapkan klaim kustom dan sesi

Contoh berikut menunjukkan cara menetapkan klaim kustom dan sesi:

exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
  if (context.credential &&
      context.credential.providerId === 'saml.my-provider-id') {
    return {
      // Employee ID does not change so save in persistent claims (stored in
      // Auth DB).
      customClaims: {
        eid: context.credential.claims.employeeid,
      },
      // Copy role and groups to token claims. These will not be persisted.
      sessionClaims: {
        role: context.credential.claims.role,
        groups: context.credential.claims.groups,
      }
    }
  }
});

Melacak alamat IP untuk memantau aktivitas yang mencurigakan

Anda dapat mencegah pencurian token dengan melacak alamat IP yang digunakan pengguna untuk login, lalu membandingkannya dengan alamat IP pada permintaan berikutnya. Jika permintaan tersebut tampak mencurigakan — misalnya, IP berasal dari wilayah geografis yang berbeda — Anda dapat meminta pengguna untuk login lagi.

1. Gunakan klaim sesi untuk melacak alamat IP yang digunakan pengguna untuk login:

   Node.js

   exports.beforeSignIn = functions.auth.user().beforeSignIn((user, context) => {
     return {
       sessionClaims: {
         signInIpAddress: context.ipAddress,
       },
     };
   });
   

2. Saat pengguna mencoba mengakses resource yang memerlukan autentikasi dengan Firebase Authentication, bandingkan alamat IP dalam permintaan dengan IP yang digunakan untuk login:

   Node.js

   app.post('/getRestrictedData', (req, res) => {
     // Get the ID token passed.
     const idToken = req.body.idToken;
     // Verify the ID token, check if revoked and decode its payload.
     admin.auth().verifyIdToken(idToken, true).then((claims) => {
       // Get request IP address
       const requestIpAddress = req.connection.remoteAddress;
       // Get sign-in IP address.
       const signInIpAddress = claims.signInIpAddress;
       // Check if the request IP address origin is suspicious relative to
       // the session IP addresses. The current request timestamp and the
       // auth_time of the ID token can provide additional signals of abuse,
       // especially if the IP address suddenly changed. If there was a sudden
       // geographical change in a short period of time, then it will give
       // stronger signals of possible abuse.
       if (!isSuspiciousIpAddressChange(signInIpAddress, requestIpAddress)) {
         // Suspicious IP address change. Require re-authentication.
         // You can also revoke all user sessions by calling:
         // admin.auth().revokeRefreshTokens(claims.sub).
         res.status(401).send({error: 'Unauthorized access. Please login again!'});
       } else {
         // Access is valid. Try to return data.
         getData(claims).then(data => {
           res.end(JSON.stringify(data);
         }, error => {
           res.status(500).send({ error: 'Server error!' })
         });
       }
     });
   });
   

Menyeleksi foto pengguna

Contoh berikut menunjukkan cara membersihkan foto profil pengguna:

exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
  if (user.photoURL) {
    return isPhotoAppropriate(user.photoURL)
      .then((status) => {
        if (!status) {
          // Sanitize inappropriate photos by replacing them with guest photos.
          // Users could also be blocked from sign-up, disabled, etc.
          return {
            photoUrl: PLACEHOLDER_GUEST_PHOTO_URL,
          };
        }
      });
});

Untuk mempelajari cara mendeteksi dan membersihkan gambar lebih lanjut, lihat dokumentasi Cloud Vision.

Mengakses kredensial OAuth penyedia identitas pengguna

Contoh berikut menunjukkan cara mendapatkan token refresh untuk pengguna yang login dengan Google, dan menggunakannya untuk memanggil API Google Kalender. Token refresh disimpan untuk akses offline.

const {OAuth2Client} = require('google-auth-library');
const {google} = require('googleapis');
// ...
// Initialize Google OAuth client.
const keys = require('./oauth2.keys.json');
const oAuth2Client = new OAuth2Client(
  keys.web.client_id,
  keys.web.client_secret
);

exports.beforeCreate = functions.auth.user().beforeCreate((user, context) => {
  if (context.credential &&
      context.credential.providerId === 'google.com') {
    // Store the refresh token for later offline use.
    // These will only be returned if refresh tokens credentials are included
    // (enabled by Cloud console).
    return saveUserRefreshToken(
        user.uid,
        context.credential.refreshToken,
        'google.com'
      )
      .then(() => {
        // Blocking the function is not required. The function can resolve while
        // this operation continues to run in the background.
        return new Promise((resolve, reject) => {
          // For this operation to succeed, the appropriate OAuth scope should be requested
          // on sign in with Google, client-side. In this case:
          // https://www.googleapis.com/auth/calendar
          // You can check granted_scopes from within:
          // context.additionalUserInfo.profile.granted_scopes (space joined list of scopes).

          // Set access token/refresh token.
          oAuth2Client.setCredentials({
            access_token: context.credential.accessToken,
            refresh_token: context.credential.refreshToken,
          });
          const calendar = google.calendar('v3');
          // Setup Onboarding event on user's calendar.
          const event = {/** ... */};
          calendar.events.insert({
            auth: oauth2client,
            calendarId: 'primary',
            resource: event,
          }, (err, event) => {
            // Do not fail. This is a best effort approach.
            resolve();
          });
      });
    })
  }
});

Mengganti putusan reCAPTCHA Enterprise untuk operasi pengguna

Contoh berikut menunjukkan cara mengganti putusan reCAPTCHA Enterprise untuk alur penggunaan yang didukung.

Lihat Mengaktifkan reCAPTCHA Enterprise untuk mempelajari lebih lanjut cara mengintegrasikan reCAPTCHA Enterprise dengan Firebase Authentication.

Fungsi pemblokiran dapat digunakan untuk mengizinkan atau memblokir alur berdasarkan faktor kustom, sehingga menggantikan hasil yang diberikan oleh reCAPTCHA Enterprise.

const functions = require("firebase-functions/v1");
exports.beforesmsv1 = functions.auth.user().beforeSms((context) => {
 if (
   context.smsType === "SIGN_IN_OR_SIGN_UP" &&
   context.additionalUserInfo.phoneNumber.includes('+91')
 ) {
   return {
     recaptchaActionOverride: "ALLOW",
   };
 }

 // Allow users to sign in with recaptcha score greater than 0.5
 if (event.additionalUserInfo.recaptchaScore > 0.5) {
   return {
     recaptchaActionOverride: 'ALLOW',
   };
 }

 // Block all others.
 return  {
   recaptchaActionOverride: 'BLOCK',
 }
});