如何为 Google Auth 调用 Capacitor 插件

Question

您好，我正在尝试在 Ionic 5 中使用社区 Capacitor 插件：-

https://github.com/CodetrixStudio/CapacitorGoogleAuth

我的html长得像

</head>

<ion-header>
  <ion-toolbar color="secondary">
    <ion-title>
      Capacitor testy
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <img [src]="image" *ngIf="image">
  <ion-button (click)="openBrowser()">Open Browser</ion-button>
  <ion-button (click)="takePicture()">Take Picture</ion-button>
  <ion-button (click)="glogin()">glogin</ion-button>
</ion-content>

和我的 TS

import { Component } from '@angular/core';
import { Plugins, CameraResultType } from '@capacitor/core';
import { DomSanitizer } from '@angular/platform-browser';
const { Browser, Camera } = Plugins;
import '@codetrix-studio/capacitor-google-auth';



@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
 image = null;
  constructor(private sanitizer: DomSanitizer) {}


  async openBrowser(){
  await Browser.open({ url: 'https://www.neilson.co.uk/beach/greece/cosmos-beachclub' });
}

  async takePicture() {
    const image = await Camera.getPhoto({
      quality: 90,
      allowEditing: true,
      resultType: CameraResultType.Uri
    });
    console.log('image: ', image)
    this.image = this.sanitizer.bypassSecurityTrustResourceUrl(image && image.webPath);
 }

 async glogin(){
  let auth = await Plugins.GoogleAuth.signIn();
  console.log('auth' + auth);
  }

  
}

但是GoogleAuth.signIn();在 VS 代码中出现红色下划线 - 这里传递的是什么意思？

谢谢

Answer 1

在Android studio中，找到文件android/app/src/main/java///MainActivity.java，将插件添加到初始化列表：

import com.codetrixstudio.capacitor.GoogleAuth.GoogleAuth
this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
...
add(GoogleAuth.class);
...
}});

来源：https://enappd.com/blog/google-login-in-ionic-react-capacitor-apps/122/

如何为 Google Auth 调用 Capacitor 插件

How to call Capacitor plugin for Google Auth

ionic-framework

capacitor