[Free] ⭐ Extension to sign-in with Google account

Extensions
, , , ,
1

632cc665abbc286ce8f3e896_Screen Shot 2022-09-22 at 4.11.09 PM
632cc665abbc286ce8f3e896_Screen Shot 2022-09-22 at 4.11.09 PM694×264 11 KB

Google Sign-In Extension

Overview

The SignInWithGoogle extension for MIT App Inventor created by MrKoder provides a convenient way for developers to implement Google Sign-In functionality in their Android applications. This extension facilitates the process of obtaining a user's consent, exchanging device codes for access tokens, and retrieving user profile information from Google APIs.

Example Preview

Blocks

1
1424×628 25.5 KB

2

Features

  • Request device code from Google OAuth2 Flow API using this block :

component_method
component_method780×60 4.59 KB

Description:

Initiates the GoogleSignIn OAuth2 authentication flow using the device code grant type. This flow is suitable for devices that don’t have a web browser or when users can’t easily copy and paste verification codes.

  • Exchange device code for access token in Google OAuth.
  • Request user profile information from Google People API.

Video Preview

Installation

To use the SignInWithGoogle extension, follow these steps:

  1. You can see this video to get your credentials (Client-ID, Client-Secret):
  1. Download the

V1
:arrow_down:AIA file (227.5 KB)** If you want .

V2
:arrow_down:AIA file (4.7 MB)
** If you want .

  1. Or you can Select "Import Extension" and choose the

V1 :arrow_down:SignInWithGoogle.aix (20.8 KB)** file. (you have to use external WebViewer)

V2
:arrow_down:SignInWithGoogle.aix (2.3 MB) (the Auth2 Flow is injected inside the Extension so just click on **StartGoogleDeviceLogin** block)

  1. The extension will be added to your palette, and you can now use its blocks in your project.

Properties

ClientId

  • Description: Set or get the client ID used for Google Sign-In.
  • Type: String

ClientSecret

  • Description: Set or get the client secret associated with the client ID.
  • Type: String

RefreshToken

  • Description: Set or get the refresh token required for token refreshing.
  • Type: String

AccessToken

  • Description: Set or get the access token obtained after successful sign-in.
  • Type: String

Sign-in process

process
process1170×1755 202 KB

files

:arrow_down:SignInWithGoogle.aix (20.8 KB)
:arrow_down:AIA file (227.5 KB)

my website that has all of my extensions

https://ahmed2300.github.io/extensionslake.github.io/

Donate

if you liked my extension you can support me

11 Likes
2

Very useful extension

1 Like
3

I put ClientId and ClientSecret in the file, but the program does not work
​

4

see this video please :

And sorry for my late reply I was swamped working on my graduation project for 3 months

5

I did it but it doesn't work

6

@mostafa_baghi I have updated the aia and the aix try them and give me your feedback

and thanks for your feedback Also make sure to enable people API of google

7

Yes, it is in public mode. I tried a lot. But it only worked once and showed name and email. For example, I tried 40 times and 39 times I did not receive any information

8

This is confusing !
it works very well with me :point_down:

9

Send me the aia file without ClientId and ClientSecret

10

Can I get Phone Number from profile Info?

11

can i do logout with this extention?

12

No, this extension only get info of Google user account

13

No, the API doesn't offer the phone number of the user

14

Can't Sign in

15

Did you add your client id and client secret from your google cloud in the app
See this video:

16

Hi, I try the extension but without result when I click it, nothing happens ! :.(

17

Could you send the aia file or show your project blocks ?

18

Now Extension is easier than before you just set your ClientID and ClientSecret and click on the authentication flow block:

Video Preview