social-google.xml

48 lines | 2.843 kB Blame History Raw Download
<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 &amp; 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>