# Belépés Google-fiókkal és Facebook közösségi belépés

> A vásárlók és a munkavállalók belépése Google- vagy Facebook-fiókkal: saját OAuth-alkalmazás, kulcsok, jogosultságok és a működés.

A közösségi belépéssel a vásárlók és a munkavállalók egy kattintással, jelszó nélkül léphetnek be az Amelia felületeire a Google- vagy a Facebook-fiókjukkal. Az Amelia a megadott e-mail-cím alapján ellenőrzi a belépést. Mindkét integráció a Standard, a Pro és az Elite licencben érhető el.

## Belépés Google-fiókkal

### Bekapcsolás

Nyisd meg az **Amelia → Funkciók és integrációk → Integrációk** oldalt, a **Belépés Google-fiókkal** kártyán kattints a **Bekapcsolás**, majd a **Beállítás** gombra. A beállítóoldal ugyanaz, mint a Google-naptár integrációé: a **Google** oldalon a **Bejelentkezés a Google-lel** gomb alatt a **Client ID**, a **Kliens titkos kulcsa**, az **Átirányítási URI** és a **Google Maps API-kulcs** mezők vannak.

![A Google beállítóoldal Client ID és Kliens titkos kulcsa mezőkkel](./kepek/integraciok-google-belepes-beallitas.webp)

*A Google beállítóoldal Client ID és Kliens titkos kulcsa mezőkkel* (https://minta-bolt.hu/wp-admin/admin.php?page=wpamelia-features-integrations)

### Saját Google Cloud OAuth alkalmazás

A közösségi belépéshez saját Google Cloud OAuth alkalmazás kell. A **Bejelentkezés a Google-lel** gomb ide nem használható, mert az az Amelia beépített Google-alkalmazásán keresztül csatlakozik. Hozz létre egy saját OAuth alkalmazást a Google Cloud Console-ban a Google-naptár haladó beállításánál leírt lépések szerint, majd:

1. Másold a **Client ID** és a **Client Secret** értékét az Amelia megfelelő mezőibe (**Client ID**, **Kliens titkos kulcsa**).
2. Add hozzá az Amelia **Átirányítási URI** mezőjében látható címet az OAuth-beállítások **Authorized redirect URIs** listájához.

### Szükséges beállítások a Google Cloud Console-ban

1. Nyisd meg az **APIs & services → Credentials** oldalt.
2. Válaszd ki az OAuth 2.0 klienst.
3. Az **Authorized JavaScript origins** alatt add meg a weboldalad domainjét.
4. Görgess le, és kattints a **Save** gombra.

Ez teszi lehetővé, hogy a Google ellenőrizze a böngészőből érkező kéréseket, és a biztonsági szabályok ne blokkolják a belépést. Ellenőrizd, hogy az Amelia átirányítási URI-ja az **Authorized redirect URIs** között is szerepel.

### Hogyan lépnek be a felhasználók

A felhasználók az Amelia belépőképernyőin a **Sign in with Google** gombbal lépnek be. Az Amelia megnézi a Google-fiók e-mail-címét, és csak akkor ad hozzáférést, ha az már létezik a rendszerben:

- vásárlónál az e-mail-cím egy meglévő vásárlói profilhoz tartozzon;
- munkavállalónál az e-mail-cím egyezzen a munkavállaló beállított e-mail-címével.

Az OAuth-adatok megadása után más kapcsolót vagy beállítást nem kell bekapcsolni.

### Mire figyelj

- Saját Google Cloud OAuth alkalmazás kell, mert az Amelia beépített Google-alkalmazása nem használható közösségi belépéshez.
- A weboldalad domainjét az **Authorized JavaScript origins** között kell megadni, különben a böngésző biztonsági szabályai megakadályozhatják a belépést.
- A Google-fiók e-mail-címének már léteznie kell az Ameliában vásárlóként vagy munkavállalóként.

## Facebook közösségi belépés

A Facebook-belépés a vásárlók és a munkavállalók számára lehetővé teszi a paneleikbe való belépést, és kitölti helyettük a foglalási űrlap adatait.

### Bekapcsolás

Nyisd meg az **Amelia → Funkciók és integrációk → Integrációk** oldalt, a **Facebook közösségi belépés** kártyán kattints a **Bekapcsolás**, majd a **Beállítás** gombra. A **Meta** beállítóoldalon a **Facebook-alkalmazás-ID** és a **Facebook-alkalmazás titka** mezőt kell kitöltened a Meta Developer fiókodból.

![A Meta beállítóoldal Facebook-alkalmazás-ID és titok mezőkkel](./kepek/integraciok-facebook-belepes-beallitas.webp)

*A Meta beállítóoldal Facebook-alkalmazás-ID és titok mezőkkel* (https://minta-bolt.hu/wp-admin/admin.php?page=wpamelia-features-integrations)

### Meta Developer fiók és alkalmazás

Az integrációhoz ellenőrzött Meta Developer fiók kell.

1. Nyisd meg a Meta for Developers oldalát, és jelentkezz be vagy hozz létre fiókot.
2. A **Dashboard** képernyőn görgess le, és a **Facebook Login for Business** kártyán kattints a **Set up** gombra.

### OAuth-beállítások

1. A következő képernyőn görgess a **Client OAuth settings** szakaszhoz.
2. Kapcsold be a **Client OAuth Login** és a **Web OAuth Login** beállítást.
3. A **Valid OAuth Redirect URIs** mezőbe írd be a weboldalad címét.
4. Az **Allowed Domains for JavaScript SDK** mezőbe írd be a domainedet, hogy a böngésző biztonsági szabályai ne akadályozzák a belépést.

### Jogosultságok kérése

1. Nyisd meg az **App Review → Permissions and Features** oldalt.
2. Keress rá az `email` és a `public_profile` jogosultságra.
3. Mindkettőnél kattints külön a jobb szélen lévő **Request advanced access** gombra.

Ezekkel olvassa ki az Amelia a felhasználó alapvető profiladatait, hogy a belépés és az űrlap automatikus kitöltése működjön. A jogosultságokat jóvá kell hagyatni, mielőtt az integráció élesbe mehet.

### Üzleti fiók ellenőrzése és jóváhagyás

A Meta a belépéshez szükséges fontos jogosultságokat kérő alkalmazásoknál üzleti ellenőrzést kér. Kövesd a Meta Dashboardon a lépéseket, és töltsd fel a kért dokumentumokat. Az OAuth-beállítások és a jogosultságok kérése után küldd be az alkalmazást felülvizsgálatra a Meta Dashboardon. A Meta ellenőrzi, hogy az adathasználat és a hitelesítés megfelel a szabályzatának. Jóváhagyás nélkül az alkalmazás nem használható éles foglalási környezetben.

### Összekötés az Ameliával

1. A jóváhagyás után nyisd meg a Meta Dashboardon az **App → Settings → Basic** oldalt, és másold ki az **App ID** és az **App secret** értékét.
2. Illeszd be őket az Ameliában a **Facebook-alkalmazás-ID** és a **Facebook-alkalmazás titka** mezőbe (**Funkciók és integrációk → Integrációk → Facebook közösségi belépés → Beállítás**).
3. Kattints a **Mentés** gombra.

Ezzel a Facebook-belépés bekapcsol a vásárlói és a munkavállalói panelen.

### Hol látják a felhasználók

A Facebook-belépés a vásárlói és a munkavállalói panel belépőképernyőjén jelenik meg. A foglalás közben is működik, ilyenkor a Facebook-fiók adataiból tölti ki a vásárló adatait. A gombok követik a Facebook arculati szabályait, és illeszkednek az Amelia felületéhez.

### Mire figyelj

- A Meta Developer fiókot ellenőriztetni kell, mielőtt az alkalmazás élesbe mehet.
- A **Client OAuth Login** és a **Web OAuth Login** bekapcsolása nélkül a hitelesítés nem működik.
- A **Valid OAuth Redirect URIs** és az **Allowed Domains for JavaScript SDK** értékének pontosan egyeznie kell a weboldalad címével.
- A belépéshez és az automatikus kitöltéshez az `email` és a `public_profile` jogosultság kell.
- Csak az a felhasználó fér hozzá a panelekhez, akinek a Facebook e-mail-címe egyezik egy meglévő Amelia-profil címével.