Bagikan melalui

Mengonfigurasikan Azure App Service atau aplikasi Azure Functions Anda untuk menggunakan masuk Facebook

  • Artikel

Artikel ini memperlihatkan cara mengonfigurasikan Azure App Service atau Azure Functions untuk menggunakan Facebook sebagai penyedia autentikasi.

Untuk menyelesaikan prosedur dalam artikel ini, Anda memerlukan akun Facebook yang memiliki alamat email dan nomor ponsel terverifikasi. Untuk membuat akun Facebook baru, buka facebook.com.

Daftarkan aplikasi Anda dengan Facebook

  1. Buka situs web Pengembang Facebook dan masuk dengan info masuk akun Facebook Anda.

    Jika Anda tidak memiliki akun Facebook for Developers, pilih Mulai dan ikuti langkah-langkah pendaftaran.

  2. Pilih Aplikasi Saya>Tambahkan Aplikasi Baru.

  3. Di bidang Nama Tampilan:

    1. Ketikkan nama unik untuk aplikasi Anda.
    2. Berikan Alamat Email Kontak Anda.
    3. Pilih Buat ID Aplikasi.
    4. Selesaikan pemeriksaan keamanan.

    Dasbor pengembang untuk aplikasi Facebook baru Anda terbuka.

  4. Pilih Dasbor>Masuk Facebook>Siapkan>Web.

  5. Di navigasi kiri di bawah Masuk Facebook, pilih Pengaturan.

  6. Di bidang URI pengalihan OAuth yang Valid, masukkan https://<app-name>.azurewebsites.net/.auth/login/facebook/callback. Ingatlah untuk mengganti <app-name> dengan nama aplikasi Azure App Service Anda.

  7. Pilih Simpan Perubahan.

  8. Di panel kiri, pilih Pengaturan>Dasar.

  9. Di bidang Rahasia Aplikasi, pilih Perlihatkan. Salin nilai ID Aplikasi dan Rahasia Aplikasi. Anda menggunakannya nanti untuk mengonfigurasikan aplikasi App Service anda di Azure.

    Penting

    Rahasia aplikasi adalah info masuk keamanan yang penting. Jangan berbagi rahasia ini dengan siapa pun atau mendistribusikannya dalam aplikasi klien.

  10. Akun Facebook yang Anda gunakan untuk mendaftarkan aplikasi adalah admin aplikasi. Pada titik ini, hanya admin yang dapat masuk ke aplikasi ini.

    Untuk mengautentikasi akun Facebook lainnya, pilih Ulasan Aplikasi dan aktifkan Membuat <nama-aplikasi-Anda> publik untuk memungkinkan masyarakat umum mengakses aplikasi dengan menggunakan autentikasi Facebook.

Menambahkan informasi Facebook ke aplikasi Anda

  1. Masuk ke portal Microsoft Azure dan navigasikan ke aplikasi Anda.

  2. Pilih Autentikasi pada menu di sebelah kiri. Klik Tambahkan penyedia identitas .

  3. Pilih Facebook di menu dropdown Idp. Tempelkan nilai App ID dan App Secret yang Anda peroleh sebelumnya.

    Rahasia akan disimpan sebagai pengaturan aplikasi slot-sticky bernama FACEBOOK_PROVIDER_AUTHENTICATION_SECRET. Anda dapat memperbarui pengaturan tersebut nanti untuk menggunakan referensi Key Vault jika Anda ingin mengelola rahasia di Azure Key Vault.

  4. Jika ini adalah penyedia identitas pertama yang dikonfigurasi untuk aplikasi, Anda juga akan diminta dengan bagian pengaturan autentikasi App Service. Jika tidak, Anda boleh melanjutkan ke langkah berikutnya.

    Opsi ini menentukan bagaimana aplikasi Anda merespons permintaan yang tidak diautentikasi, dan pilihan default akan mengalihkan semua permintaan untuk masuk dengan penyedia baru ini. Anda dapat mengubah kustomisasi perilaku ini sekarang atau menyesuaikan pengaturan ini nanti dari layar Autentikasi dengan memilih Edit di samping Pengaturan autentikasi. Untuk mempelajari selengkapnya tentang opsi ini, lihat Alur autentikasi.

  5. (Opsional) Klik Berikutnya: Cakupan dan tambahkan cakupan apa pun yang diperlukan oleh aplikasi. Hal ini akan diminta pada waktu masuk untuk alur berbasis browser.

  6. Klik Tambahkan.

Kini Anda siap menggunakan Facebook untuk autentikasi di aplikasi Anda. Penyedia akan dicantumkan pada layar Autentikasi. Dari sana, Anda dapat mengedit atau menghapus konfigurasi penyedia ini.

Langkah berikutnya