48 lines
2.8 KiB
XML
48 lines
2.8 KiB
XML
|
<section id="social-google">
|
||
|
|
<title>Google</title>
|
||
|
|
<para>
|
||
|
|
To enable login with Google you first have to create a project and a client in the
|
||
|
|
<ulink url="https://cloud.google.com/console/project">Google Developer Console</ulink>. Then you need to copy
|
||
|
|
the client id and secret into the Keycloak Admin Console.
|
||
|
|
</para>
|
||
|
|
<orderedlist>
|
||
|
|
<listitem>
|
||
|
|
<para>
|
||
|
|
Log in to the <ulink url="https://cloud.google.com/console/project">Google Developer Console</ulink>. Click the
|
||
|
|
<literal>Create Project</literal> button. Use any value for <literal>Project name</literal> and
|
||
|
|
<literal>Project ID</literal> you want, then click the <literal>Create</literal> button. Wait for the project to
|
||
|
|
be created (this may take a while).
|
||
|
|
</para>
|
||
|
|
</listitem>
|
||
|
|
<listitem>
|
||
|
|
<para>
|
||
|
|
Once the project has been created click on <literal>APIs & auth</literal> in sidebar on the left. To retrieve
|
||
|
|
user profiles the <literal>Google+ API</literal> has to be enabled. Scroll down to find it in the list. If its
|
||
|
|
status is <literal>OFF</literal>, click on <literal>OFF</literal> to enable it (it should move to the top of
|
||
|
|
the list and the status should be <literal>ON</literal>).
|
||
|
|
</para>
|
||
|
|
</listitem>
|
||
|
|
<listitem>
|
||
|
|
<para>
|
||
|
|
Now click <literal>Credentials</literal> in the sidebar on the left. Then click
|
||
|
|
<literal>Create New Client ID</literal>. Select <literal>Web application</literal> as
|
||
|
|
<literal>Application type</literal>. Empty the <literal>Authorized Javascript origins</literal> textarea. In
|
||
|
|
<literal>Authorized redirect URI</literal> enter the <link linkend="social-callbackurl">social callback url</link>
|
||
|
|
for your realm. Click the <literal>Create Client ID</literal> button.
|
||
|
|
</para>
|
||
|
|
</listitem>
|
||
|
|
<listitem>
|
||
|
|
<para>
|
||
|
|
Copy <literal>Client ID</literal> and <literal>Client secret</literal> from the
|
||
|
|
<ulink url="https://cloud.google.com/console/project">Google Developer Console</ulink> into the settings
|
||
|
|
page in the Keycloak Admin Console as the <literal>Key</literal> and <literal>Secret</literal>. Then click
|
||
|
|
<literal>Save</literal> in the Keycloak Admin Console to enable login with Google.
|
||
|
|
</para>
|
||
|
|
</listitem>
|
||
|
|
</orderedlist>
|
||
|
|
<para>
|
||
|
|
You may also want to configure how the Google Consent Screen looks when users log in to your application via
|
||
|
|
Google. To do this go to <ulink url="https://cloud.google.com/console/project">Google Developer Console</ulink>
|
||
|
|
and click on <literal>Consent Screen</literal> in the sidebar to the left.
|
||
|
|
</para>
|
||
|
|
</section>
|