{"_id":"5e34a720b0c3900012d6a699","project":"5589ceae9883a40d00c433f3","version":{"_id":"5589ceae9883a40d00c433f6","__v":14,"project":"5589ceae9883a40d00c433f3","createdAt":"2015-06-23T21:25:02.865Z","releaseDate":"2015-06-23T21:25:02.865Z","categories":["5589ceaf9883a40d00c433f7","559ab19d2100d117005f1269","57d4a754899ab90e00105e5d","5807813b6d24211900953b99","5819154bf62fee0f00949855","5841d27cae05ac2500ba2680","5846c4ee5d064323007b1774","589e29c72793e937001c15c5","5cf0460e272f2c0014a80d17","5cf047bde14258005d7a374e","5db6fa2c7f86fa004ff2c35b","5e349a6a02520b006458b0ae","5e4c89eafd907100654072f2","5e4d7a1feca7f90018b15b9b"],"is_deprecated":false,"is_hidden":false,"is_beta":true,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"category":{"_id":"5e349a6a02520b006458b0ae","project":"5589ceae9883a40d00c433f3","version":"5589ceae9883a40d00c433f6","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2020-01-31T21:21:46.219Z","from_sync":false,"order":9999,"slug":"google-sign-in","title":"Google Sign-in"},"user":"5542d87d795b590d001dc7ff","__v":0,"parentDoc":null,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2020-01-31T22:16:00.636Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":2,"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]","excerpt":"Create and configure your Google OAuth client id","slug":"create-google-oauth-client-id","type":"basic","title":"Create Google OAuth client id"}

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]