---
# System prepended metadata

title: Konfigurasi OAuth provider untuk website FMA

---

Konfigurasi OAuth provider untuk website FMA
===
---

## Konfigurasi OAuth Google

:earth_asia: url : [Google Console / Google Cloud](https://console.cloud.google.com/)

1. Select Project yang sudah dibuat sebelumnya
2. Kemudian pilih ==CREATE CREDENTIALS== dan pilih ==OAuth client ID==
![](https://i.imgur.com/rc8jSg3.png)
3. Selanjutnya pilih **Application Type** ==Web Application==
![](https://i.imgur.com/KeSn7bL.png)
4. Kemudian isi form yang muncul seperti **Name**, **Authorized JavaScript origins** (`http://localhost:3000`, `https://binus-dashboard.netlify.app`) dan **Authorized redirect URIs** (`http://localhost:3000/api/auth/google`, `https://binus-dashboard.netlify.app/api/auth/google`). Seperti pada gambar dibawah ini. 
![](https://i.imgur.com/pMAa7Jx.png)

5. Kemudian pilih ==CREATE== dan selanjutkan akan me-generate ==Client ID== dan ==Client Secret== untuk dipakai di website FMA.
![](https://i.imgur.com/X65iedD.png)

---

## Konfigurasi OAuth Facebook

:earth_asia: url : [Meta for Developers / Facebook Developer](https://developers.facebook.com/)

1. Select Project Aplikasi yang sudah dibuat sebelumnya
2. Selanjutnya tambahkan produk ==Masuk Facebook== diproject aplikasi
3. Kemudian pilih platform web
![](https://i.imgur.com/9JFaknk.png)
4. Selanjutnya masukan url situs setelah itu langsung click lanjutkan-lanjutkan saja
![](https://i.imgur.com/9k68B14.png)
5. Selanjutnya pilih ==Pengaturan Masuk Facebook== dimenu sidebar
![](https://i.imgur.com/iHTOxB9.png)
6. Kemudian masukkan ==Redirect OAuth URI== (`http://localhost:3000/api/auth/facebook`, `https://binus-dashboard.netlify.app/api/auth/facebook`) dan ==Domain yang diizinkan==  (`http://localhost:3000`, `https://binus-dashboard.netlify.app`) seperti digambar, kemudian simpan.
![](https://i.imgur.com/ExBk5bq.png)
7. Selanjutnya ke menu pengaturan dasar dan inputkan `https://binus-dashboard.netlify.app`  pada ==Domain Aplikasi== dan ==URL Kebijakan Privasi== kemudian simpan
![](https://i.imgur.com/vV4s2wH.png)

---

## Konfigurasi OAuth Azure Active Directory

:earth_asia: url : [Azure Portal](https://portal.azure.com/)

1. Pilih ==Azure Active Directory== Kemudian pilih menu ==App registrations==
![](https://i.imgur.com/3CoOEB2.png)
2. Pilih Application yang sebelumnya sudah dibuat.
3. Kemudian klik pada ==Redirect URIs==
![](https://i.imgur.com/S6YhNq9.png)

4. Kemudian ==Add Platform== Kemudian pilih platform ==Web==
![](https://i.imgur.com/nUSht0R.png)

5. Kemudian isikan ==Redirect URIs== kemudian pilih ==Configure== 
6. kemudian tambahkan lagi untuk ==Refirect URIs== `http://localhost:3000/api/auth/azure-ad` dan `https://binus-dashboard.netlify.app/api/auth/azure-ad` selanjutnya ==Save==
![](https://i.imgur.com/JKPwawh.png)

7. Kemudian kembali lagi ke menu ==App Registrations==, setelah itu copy-kan `Application (client) ID`, `Directory (tenant) ID`, `Client credentials (Secret Value)` yang nanti akan digunakan di website
![](https://i.imgur.com/d8wt9Nr.png)
