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.

Ha 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 válasszuk ki az "External" lehetőséget, majd kattintsunk a "Create" gombra.

A következő oldalon töltsük ki a szükséges mezőket:

App information:

  1. App Name: A hotel neve

  2. 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)

  3. 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:

A "+ Add domain" lehetőségre kattintva lehet felvenni domain neveket. Miután hozzáadtunk egy engedélyezett domaint, használhatjuk annak aldomainjeit vagy oldalait.

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 and continue” lehetőségre.

A következő aloldalon a hatóköröket (scopes) szükséges megadnunk.

A hatókörök 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 "Save and continue” lehetőségre.

A következő pontban van lehetőségünk teszt felhasználók hozzáadására. Amíg az alkalmazás közzétételének állapota "testing", csak a tesztfelhasználók férhetnek hozzá az alkalmazáshoz. Ennek megadása opcionális, ha nem adunk meg teszt felhasználókat, tovább léphetünk a "Save and continue”-ra kattintva.

Summary:

Ennél a lehetőségnél láthatók azok a beállítások, amelyeken az előző pontokban végig mentünk. Az itt lévő adatokat még az "Edit” gomb megnyomásával tudjuk módosítani.

Amennyiben mindent rendben találtunk és a Google verifikációt kér, akkor nyomjunk a "Prepare for verification” gombra.

Ezután menjünk végig az adatokon még egyszer, míg el nem jutunk a "Final review” lehetőséghez.

Ezután az oldal aljára letekerve pipáljuk ki a "My usage of OAuth Scopes complies with the Google API Services: User Data Policy” lehetőséget és nyomjunk a "Submit for Verification” gombra.

Ezután még mindig a OAuth consent screen fülön kattintsunk rá a "Publish App" gombra.

Válasszuk ki a Credentials menüpontot, majd kattintsunk a "Create Credentials" gombra, majd válasszuk ki az OAuth client ID lehetőséget.

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 kódokat.

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.

Utolsó lépésként a kapott kódok közül 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.

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

a) A Credentials 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) OAuth concent screen menüpontban szükséges ellenőrizni a szálláshely neve melletti Edit app gombra kattintva 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 (Itt nem az aldomain-t szükséges látni.)

    • 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

Amennyiben a Credentials menüpontban nem látható az OAuth 2.0 Client IDs blokkban a RESnWEB Loyalty, az oldal tetején levő Create Credentials gombra kattintva szükséges létrehozni az OAuth client ID-t segédletünk alapján.

  • Applikáció típusa: Web application

  • Name: Szálláshely neve

  • Authorized JavaScript origins: egyedi domain név


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