How to use Google API in flutter?

Question

I want to use Google Cloud Natural Language in my Flutter app,I got Google API package This works for flutter and theGoogle API_AUTH dependence is working for 0.2.1. How do I implement them ?

I really doubt googleapis_auth works on flutter since it depends on http. — Pacane
– Pacane, Commented Jan 27, 2018 at 18:11

Josh Metcalfe · Accepted Answer · 2019-11-13 03:51:09Z

37

This worked for me:

Logging in using package google_sign_in and then get auth headers from it:

import 'package:google_sign_in/google_sign_in.dart'
    show GoogleSignIn, GoogleSignInAccount;

import 'package:googleapis/people/v1.dart'
    show ListConnectionsResponse, PeopleApi;

useGoogleApi() async {
  final _googleSignIn = new GoogleSignIn(
    scopes: [
      'email',
      'https://www.googleapis.com/auth/contacts.readonly',
    ],
  );

  await _googleSignIn.signIn();

  final authHeaders = _googleSignIn.currentUser.authHeaders;

  // custom IOClient from below
  final httpClient = GoogleHttpClient(authHeaders); 

  data = await PeopleApi(httpClient).people.connections.list(
      'people/me',
      personFields: 'names,addresses',
      pageToken: nextPageToken,
      pageSize: 100,
  );
}

This is a custom IOClient implementation that automatically adds the auth headers to each request. The googleapis call support passing a custom HTTP client to be used instead of the default (see above)

import 'package:http/io_client.dart';
import 'package:http/http.dart';

class GoogleHttpClient extends IOClient {
  Map<String, String> _headers;

  GoogleHttpClient(this._headers) : super();

  @override
  Future<StreamedResponse> send(BaseRequest request) =>
      super.send(request..headers.addAll(_headers));

  @override
  Future<Response> head(Object url, {Map<String, String> headers}) =>
      super.head(url, headers: headers..addAll(_headers));

}

edited Nov 13, 2019 at 3:51

Josh Metcalfe

2,1752 gold badges24 silver badges34 bronze badges

answered Jan 28, 2018 at 11:37

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

18 Comments

mmccabe Over a year ago

Can I use this GoogleHttpClient to send email using gmailAPI and/or to send invites using FireBase Invites?

Günter Zöchbauer Over a year ago

I haven't used these APIs, but if Google provides APIs for these tasks, you should be able to do it with GiigleHttpClient.

mmccabe Over a year ago

Was able to get it working for now using stackoverflow.com/questions/50079538/… . Will try to use your approach in future.

Günter Zöchbauer Over a year ago

I invented it in my answer above ;) It's just the name I used for my custom subclass of IOClient

kanji Over a year ago

Thanks for this answer. Now with extension_google_sign_in_as_googleapis_auth package, you can use ready-to-use IOClient provided by this package instead of your own GoogleHttpClient implementation. It's a little change, but I posted as another answer.

|

Kim Palao · Accepted Answer · 2019-09-03 23:41:23Z

14

I can't add comments yet, so I'll just post it as an answer.

I kept trying to make a GoogleHttpClient as per the top answer, but on the import, it says "The library 'package:http/http.dart' doesn't export a member with the shown name 'IOClient'."

I found the answer here https://pub.dartlang.org/packages/http#-changelog-tab-, which says you should import IOClient separately as such: import 'package:http/io_client.dart';

I thought this might help out others who are new to flutter and its implementation of Google APIs.

edited Sep 3, 2019 at 23:41

answered Feb 11, 2019 at 11:26

Kim Palao

3304 silver badges8 bronze badges

1 Comment

Supabase Enjoyer Over a year ago

Thank you @Kim btw how to Add this "@Kim Palao" ? In my case it's just a simple string

Yuchen · Accepted Answer · 2020-10-10 16:48:39Z

The accepted answer is most likely written towards an older version of the SDK I just couldn't get it to work. This is what works for me as of now.

As an example, the following allow us to access files in Google Drive which is part of googleapis.

Dependencies

pubspec.yaml:

dependencies:
  google_sign_in: any
  googleapis: any

(I just put any here as a example, but you should specific the version(s) for you actual app.)

How it works

Necessary imports:

import 'package:googleapis/drive/v3.dart' as drive;
import 'package:google_sign_in/google_sign_in.dart' as signIn;

Step 1, sign in the user and ask for access permission (scope) to google drive:

final googleSignIn = signIn.GoogleSignIn.standard(scopes: [drive.DriveApi.DriveScope]);
final sign.GoogleSignInAccount account = await googleSignIn.signIn();

Step 2, build a AuthenticateClient:

class AuthenticateClient extends http.BaseClient {
  final Map<String, String> headers;

  final http.Client client;

  AuthenticateClient(this.headers, this.client);

  Future<http.StreamedResponse> send(http.BaseRequest request) {
    return client.send(request..headers.addAll(headers));
  }
}

As suggested in http, this is using the BaseClient with extra authentication headers (being composable).

Step 3, create a authenticated http client with from step 1 and 2 and access google drive API.

final baseClient = new Client();
final authenticateClient = AuthenticateClient(authHeader, baseClient);
final driveApi = drive.DriveApi(authenticateClient);

Checkout How to Use the Google Drive API With Flutter Apps for details.

Can I ask what's the difference between this method and using the authenticatedClient function from the googleapis_auth package to get an authenticated client?

kanji · Accepted Answer · 2021-04-27 08:58:03Z

3

Update to the accepted answer

Along with google_sign_in and googleapis packages, now you can use extension_google_sign_in_as_googleapis_auth package (provided by flutter.dev) to get configured http client. So the accepted answer can be simplified to below. No implementation of GoogleHttpClient is necessary.

import 'package:extension_google_sign_in_as_googleapis_auth/extension_google_sign_in_as_googleapis_auth.dart';
import 'package:google_sign_in/google_sign_in.dart';
import 'package:googleapis/people/v1.dart';

useGoogleApi() async {
  final _googleSignIn = new GoogleSignIn(
    scopes: [
      'email',
      PeopleServiceApi.contactsReadonlyScope,
    ],
  );

  await _googleSignIn.signIn();

  // custom IOClient
  final httpClient = await _googleSignIn.authenticatedClient();

  data = await PeopleApi(httpClient!).people.connections.list(
      'people/me',
      personFields: 'names,addresses',
      pageToken: nextPageToken,
      pageSize: 100,
  );
}

answered Apr 27, 2021 at 8:58

kanji

83910 silver badges18 bronze badges

2 Comments

Supabase Enjoyer Over a year ago

Where can I found "nextPageToken" ?

kanji Over a year ago

@Tananga, I've not tested with this specific piece of code because that part of code is just copied from the accepted answer. But, according to the People API documentation, nextPageToken is provided in the response of this method, and can be omitted or null since it is optional.

Collectives™ on Stack Overflow

How to use Google API in flutter?

4 Answers 4

18 Comments

1 Comment

Dependencies

How it works

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

18 Comments

1 Comment

Dependencies

How it works

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related