Profile Builder Google social Login / Google api létrehozás

Written by redzs

2021.12.04.

Kategóriák

Jelentkezzen be a Google Developers Console-ba

Először be kell jelentkeznie Google Fiókjába, majd hozzáférnie a Google Developers Console-hoz .

Profile Builder Pro – Social Connect – Google Developers Console

Válasszon ki egy projektet

Miután bejelentkezett és elérte a Google Developers Console-t, kattintson a „Projekt kiválasztása” menüpontra.

Profile Builder Pro – Social Connect – Google Developers Console – Válasszon ki egy projektet

Hozzon létre egy projektet

Miután rákattintunk a „Projekt kiválasztása” menüpontra, megjelenik egy felugró ablak. Az „Új projekt” elemre kell kattintanunk.

Profile Builder Pro – Social Connect – Google Developers Console – Hozzon létre egy projektet

Állítsa be a projektet

Miután rákattintottunk az „Új projekt” elemre, ki kell választanunk a projekt nevét. A projekt beállításának befejezése után kattintson a „Létrehozás” gombra.

Profile Builder Pro – Social Connect – Google Developers Console – Beállítási projekt

Hitelesítési adatok létrehozása

A Google API használatához hitelesítő adatokat kell létrehoznunk. A kezdéshez kattintson a „Hitelesítési adatok” elemre.

Profile Builder Pro – Social Connect – Google Developers Console – Hitelesítési adatok létrehozása

Miután a „Hitelesítési adatok” elemre kattintottunk, létre kell hoznunk egy OAtuh 2.0 ügyfélazonosítót. Kattintson az „OAuth hozzájárulási képernyő” elemre.

Profile Builder Pro – Social Connect – Google Developers Console – Hitelesítési adatok létrehozása

Hozzon létre egy OAuth 2.0 ügyfél-azonosítót

1. lépés: Válasszon a következő lehetőségek közül, majd kattintson a „Létrehozás” gombra:

  • Belső – csak a szervezeten belüli felhasználók számára érhető el.
  • Külső – minden Google-fiókkal rendelkező felhasználó számára elérhető.
Profile Builder Pro – Social Connect – Google Developers Console – Oauth 2.0 ügyfél-azonosító létrehozása – 1. lépés

2. lépés: Miután a „Létrehozás” gombra kattintott, a következő beállításokat kell beállítanunk:

1. oldal: Az OAuth hozzájárulási képernyő

  • Alkalmazás neve – A hozzájárulást kérő alkalmazás neve
  • Felhasználói támogatási e-mail – A felhasználók felvehetik Önnel a kapcsolatot a beleegyezésükkel kapcsolatos kérdésekkel
  • Alkalmazás logója – opcionális
  • Alkalmazás kezdőlapja – Nem kötelező az alkalmazás üzembe helyezéséig
  • Alkalmazás adatvédelmi irányelvei hivatkozás – Nem kötelező, amíg nem üzembe helyezi az alkalmazást
  • Alkalmazási feltételek link – Opcionális
  • Engedélyezett domainek – Nem kötelező az alkalmazás üzembe helyezéséig
  • E-mail cím – Ezek az e-mail címek arra szolgálnak, hogy a Google értesítse Önt a projektjét érintő bármilyen változásról.

Kattintson a Mentés és folytatás gombra

Profile Builder Pro – Social Connect – Google Developers Console – OAuth_consent_screen_1.0 létrehozása

2. oldal: Hatókör

  • Nem érzékeny hatókörei – vegye fel a következő 3 hatókört

Kattintson a Mentés és folytatás gombra

Profile Builder Pro – Social Connect – Google Developers Console – OAuth_consent_screen_2 létrehozása

3. oldal: Felhasználók tesztelése

Kattintson a Mentés és folytatás gombra

Profile Builder Pro – Social Connect – Google Developers Console – OAuth_consent_screen_3.0 létrehozása

4. oldal: Összefoglaló

Kattintson a Mentés és folytatás gombra

Profile Builder Pro – Social Connect – Google Developers Console – OAuth_consent_screen_4 létrehozása

3. lépés: Lépjen a „Hitelesítési adatok” → „Hitelesítési adatok létrehozása” → „OAuth-kliens-azonosító” menüpontra.

Profile Builder Pro – Social Connect – Google Developers Console – Oauth 2.0 ügyfél-azonosító létrehozása – 3. lépés

4. lépés: Válassza ki az alkalmazás típusát.

Profile Builder Pro – Social Connect – Google Developers Console – Oauth 2.0 ügyfél-azonosító létrehozása – 4. lépés

5. lépés: A következő beállításokat kell beállítanunk:

• Név – adja meg saját nevét
• Engedélyezett JavaScript – adja meg webhelye URL-jét – Példa: http://www.yourdomain.com
• Engedélyezett átirányítási URL-ek – adja meg webhelye URL-jét – Példa: http://www.yourdomain.com

Miután végzett, kattintson a „Létrehozás” gombra.

Ügyfél-azonosító hitelesítő adatok

Miután a „Létrehozás” gombra kattintott, a rendszer kérni fogja az ügyfél-azonosító hitelesítő adatait. Másolnia kell az ügyfél-azonosítót, és kattintson a „Kész” gombra.

Profile Builder Pro – Social Connect – Google Developers Console – Ügyfélazonosító létrehozása

Illessze be a Google ügyfél-azonosítót

A Google ügyfél-azonosító kimásolása után lépjen a webhelyére -> Irányítópult -> Profilkészítő -> Social Connect -> Google Login engedélyezése, és illessze be ügyfél-azonosítóját. Görgessen le a Mentés lehetőséghez.

Profile Builder Pro – Social Connect – Alkalmazásbeállítások – Google App

Google bejelentkezés a kezelőfelületen

A közösségi bejelentkezés a Google segítségével elérhető legyen a WordPress Default és Profile Builder űrlapjain.

https://www.cozmoslabs.com/wp-content/uploads/2016/02/Profile-Builder-Pro-Social-Connect-Application-Settings-Google-Login-Form.png

0 hozzászólás

Egy hozzászólás elküldése

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük

Wordpress TutoriálokProfile Builder / Fiók PluginProfile Builder Google social Login / Google api létrehozás