{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","results":{"codes":[]},"settings":"","params":[]},"next":{"description":"","pages":[]},"title":"Create Google OAuth client id","type":"basic","slug":"create-google-oauth-client-id","excerpt":"Create and configure your Google OAuth client id","body":"[block:api-header]\n{\n  \"title\": \"1: Navigate to APIs & Services > Credentials > OAuth client\"\n}\n[/block]\nNavigate to the [Google OAuth credentials > OAuth client page](https://console.cloud.google.com/apis/credentials/oauthclient)\n[block:api-header]\n{\n  \"title\": \"2: Select \\\"Web application\\\"\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4c7d9e6-Screenshot_2020-01-31_at_4.12.16_PM.png\",\n        \"Screenshot 2020-01-31 at 4.12.16 PM.png\",\n        772,\n        218,\n        \"#222222\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"3: Enter a client name in the name field\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/c711198-Screenshot_2020-01-31_at_4.12.44_PM.png\",\n        \"Screenshot 2020-01-31 at 4.12.44 PM.png\",\n        1256,\n        120,\n        \"#3464d4\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"4: Enter your domain in the \\\"Authorized JavaScript origins\\\" field\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/af3bec0-Screenshot_2020-01-31_at_4.20.06_PM.png\",\n        \"Screenshot 2020-01-31 at 4.20.06 PM.png\",\n        1214,\n        234,\n        \"#797a7a\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"If you're running your app on a development server, you can enter your localhost domain instead of a production domain (for example, if your development server is running at http://localhost:5000).\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"5: Click the \\\"Create\\\" button\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"6: Copy your Google client id\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/c6c28ff-Screenshot_2020-01-31_at_5.51.47_PM.png\",\n        \"Screenshot 2020-01-31 at 5.51.47 PM.png\",\n        1000,\n        552,\n        \"#1c2231\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"7: Paste your Google client-id into UserKit Authentication settings\"\n}\n[/block]\nIn your [UserKit](https://dashboard.userkit.io) account, navigate to **Settings > Authentication***\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/be0eec7-Screenshot_2020-01-31_at_6.06.17_PM.png\",\n        \"Screenshot 2020-01-31 at 6.06.17 PM.png\",\n        444,\n        362,\n        \"#ebebeb\"\n      ]\n    }\n  ]\n}\n[/block]\nThen paste your Google client-id in the **Client id** field.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/c49a4b0-Screenshot_2020-01-31_at_5.55.07_PM.png\",\n        \"Screenshot 2020-01-31 at 5.55.07 PM.png\",\n        1390,\n        576,\n        \"#d9e1ef\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"You're done! Your users can now sign in with Google.\"\n}\n[/block]","updates":[],"order":2,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"5e34a720b0c3900012d6a699","project":"5589ceae9883a40d00c433f3","version":{"version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":true,"is_hidden":false,"is_deprecated":false,"categories":["5589ceaf9883a40d00c433f7","559ab19d2100d117005f1269","57d4a754899ab90e00105e5d","5807813b6d24211900953b99","5819154bf62fee0f00949855","5841d27cae05ac2500ba2680","5846c4ee5d064323007b1774","589e29c72793e937001c15c5","5cf0460e272f2c0014a80d17","5cf047bde14258005d7a374e","5db6fa2c7f86fa004ff2c35b","5e349a6a02520b006458b0ae","5e4c89eafd907100654072f2","5e4d7a1feca7f90018b15b9b","5e4eff0ec3399b005118d83a"],"_id":"5589ceae9883a40d00c433f6","releaseDate":"2015-06-23T21:25:02.865Z","__v":15,"createdAt":"2015-06-23T21:25:02.865Z","project":"5589ceae9883a40d00c433f3"},"category":{"sync":{"isSync":false,"url":""},"pages":[],"title":"Google Sign-in","slug":"google-sign-in","order":8,"from_sync":false,"reference":false,"_id":"5e349a6a02520b006458b0ae","project":"5589ceae9883a40d00c433f3","version":"5589ceae9883a40d00c433f6","createdAt":"2020-01-31T21:21:46.219Z","__v":0},"user":"5542d87d795b590d001dc7ff","createdAt":"2020-01-31T22:16:00.636Z","__v":0,"parentDoc":null}

Create Google OAuth client id

Create and configure your Google OAuth client id

[block:api-header] { "title": "1: Navigate to APIs & Services > Credentials > OAuth client" } [/block] Navigate to the [Google OAuth credentials > OAuth client page](https://console.cloud.google.com/apis/credentials/oauthclient) [block:api-header] { "title": "2: Select \"Web application\"" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/4c7d9e6-Screenshot_2020-01-31_at_4.12.16_PM.png", "Screenshot 2020-01-31 at 4.12.16 PM.png", 772, 218, "#222222" ] } ] } [/block] [block:api-header] { "title": "3: Enter a client name in the name field" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/c711198-Screenshot_2020-01-31_at_4.12.44_PM.png", "Screenshot 2020-01-31 at 4.12.44 PM.png", 1256, 120, "#3464d4" ] } ] } [/block] [block:api-header] { "title": "4: Enter your domain in the \"Authorized JavaScript origins\" field" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/af3bec0-Screenshot_2020-01-31_at_4.20.06_PM.png", "Screenshot 2020-01-31 at 4.20.06 PM.png", 1214, 234, "#797a7a" ] } ] } [/block] [block:callout] { "type": "info", "body": "If you're running your app on a development server, you can enter your localhost domain instead of a production domain (for example, if your development server is running at http://localhost:5000)." } [/block] [block:api-header] { "title": "5: Click the \"Create\" button" } [/block] [block:api-header] { "title": "6: Copy your Google client id" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/c6c28ff-Screenshot_2020-01-31_at_5.51.47_PM.png", "Screenshot 2020-01-31 at 5.51.47 PM.png", 1000, 552, "#1c2231" ] } ] } [/block] [block:api-header] { "title": "7: Paste your Google client-id into UserKit Authentication settings" } [/block] In your [UserKit](https://dashboard.userkit.io) account, navigate to **Settings > Authentication*** [block:image] { "images": [ { "image": [ "https://files.readme.io/be0eec7-Screenshot_2020-01-31_at_6.06.17_PM.png", "Screenshot 2020-01-31 at 6.06.17 PM.png", 444, 362, "#ebebeb" ] } ] } [/block] Then paste your Google client-id in the **Client id** field. [block:image] { "images": [ { "image": [ "https://files.readme.io/c49a4b0-Screenshot_2020-01-31_at_5.55.07_PM.png", "Screenshot 2020-01-31 at 5.55.07 PM.png", 1390, 576, "#d9e1ef" ] } ] } [/block] [block:api-header] { "title": "You're done! Your users can now sign in with Google." } [/block]