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==
3. Selanjutnya pilih **Application Type** ==Web Application==
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.

5. Kemudian pilih ==CREATE== dan selanjutkan akan me-generate ==Client ID== dan ==Client Secret== untuk dipakai di website FMA.

---

## 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
4. Selanjutnya masukan url situs setelah itu langsung click lanjutkan-lanjutkan saja
5. Selanjutnya pilih ==Pengaturan Masuk Facebook== dimenu sidebar
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.
7. Selanjutnya ke menu pengaturan dasar dan inputkan `https://binus-dashboard.netlify.app` pada ==Domain Aplikasi== dan ==URL Kebijakan Privasi== kemudian simpan

---

## Konfigurasi OAuth Azure Active Directory

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

1. Pilih ==Azure Active Directory== Kemudian pilih menu ==App registrations==
2. Pilih Application yang sebelumnya sudah dibuat.
3. Kemudian klik pada ==Redirect URIs==

4. Kemudian ==Add Platform== Kemudian pilih platform ==Web==

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

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