Package Exports
- @codetrix-studio/capacitor-google-auth
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@codetrix-studio/capacitor-google-auth) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
CapacitorGoogleAuth
Capacitor plugin for Google Auth.
Install
npm i --save @codetrix-studio/capacitor-google-auth
npx cap updateWEB
Add clientId meta tag to head.
<meta name="google-signin-client_id" content="{your client id here}">Register the plugin by importing it.
import "@codetrix-studio/capacitor-google-auth";Use it
import { Plugins } from '@capacitor/core';
Plugins.GoogleAuth.signIn();AngularFire2
async googleSignIn() {
let googleUser = await Plugins.GoogleAuth.signIn();
const credential = auth.GoogleAuthProvider.credential(googleUser.authentication.idToken);
return this.afAuth.auth.signInAndRetrieveDataWithCredential(credential);
}iOS
Make sure you have GoogleService-Info.plist with CLIENT_ID
Add REVERSED_CLIENT_ID as url scheme to Info.plist
Android
Inside your strings.xml
<resources>
<string name="server_client_id">Your Web Client Key</string>
</resources>Register plugin inside your MainActivity.onCreate
this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
add(GoogleAuth.class);
}});Configure
Provide configuration in root capacitor.config.json
{
"plugins": {
"GoogleAuth": {
"scopes": ["profile", "email"],
"serverClientId": "xxxxxx-xxxxxxxxxxxxxxxxxx.apps.googleusercontent.com",
"forceCodeForRefreshToken" : true
}
}
}
Note : forceCodeForRefreshToken force user to select email address to regenerate AuthCode used to get a valid refreshtoken (work on iOS and Android) (This is used for offline access and serverside handling)