Ugrás a fő tartalomra

Közösségi bejelentkezés használata törzsvendég modullal

A RESnWEB törzsvendég moduljába a látogatók bejelentkezhetnek közösségi platformok használatával is

Zoltán Gál avatar
Írta: Zoltán Gál
Több mint 2 hónappal ezelőtt frissítve

A RESnWEB törzsvendég modul közösségi bejelentkezés segítségével a rendszert használók látogatói megadhatják Google bejelentkezési adataikat és már regisztrált vásárlóként élvezhetik a további böngészést.

Ahhoz, hogy vendégei Google fiókkal be tudjanak lépni a RESnWEB törzsvendég rendszerébe, pár beállítást el kell végeznünk a Google Cloud beállítási felületén: https://console.cloud.google.com/apis/

(Ide Google fiókunkkal tudunk belépni, ha nincs, szükséges készíteni.)

Az alábbiakban segítséget szeretnénk nyújtani ezek beállításához.

Először fogadjuk el a felhasználási feltételeket, ha a Google ezt kéri tőlünk.

Új projekt létrehozása

Kattintsunk a "New Project” gombra, majd hozzuk létre a projektet a "Create" gombbal.

Miután létrehoztuk a projektet (győződjünk meg róla, hogy ez van kiválasztva), az APIs & Services menüponton belül válasszuk ki az "OAuth consent screen" menüt és kattintsunk a "GET started" gombra.

Egy beállítást segítő folyamat indul el, kitöltendő mezőkkel

Töltsük ki a szükséges mezőket:

App information:


App Name: A hotel neve
User Support email: A felhasználók ezen az e-mail címen fogják tudni feltenni a kérdéseiket (pl. akarmi@bambara.hu)

Audience:

External

Contact information

A Google ezen az email címen értesíti a projektben lévő módosításokról

Finish

Fogadjuk el a hozzájárulást.

Kattintsunk a "Create" gombra

A Branding menüpontban töltsük ki az alábbi mezőket:

App logo: Itt tudjuk kiválasztani az Applikáció logóját (opcionális). A logónak a következő feltételeknek kell megfelelnie:
- Mérete nem lehet nagyobb 1mb-nál.
- JPG, PNG és BMP formátum engedélyezett.
- A logónak négyzet alakúnak kell lennie.
- 120px széles és 120 px magas legyen a legjobb eredmények érdekében.

App domain:

  1. Application home page: Egy linket szolgáltat a felhasználóknak a főoldalra. (pl. https://bambara.hu)

  2. Application privacy policy link: Adatvédelmi szabályzathoz link.

  3. Application terms of service link: Általános szerződési feltételekhez link.

Az Adatvédelmi szabályzathoz és az Általános szerződési feltételekhez a linket a RESnWEB admin felületéről, a "Hoteladatok" alatt lévő"Webmestereknek" menü "Adatkezelési tájékoztató URL-ek" és "ÁSZF URL-ek" részről másolhatja ki:

Az Adatvédelmi Nyilatkozat és az Általános Szerződési Feltételek dokumentumok linkjére azért van szükség, hogy a Google bejelentkezési ablakban is meg lehessen tekinteni azokat.

Authorized domains:

Ide be kell írni a website domain nevét. Fontos, hogy ha a Google ellenőrzi a domain nevünket a folyamat során, akkor a Google Search Console-ban jóvá kell hagyatni a domain nevet.

Developer contact information:

itt lehet megadni azt az e-mail címet, amelyen keresztül a Google értesítéseket küldhet a változásokról/projektekről:

support@resnweb.com 

Ezután az oldal alján kattintsunk a "Save” lehetőségre.

Kattintsunk a Data Access menüpontra.

A hatókörök (Scopes) azokat az engedélyeket jelentik, amelyek lehetővé teszik a projekt számára, hogy bizonyos típusú személyes felhasználói adatokhoz hozzáférjen a Google-fiókjukból.

Ezt az "Add or remove scopes” lehetőséggel tehetjük meg.

Alapvetően a következő 2 hatókörre lesz szükségünk ahhoz, hogy a felhasználói fiók létrejöhessen:

.../auth/userinfo.email
.../auth/userinfo.profile

Ha ezeket kiválasztottuk, kattintsunk a "Update” majd a "Save" lehetőségre.

A "Clients" menüpontban kattintsunk a "Create client" gombra,

Az Applikáció típusa "Web Application" lesz, a neve legyen "RESnWEB Loyalty", az "Authorized Javascript origins" mezőbe pedig írjuk be az egyedi domain nevünket, melyet a RESnWEB rendszeréhez hoztunk létre korábban, majd kattintsunk a "Create" gombra, hogy a következő oldalon megkapjuk a bejelentkezés beállításához szükséges Client ID-t. Ezt másoljuk ki.

Amennyiben a szálláshely használ már egyedi domain nevet, arról a RESnWEB admin felületen a Hoteladatok / Webmestereknek menüpontban lehet tájékozódni.

Amennyiben az egyedi domain név még nem került beállításra, kérjük az alábbi segédlet továbbítását a domain szolgáltató vagy webes kolléga felé továbbítani.

Ebben az esetben ebben a pontban a szálláshely weboldalának URL címe kerüljön megadásra, később pedig, amikor az egyedi domain név már elérhető, lehet módosítani a beállításokat.

Most másoljuk be a "Client ID"-t a RESnWEB admin felületén, a "Törzsvendég" menüpont alatt lévő "Beállítások" menüre kattintva a "Third party bejelentkezések beállításai" résznél.

Utolsó lépésként kattintsunk az Audience menüpontra, a "Publish app" és a "Confirm" gombra

Beállítások ellenőrzése

a) A Clients menüpontban az OAuth 2.0 Client IDs blokkban szükséges látni a RESnWEB Loyalty opciót

b) A RESnWEB Loyalty-t megnyitva az Authorized JavaScript origins szekcióban a szálláshely aldomain nevét szükséges látni. pl: https://booking.bambara.hu

c) A Branding menüpontban szükséges ellenőrizni a beállításokat

  • App information

    • App Name: Hotel neve

    • User support email: A felhasználók ezen az e-mail címen fogják tudni feltenni a kérdéseiket (pl. akarmi@bambara.hu)

  • App domain

    • Application home page: A szálláshely honlapjának címe kell, hogy itt szerepeljen pl. https://bambara.hu (Nem a RESnWEB-hez elkészített egyedi domain név)

    • Application privacy policy link: Adatvédelmi szabályzat linkje

    • Application terms of service link: Általános szerződési feltételek linkje

      • Az Adatvédelmi szabályzathoz és az Általános szerződési feltételekhez a linket a RESnWEB admin felületéről, a "Hoteladatok" alatt lévő "Webmestereknek" menü "Adatkezelési tájékoztató URL-ek" és "ÁSZF URL-ek" részről lehet kimásolni


Választ kapott a kérdésére?