(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();
Signin With Google (Gmail)

You can enable end users of the web and mobile applications you have developed with Kuika to register/login to the application using their Google accounts. You can do the related integration with Config Manager for web, iOS and Android.

In this lesson;

  • How to create new credentials
  • Config Manager
  • Integration with config manager
  • Action usage

1. How to create new Credentials ?

a. Go to Google Console

b. It is necessary to create 3 different credentials with Google Console, namely Android Client, iOs Client and Web Client. If you have not created a project before, click the Create project button and create your project.

c. After creating your project, click the Create button.

d. Select 0Auth clientID

And add the rest of the information.

2. Config Manager

A new configuration manager should be created for Android, web or IOS according to the area where your project is used. While creating the code of the prepared application, the platforms where the application is used, the settings such as map, user registration or payment integration are defined with the config manager. In order to use Google sign in action, a new config should be created for Andorid, IOS and web according to the usage area of ​​your project on the Configuration Manager side. While doing this process, different information is required for Android, IOS and web. For detailed information about Configuration manager, read config manager section.

How to create Configuration Manager ?

For example, you want to create a new config manager for android. Open the Configuration Manager section in your project. Click Android from the Web UI, IOS, Android and API options under Create a new configuration. Give it a name and create it with the create button.

After clicking the Create button, this screen will appear.

3. Google Console Integration for Sign in

In order to use Google Signin, we need to integrate the information in google console and config manager for Android, IOS and web.

A. How to Integrate Configuration Manager and Google Console to use Google Signin on Android ?

Open the Configuration Manager section in your project. Click Android from the Web UI, IOS, Android and API options under Create a new configuration. Give it a name and create it with the create button.

This screen appears.

Click on Google under Other Login Options.

Select ADD NEW. When you click here, the Google Login Settings pop-up window appears.

On the Android side to use Google signin;

  • Client ID,
  • Server Client ID,
  • We need to enter a total of 3 different information, namely Server Client Secret. For ClientID under Google Login Settings, copy the Android Client ID under Credentials created for Android in the Console Google Project. It needs to be added to the ClientID under Login Settings. For the information to be entered in the Server Client ID and Server Client fields, we can get the Client ID and Client Secret in the Credentials we created for the Web in the Console Google Project.

B. How to Integrate Configuration Manager and Google Console to use Google Signin on iOS ?

Open the Configuration Manager section in your project. Click IOS from the Web UI, İOS, Android and API options under Create a new configuration. Give it a name and create it with the create button.

Click on Google under Other Login Options. Open the Google Login settings popup that opens.

When you click here, the Google Login Settings pop-up window appears. In order to use the Google sign, Client ID, Secret Client ID, Server Client Secret and iOS URL Scheme information are required on the İOS side.

When we look at this information in the iOS client we created for IOS under Credentials, we see that there is a client ID specific to iOS and a key value called ios URL Scheme. We take this information from here and add it to the Google Login Settings popup on the platform side. For the information to be entered in the Server Client ID and Server Client fields, we can get the Client ID and Client Secret in the Credentials we created for the Web in the Console Google Project.

C. How to Integrate Configuration Manager and Google Console to use Google Signin on the web ?

Open the Configuration Manager section in your project. Click Web UI from the Web UI, iOS, Android and API options under Create a new configuration. Give it a name and create it with the create button.

Click on the field that says Google under Other Login Options. When you click here, the Google Login Settings pop-up window appears.

To use Google sign, we need Client ID and Client Secret information.

4. Using Google Signin Action and adding the action

After adding Google sign in action, when we come to our signin screen, we click the sign in with google button.

It redirects us to the login screen with google and asks us to login to our google account. Then we log in automatically and go to the dashboard of the project.

Adding Google Sign In action

Select the img and/or button you will use in your design. On the right, select actions>onclick actions>Authorization>GooglewithSignin and add it. We check if there is a signin by adding isLoggin action on the Dashboard screen.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try