Unduh CapacitorGoogleAuth - Unduh Kode Sumber CapacitorGoogleAuth

CapacitorGoogleAuth

Data situs web

v3.3.6

Unduh

Peringatan

Plugin ini sekarang dalam mode pemeliharaan rendah, untuk fitur baru seperti Manajer Kredensial atau Manifes Privasi Harap Gunakan: https://github.com/cap-go/capacitor-social-login

CAPACITORGOOGLEAUTH

@codetrix-studio/capacitor-google-auth

Kapasitor 6

Plugin kapasitor untuk Google Auth.

Melanggar perubahan dalam v6

Dalam versi V6, clientId dalam metode inisialisasi digunakan dalam prioritas di atas tempat lain yang bisa Anda atur. Jika sebelum Anda menggunakan ini hanya di web, lepaskan di ponsel. Atau mengaturnya secara kondisional untuk mereplikasi perilaku lama.

Kontribusi

PRS dipersilakan dan sangat dihargai yang membuat plugin ini tetap up to date dengan kapasitor dan paritas fitur Platform Platform Google Auth resmi.

Cobalah untuk mengikuti praktik kode yang baik. Anda bahkan dapat membantu menjaga demo yang disertakan diperbarui.

PRS untuk fitur yang tidak selaras dengan perpustakaan resmi Google Auth tidak dianjurkan.

(Kami ramah pemula di sini)

Memasang

1. Instal Paket

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. Perbarui Dep Capacitor

npx cap update

Memperbarui

Jika perlu bermigrasi ke versi kapasitor yang berbeda, lihat instruksi untuk migrasi plugin ke versi baru.

Penggunaan

Web

Daftarkan plugin dan inisialisasi secara manual

 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 ,
} ) ;

atau jika perlu gunakan tag meta (opsional):

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

Opsi

clientId - ID klien aplikasi, ditemukan dan dibuat di konsol Google Developers.
scopes - Sama seperti Konfigurasi Lingkup
grantOfflineAccess - Boolean, false Default, Tetapkan jika aplikasi Anda perlu menyegarkan Token akses ketika pengguna tidak ada di browser.

Gunakan itu

 GoogleAuth . signIn ( ) ;

Angular

init hook

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

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

Masuk fungsi

 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 >

Atau lihat lebih banyak contoh kapasitorgoogleauth-vue3

iOS

Buat ID Klien Kredensial Konsol Google Cloud untuk iOS dan dapatkan ID klien dan skema URL iOS
Tambahkan Identifier REVERSED_CLIENT_ID sebagai skema URL ke Info.plist dari skema URL iOS
(Xcode: Aplikasi - Target/Aplikasi - Info - Jenis URL, Klik Ikon Plus)
Setel ID Klien Salah satu cara (atas urutan kepentingan dalam plugin):
1. Setel clientId dalam metode inisialisasi
2. Set iosClientId di capacitor.config.json
3. Setel clientId di capacitor.config.json
4. Atur CLIENT_ID di GoogleService-Info.plist

Android

Setel ID Klien (atas urutan kepentingan di plugin):

Setel clientId dalam metode inisialisasi
Atur androidClientId di capacitor.config.json
Setel clientId di capacitor.config.json
Setel server_client_id di strings.xml

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

Mengubah Versi Auth Layanan Play (Opsional):

Plugin ini menggunakan com.google.android.gms:play-services-auth:21.2.0 Secara default, Anda dapat mengganti itu menyediakan gmsPlayServicesAuthVersion di variables.gradle

Metode Refresh

Metode ini harus dipanggil ketika aplikasi diinisialisasi untuk menetapkan jika pengguna saat ini masuk. Jika benar, metode ini akan mengembalikan AccessToken, IdToken, dan refreshToken kosong.

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

Konfigurasikan

Nama	Jenis	Keterangan
ClientId	rangkaian	ID klien aplikasi, ditemukan dan dibuat di konsol pengembang Google.
iosclientId	rangkaian	Kunci ID klien tertentu untuk iOS
androidclientId	rangkaian	Kunci ID klien tertentu untuk Android
lingkup	rangkaian[]	Lingkup yang mungkin perlu Anda minta untuk mengakses Google API https://developers.google.com/identity/protocols/oauth2/scopes
ServerClientID	rangkaian	ClientId ini digunakan untuk akses offline dan penanganan sisi server
ForcecodeforrefreshToken	Boolean	Paksa Pengguna Untuk Memilih Alamat Email Untuk Mengatur Kode Authcode Digunakan untuk mendapatkan refreshToken yang valid (bekerja di iOS dan Android)

Berikan konfigurasi di root capacitor.config.json

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

atau di 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 ;

Catatan: Lingkup dapat dikonfigurasi dalam fungsi `initialize` .

API

initialize(...)
signIn()
refresh()
signOut()
Antarmuka

inisialisasi (...)

 initialize ( options ?: InitOptions ) = > void

Menginisialisasi GoogleAuthplugin, memuat pustaka GAPI dan mengatur plugin.

Param	Jenis	Keterangan
`options`	`InitOptions`	- Opsi inisialisasi opsional.

Sejak: 3.1.0

masuk()

 signIn ( ) = > Promise < User >

Memulai proses masuk dan mengembalikan janji yang diselesaikan dengan informasi pengguna.

Pengembalian: Promise<User>

menyegarkan()

 refresh ( ) = > Promise < Authentication >

Menyegarkan token otentikasi dan mengembalikan janji yang diselesaikan dengan detail otentikasi yang diperbarui.

Pengembalian: Promise<Authentication>

Signout ()

 signOut ( ) = > Promise < any >

Menandatangani pengguna dan mengembalikan janji.

Pengembalian: Promise<any>

Antarmuka

Inisiopsi

Menopang	Jenis	Keterangan	Bawaan	Sejak
`clientId`	`string`	ID klien aplikasi, ditemukan dan dibuat di konsol pengembang Google. Umum untuk Android atau iOS. Default didefinisikan dalam konfigurasi.		3.1.0
`scopes`	`string[]`	Menentukan lingkup yang diperlukan untuk mengakses Google API, default didefinisikan dalam konfigurasi.		3.4.0-rc.4
`grantOfflineAccess`	`boolean`	Setel jika aplikasi Anda perlu menyegarkan ke akses ke mana pengguna tidak hadir di browser. Sebagai tanggapan gunakan kunci `serverAuthCode`	`false`	3.1.0

Pengguna

Menopang	Jenis	Keterangan
`id`	`string`	Pengidentifikasi unik untuk pengguna.
`email`	`string`	Alamat email yang terkait dengan pengguna.
`name`	`string`	Nama lengkap pengguna.
`familyName`	`string`	Nama keluarga (nama belakang) pengguna.
`givenName`	`string`	Nama yang diberikan (nama depan) dari pengguna.
`imageUrl`	`string`	URL gambar profil pengguna.
`serverAuthCode`	`string`	Kode otentikasi server.
`authentication`	`Authentication`	Detail otentikasi termasuk akses, penyegaran dan token ID.

Otentikasi

Menopang	Jenis	Keterangan
`accessToken`	`string`	Token akses yang diperoleh selama otentikasi.
`idToken`	`string`	Token ID yang diperoleh selama otentikasi.
`refreshToken`	`string`	Token Refresh.

Panduan Migrasi

Bermigrasi dari 3.3.x ke 3.4.x

Instal Versi 3.4.x:

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

Ikuti instruksi untuk Anda memperbarui proyek ke kapasitor 6.

Bermigrasi dari 3.2.x ke 3.3.x

Instal Versi 3.3.x:

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

Ikuti instruksi untuk Anda memperbarui proyek dari Capacitor 4 ke Capacitor 5.

Bermigrasi dari 3.2.1 ke 3.2.2

untuk Android di file MainActivity.onCreate

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

Bermigrasi dari 3.1.x ke 3.2.x

Instal Versi 3.2.x:

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

Ikuti instruksi untuk Anda memperbarui proyek dari Capacitor 3 ke Capacitor 4.

Bermigrasi dari 3.0.2 ke 3.1.0

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

Bermigrasi dari 2 ke 3

Instal Versi 3.xx:

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

Setelah bermigrasi ke Capcitor 3 Memperbarui proyek Anda, lihat 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()

Bermigrasi dari 1 ke 2

Instal Versi 2.XX:

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

untuk kapasitor 2.xx menggunakan instruksi

Lisensi

Mit

Memperluas

Informasi Tambahan

Versi v3.3.6
Tipe Data situs web
Waktu Pembaruan 2025-06-28
ukuran 894.15KB
Berasal dari Github

Aplikasi Terkait

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

Direkomendasikan untuk Anda

chat.petals.dev

Kode sumber lainnya

1.0.0
GPT Prompt Templates

Kode sumber lainnya

1.0.0
GPTyped

Kode sumber lainnya

GPTyped 1.0.5
Twitter Sentiment Analysis on Flask App

Data situs web

1.0.0
data science app road accident analysis

Data situs web

1.0.0
static web apps cli

Data situs web

v2.0.2
Google Dorks

Kode sumber lainnya

1.0
shepherd

Kode sumber lainnya

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

Kode sumber lainnya

v1.1.0-rc-3

Informasi Terkait Semua

CapacitorGoogleAuth