Feature: Log in with Google in Flutter App

[nelsonic]

The starting point for people using the @dwyl Native App is Login.
We are using Sign in with Google for the Web App and people will expect it for the Native Mobile app.

Todo

• Research how to add basic Google Login to a Flutter App
  This looks like a good starting point:
  • https://pub.dev/packages/google_sign_in
  • https://medium.com/flutter-community/flutter-implementing-google-sign-in-71888bca24ed
• Create a Google App in order to get the API Credentials.
  see: https://github.com/dwyl/elixir-auth-google/blob/master/create-google-app-guide.md
• Display the Sign in with Google button in the Flutter App
• Once the person has successfully authenticated with Google,
  display their details as shown in the image above ⬆️
• Dwyl logo: https://avatars1.githubusercontent.com/u/11708465?s=200&v=4
  
• Document ALL the Steps so that anyone else can follow.
  • Follow the example in https://github.com/dwyl/elixir-auth-google
    and https://github.com/dwyl/elixir-auth-google-demo
  • Create a new file in this repository called google-login-flutter.md to capture your notes.

Try and make the appearance as similar to the Web App as possible.
(if you need any help with colors or logos, please leave comments below with your questions)

[nelsonic]

@miguelmartins17 the Medium post above uses Firebase Authentication.
That's fine for testing to see how it works on a Flutter/Native app, however we want to avoid using Firebase Authentication because we aren't going to use Firebase for storing application data. (Firebase stores data in US and we have no control over how it is stored. We want to use strong encryption for all personal data so the people using our App know their data is secure. see: dwyl/technology-stack#16 ...).

If you are able to use Firebase Authentication without storing any personal information on Firebase, then this could be an option. But if it is not possible to use Firebase without storing data on Firebase,
then we may need to write some custom authentication code to ensure that personal data is only stored on the device and the session is created on the Phoenix Application server.
We can work together to create the Phoenix endpoint.

Please write up the steps you have taken so far so that anyone else can follow along.
Thanks!

[miguelmartins17]

@nelsonic I think it's impossible to use the firebase without keeping personal information.
I've been doing some research and it's one of the ways we can try to use the MySQL approach because it will only save what the user enters if it's the email and password.
But that way I don't know how we're going to do about Google, because with MySQL you'll be saving Google's email.

[nelsonic]

@miguelmartins17 let's look at it together tomorrow morning. 👍

[miguelmartins17]

@nelsonic I think I found a solution.
So you don't have to use firebase to login with google.

[nelsonic]

@miguelmartins17 cool. Please share links and as much details as you can here. 👍

[miguelmartins17]

I think I found the solution for how to login with google without using Firebase I leave here the link:

https://www.youtube.com/watch?v=8o-DJDi2bmQ

[nelsonic]

@miguelmartins17 looks promising. 👍
@deep98shah created a good demo: https://github.com/deep98shah/PeopleAPIdemo 🔍
Keep sharing your progress. 📝

[miguelmartins17]

Even without using Firebase one of the steps to login with Google is to register the application on the Google console which includes registering the application in Firebase.

[deep98shah]

@miguelmartins17 looks promising.
@deep98shah created a good demo: https://github.com/deep98shah/PeopleAPIdemo
Keep sharing your progress.
Thanks for acknowledging.👍

[miguelmartins17]

First we need to register the app so we have to enable the Google People API.
Here is the link to enable:
https://developers.google.com/people/

From my research I think we can do that from this link.
Then we have to install google_Sign_In plugin.

It's done at pubspec.yaml just adding it to the dependencies:
google_Sign_In: "3.0.4"

And then if we go through this link:
https://developers.google.com/people/v1/getting-started

We were able to register our application.

So far it's the only way I've found that it can work and take us to the next stage.