Как вызвать плагин Capacitor для Google Auth - PullRequest
Новая
       93

Как вызвать плагин Capacitor для Google Auth

0 голосов
/ 21 июня 2020

Привет, я пытаюсь использовать подключаемый модуль Capacitor от сообщества в Ioni c 5: -

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 - что здесь предполагается передать?

Спасибо

1 Ответ

0 голосов
/ 01 сентября 2020

В 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/

...