CapacitorGoogleAuth Téléchargement - CapacitorGoogleAuth Code source Télécharger

CapacitorGoogleAuth

Données du site Web

v3.3.6

Télécharger

Avertissement

Ce plugin est maintenant en mode de maintien bas, pour une nouvelle fonctionnalité comme le gestionnaire d'identification ou le manifeste de confidentialité, veuillez utiliser: https://github.com/cap-go/capacitor-social-login

Condensateur

@codetrix-studio/capacitor-google-auth

Condensateur 6

Plugin de condensateur pour Google Auth.

Breaking Change in v6

Dans la version V6, clientId dans la méthode Initialize est utilisé en priorité sur d'autres endroits que vous pouvez configurer. Si avant de l'utiliser uniquement sur le Web, unfongez-le sur mobile. Ou définissez-le conditionnellement pour reproduire le vieux comportement.

Contributions

Les PR sont les bienvenus et très appréciés qui maintiennent ce plugin à jour avec le condensateur et la parité officielle des fonctionnalités de la bibliothèque de la plate-forme Google Auth.

Essayez de suivre les bonnes pratiques de code. Vous pouvez même aider à garder la démo incluse à jour.

Les PR pour les fonctionnalités qui ne sont pas alignées sur la bibliothèque officielle de Google Auth sont découragées.

(Nous sommes adaptés aux débutants ici)

Installer

1. Installer le package

npm i --save @codetrix-studio/capacitor-google-auth

# pnpm 
pnpm add @codetrix-studio/capacitor-google-auth

# yarn 
yarn add @codetrix-studio/capacitor-google-auth

2. Mettez à jour les dépistages du condensateur

npx cap update

Mise à jour

Si besoin migrer vers différentes versions de condensateurs, voir l'instruction pour migrer le plugin vers une nouvelle version.

Usage

Web

Enregistrer le plugin et initialiser manuellement

 import { GoogleAuth } from '@codetrix-studio/capacitor-google-auth' ;

// use hook after platform dom ready
GoogleAuth . initialize ( {
  clientId : 'CLIENT_ID.apps.googleusercontent.com' ,
  scopes : [ 'profile' , 'email' ] ,
  grantOfflineAccess : true ,
} ) ;

ou si besoin utilise des balises méta (facultative):

 < meta name =" google-signin-client_id " content =" {your client id here} " />
< meta name =" google-signin-scope " content =" profile email " />

Options

clientId - l'ID client de l'application, trouvé et créé dans la console Google Developers.
scopes - Identique à la configuration des lunettes
grantOfflineAccess - Boolean, par défaut false , définissez si votre application doit actualiser les jetons d'accès lorsque l'utilisateur n'est pas présent au navigateur.

Utilisez-le

 GoogleAuth . signIn ( ) ;

Angulaire

Init Hook

 // app.component.ts
constructor ( ) {
  this . initializeApp ( ) ;
}

initializeApp ( ) {
  this . platform . ready ( ) . then ( ( ) => {
    GoogleAuth . initialize ( )
  } )
}

Fonction de connexion

 import { GoogleAuth } from "@codetrix-studio/capacitor-google-auth" ;
import { Auth , GoogleAuthProvider , signInWithCredential } from '@angular/fire/auth' ;

async googleSignIn ( ) {
  let googleUser = await GoogleAuth . signIn ( ) ;

  /*
    If you use Firebase you can forward and use the logged in Google user like this:
  */
  constructor ( private auth : Auth ) { }

  const googleUser = await GoogleAuth . signIn ( ) ;
  const _credential = GoogleAuthProvider . credential ( googleUser . authentication . idToken ) ;
  return signInWithCredential ( this . auth , _credential ) ;
}

Vue 3

< script setup lang="ts">
import { defineComponent , onMounted } from ' vue ' ;
import { GoogleAuth } from ' @codetrix-studio/capacitor-google-auth ' ;

onMounted (() => {
  GoogleAuth . initialize ();
});

async function logIn() {
  const response = await GoogleAuth . signIn ();
  console . log ( response );
}
</ script >

ou voir plus de condensateur

ios

Créer dans Google Cloud Console ID Client ID Client pour iOS et obtenir un ID client et un schéma d'URL iOS
Ajouter l'identifiant REVERSED_CLIENT_ID comme schémas d'URL à Info.plist du schéma d'URL iOS
(Xcode: App - Targets / App - Info - Types d'URL, cliquez sur icône)
Définissez l'ID du client l'un des moyens (par ordre d'importance dans le plugin):
1. Définir clientId dans la méthode Initialize
2. Définir iosClientId dans capacitor.config.json
3. Définir clientId dans capacitor.config.json
4. Définir CLIENT_ID dans GoogleService-Info.plist

Androïde

Définir l'ID client (par ordre d'importance dans le plugin):

Définir clientId dans la méthode Initialize
Définissez androidClientId dans capacitor.config.json
Définir clientId dans capacitor.config.json
Set server_client_id dans strings.xml

< resources >
  < string name = " server_client_id " >Your Web Client Key</ string >
</ resources >

Modification des services de lecture Auth version (facultatif):

Ce plugin utilise com.google.android.gms:play-services-auth:21.2.0 Par défaut, vous pouvez le remplacer en fournissant gmsPlayServicesAuthVersion sur variables.gradle

Méthode de rafraîchissement

Cette méthode doit être appelée lorsque l'application est initialisée pour établir si l'utilisateur est actuellement connecté. Si cela est vrai, la méthode renvoie un AccessToken, idToken et un refroidissement vide.

 checkLoggedIn ( ) {
    GoogleAuth . refresh ( )
        . then ( ( data ) => {
            if ( data . accessToken ) {
                this . currentTokens = data ;
            }
        } )
        . catch ( ( error ) => {
            if ( error . type === 'userLoggedOut' ) {
                this . signin ( )
            }
        } ) ;
}

Configurer

Nom	Taper	Description
clientId	chaîne	L'ID client de l'application, trouvé et créé dans la console Google Developers.
iOsligietid	chaîne	Clé d'identification client spécifique pour iOS
AndroidClientid	chaîne	Clé d'identification client spécifique pour Android
portées	chaîne[]	Scopes que vous devrez peut-être demander pour accéder aux API Google https://developers.google.com/identity/protocols/oauth2/scopes
serverclientid	chaîne	Ce clientId utilisé pour l'accès hors ligne et la manipulation du côté serveur
forcecodeforrefreshtoken	booléen	Forcer l'utilisateur à sélectionner l'adresse e-mail pour régénérer AuthCode Utilisé pour obtenir un rafraîchissement valide (travailler sur iOS et Android)

Fournir une configuration dans root capacitor.config.json

{
  "plugins" : {
    "GoogleAuth" : {
      "scopes" : [ " profile " , " email " ],
      "serverClientId" : " xxxxxx-xxxxxxxxxxxxxxxxxx.apps.googleusercontent.com " ,
      "forceCodeForRefreshToken" : true
    }
  }
}

ou dans capacitor.config.ts

 /// <reference types="'@codetrix-studio/capacitor-google-auth'" />

const config : CapacitorConfig = {
  plugins : {
    GoogleAuth : {
      scopes : [ 'profile' , 'email' ] ,
      serverClientId : 'xxxxxx-xxxxxxxxxxxxxxxxxx.apps.googleusercontent.com' ,
      forceCodeForRefreshToken : true ,
    } ,
  } ,
} ;

export default config ;

Remarque: les lunettes peuvent être configurées sous la fonction `initialize` .

API

initialize(...)
signIn()
refresh()
signOut()
Interfaces

initialiser(...)

 initialize ( options ?: InitOptions ) = > void

Initialise le googleauthplugin, chargeant la bibliothèque GAPI et configurant le plugin.

Paramot	Taper	Description
`options`	`InitOptions`	- Options d'initialisation facultatives.

Depuis: 3.1.0

se connecter()

 signIn ( ) = > Promise < User >

Initie le processus de connexion et renvoie une promesse qui résout avec les informations de l'utilisateur.

Renvoie: Promise<User>

rafraîchir()

 refresh ( ) = > Promise < Authentication >

Rafraîchit le jeton d'authentification et renvoie une promesse qui résout avec les détails d'authentification mis à jour.

Renvoie: Promise<Authentication>

se déconnecter()

 signOut ( ) = > Promise < any >

Signe l'utilisateur et renvoie une promesse.

Renvoie: Promise<any>

Interfaces

Initiations

Soutenir	Taper	Description	Défaut	Depuis
`clientId`	`string`	L'ID client de l'application, trouvé et créé dans la console Google Developers. Commun pour Android ou iOS. La valeur par défaut est définie dans la configuration.		3.1.0
`scopes`	`string[]`	Spécifie les lunettes requises pour accéder aux API Google La valeur par défaut est définie dans la configuration.		3.4.0-RC.4
`grantOfflineAccess`	`boolean`	Définissez si votre application doit actualiser les jetons d'accès lorsque l'utilisateur n'est pas présent au navigateur. En réponse, utilisez la touche `serverAuthCode`	`false`	3.1.0

Utilisateur

Soutenir	Taper	Description
`id`	`string`	L'identifiant unique pour l'utilisateur.
`email`	`string`	L'adresse e-mail associée à l'utilisateur.
`name`	`string`	Le nom complet de l'utilisateur.
`familyName`	`string`	Le nom de famille (nom de famille) de l'utilisateur.
`givenName`	`string`	Le nom donné (prénom) de l'utilisateur.
`imageUrl`	`string`	L'URL de la photo de profil de l'utilisateur.
`serverAuthCode`	`string`	Le code d'authentification du serveur.
`authentication`	`Authentication`	Les détails d'authentification, y compris les jetons d'accès, de rafraîchissement et d'ID.

Authentification

Soutenir	Taper	Description
`accessToken`	`string`	Le jeton d'accès obtenu lors de l'authentification.
`idToken`	`string`	Le jeton ID obtenu lors de l'authentification.
`refreshToken`	`string`	Le jeton de rafraîchissement.

Guide de migration

Migrer de 3.3.x à 3.4.x

Installez la version 3.4.x:

npm i --save @codetrix-studio/capacitor-google-auth@^3.4

Suivez l'instruction pour votre mise à jour du projet vers le condensateur 6.

Migrer de 3.2.x à 3.3.x

Installez la version 3.3.x:

npm i --save @codetrix-studio/capacitor-google-auth^3.3

Suivez l'instruction pour votre mise à jour du projet du condensateur 4 au condensateur 5.

Migrer de 3.2.1 à 3.2.2

pour Android dans Fichier MainActivity.onCreate

 - this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
-   add(GoogleAuth.class);
- }});
+ this.registerPlugin(GoogleAuth.class);

Migrer de 3.1.x vers 3.2.x

Installez la version 3.2.x:

npm i --save @codetrix-studio/capacitor-google-auth^3.2

Suivez l'instruction pour votre mise à jour du projet du condensateur 3 au condensateur 4.

Migrer de 3.0.2 à 3.1.0

 - GoogleAuth.init()
+ GoogleAuth.initialize()

Migrer de 2 à 3

Installez la version 3.xx:

npm i --save @codetrix-studio/capacitor-google-auth^3.0

Après avoir migré vers Capcitor 3 à mettre à jour vos projets, voir Diff:

Web

 - import "@codetrix-studio/capacitor-google-auth";
- import { Plugins } from '@capacitor/core';
+ import { GoogleAuth } from '@codetrix-studio/capacitor-google-auth'

- Plugins.GoogleAuth.signIn();
+ GoogleAuth.init()
+ GoogleAuth.signIn()

Migrer de 1 à 2

Installez la version 2.xx:

npm i --save @codetrix-studio/capacitor-google-auth@2

pour le condensateur 2.xx Utiliser l'instruction

Licence

Mit

Développer

Informations supplémentaires

Version v3.3.6
Type Données du site Web
Date de mise à jour 2025-06-28
taille 894.15KB
Provenant de Github

Applications connexes

Twitter Sentiment Analysis on Flask App

2025-07-07
data science app road accident analysis

2025-07-06
static web apps cli

2025-06-27
awesome hacking lists

2025-07-03
ssti payloads

2025-06-27
aurelia

2025-01-06

Recommandé pour vous

chat.petals.dev

Autre code source

1.0.0
GPT Prompt Templates

Autre code source

1.0.0
GPTyped

Autre code source

GPTyped 1.0.5
Twitter Sentiment Analysis on Flask App

Données du site Web

1.0.0
data science app road accident analysis

Données du site Web

1.0.0
static web apps cli

Données du site Web

v2.0.2
Google Dorks

Autre code source

1.0
shepherd

Autre code source

v6.1.6-react-shepherd: Prepare Release (#3063)
mongo express

Autre code source

v1.1.0-rc-3

Actualités connexes Tout

CapacitorGoogleAuth