This blog post was originally written in December 2017 and Updated on 2019 once as per Google's Developers Console. Google has changed it's Developers Console user interfaces since then. We have updated this blog post and included the steps as per latest Google Developers Console steps.

If you ever need to integrate Facebook APIs in your web application, you can hire asp net developer or hire PHP developer from us at affordable rate.

To work with Google APIs, you will need Google API Console project and Client Id. Which you can use to call different Google APIs. I wanted to integrate Google Sign-In into my website. The following blog post explains how to create Google API Console project, client ID and client Secret.

Here are the steps one should follow to get Google App Client ID and Client Secret from the Google Developer Console.

  1. Login to Google Developer Console using your Google account credentials.
  2. If you are not registered on Google developer account, then you need to accept agreement.

    accept google developer agreement

  3. After accepting agreement or if you are already registered on Google developer account, you will see a screen as shown below. Click on “Select a project” on top header bar.

    select a project from header

  4. From the project selection popup click on the "NEW PROJECT" button to add a new project.

    click on new project

  5. Enter your “Project name” and click on the “Create” button. You can also edit Project ID if you want to.

    enter project name and create

  6. Click on “OAuth consent screen” by hovering mouse on "APIs & Services" from the left side menu.

    Open oauth consent

  7. On “OAuth consent screen”, Choose User Type as per your requirement and click on Create button to process further.

    Select User Type on OAuth Consent Screen

  8. Add Application name, select Support email,add Authorized domain and Developer Content Information. Then click on the Save and Continuebutton.

    add name email authorized domain

  9. After complete all 3 steps in OAuth Content screen, click on Back to Dashboard on Summary Step..

    oauth consent screen 3 step process

  10. Aftercreating the project, click on Credentials” from the left side menu to open theCredentialsscreenClick on “Create credentials” and from the dropdown list selectOAuth client ID.

    create credentials oauth client id

  11. On OAuth client id creation screen:
    • Select the “Web Application” from “Application Type” dropdown.
    • Enter your OAuth 2.0 client name in the “Name” field. This name will not be shown to end users when they are asked to give login permission to your website.
    • Enter your catalog site URL in “Authorized JavaScript origins”. For example, if website domain is theonetechnologies.com, enter http://theonetechnologies.com
    • In “Authorized redirect URIs” input box, enter your website URL + the page/end-point where you wanted your user redirected back. If you are using Microsoft.Owin.Security.Google library, the end-point is “/signin-google”. For example, my website url is http://theonetechnologies.com, so I enter http://theonetechnologies.com/signin-google
    • Click on “Create” Button.

    create oauth client id

  12. It will display the popup with client id and client secret.

    Google client id and client secret key

By Following proper setps you can generate Google Client ID and Client Secret Key by yourself. If you don't want to get into all these technical terms you can always go for software outsourcing company in India for quick and cost effective solution.

The One Technologies Logo
Certified By