facebook - ionic /云 Angular FacebookAuth 给出空错误

Question

我已将 ionic 云服务添加到我的应用程序中，并希望使用 native FaceBook 身份验证。

import { FacebookAuth } from '@ionic/cloud-angular';

this.facebookAuth.login()

在 Android 手机上运行此功能时，正如预期的那样，我收到 Facebook 提示，询问我的应用程序是否可以获得读取个人资料和电子邮件的权限。当我单击"is"时，该函数返回一个空的 ERROR 对象:

Object {}

我确定我没听错，因为当我在 FB 提示上选择取消时，我得到了这个错误对象:

Object {errorCode: "4201", errorMessage: "User cancelled dialog"}

注意:我在 chrome 中使用远程网络检查器来查看完整的控制台。不幸的是，因为这需要一个真实的设备，所以我不能 Plunker 这个。但是，我希望有人知道为什么会发生这种情况。我已经关注了所有 these步骤，包括 FB 开发人员设置、哈希和 ionic.io 设置。

Answer 1

我已经这样做了，它在真实设备上运行良好。如果您有任何问题，请在下面发表评论。

一起玩 Git Repo

app.module.ts

import { CloudSettings, CloudModule } from '@ionic/cloud-angular';

const cloudSettings: CloudSettings = {
  'core': {
    'app_id': 'd32c02d2'
  },
  'auth': {
    'facebook': {
      'scope': ['public_profile', 'email']
    }
  }
};

@NgModule({
  declarations: [
   ],
  imports: [
    CloudModule.forRoot(cloudSettings)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
   ],
  providers: [

  ]
})
export class AppModule { }

home.html

 <button ion-button block type="button" (click)="fbLogin()">Fb Login</button>

home.ts

import { Component } from '@angular/core';
import { FacebookAuth, User } from '@ionic/cloud-angular';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public facebookAuth: FacebookAuth, public user: User) {

  }

  fbLogin() {
    this.facebookAuth.login();
  }

}