The web implementation of google_sign_in
To use this plugin, follow the plugin installation instructions.
Remember that for web plugins you need to depend both on the “native” version that provides the Dart interface that you'll use in your app), and the “web” version, that provides the implementation of the plugin for the web platform.
This is what the above means to your pubspec.yaml
:
... dependencies: ... google_sign_in: ^4.0.14 google_sign_in_web: ^0.8.0 ... ...
First, go through the instructions here to create your Google Sign-In OAuth client ID.
On your web/index.html
file, add the following meta
tag, somewhere in the head
of the document:
<meta name="google-signin-client_id" content="YOUR_GOOGLE_SIGN_IN_OAUTH_CLIENT_ID.apps.googleusercontent.com">
Read the rest of the instructions if you need to add extra APIs (like Google People API).
Add the following import to your Dart code:
import 'package:google_sign_in/google_sign_in.dart';
Initialize GoogleSignIn with the scopes you want:
GoogleSignIn _googleSignIn = GoogleSignIn( scopes: [ 'email', 'https://www.googleapis.com/auth/contacts.readonly', ], );
Full list of available scopes.
You can now use the GoogleSignIn
class to authenticate in your Dart code, e.g.
Future<void> _handleSignIn() async { try { await _googleSignIn.signIn(); } catch (error) { print(error); } }
Find the example wiring in the Google sign-in example application.
See the google_sign_in.dart for more API details.
Please file issues to send feedback or report a bug. Thank you!