将Firebase访问令牌与Picker API配合使用

时间:2017-04-19 19:10:38

标签: firebase google-api firebase-authentication google-picker

我正在尝试在React应用程序中打开Goog​​le Picker API。我正在使用Firebase进行身份验证,所以我想我可以使用生成的accessToken来实现这一点,但是它打开了一个请求我登录的页面。这是我在组件中使用的代码,试图打开选择器。仅从指南中略微修改。

  loadPicker() {
    window.gapi.load('picker', {callback: this.pickerLoaded});
  }

  pickerLoaded() {
    this.state.user.getToken()
      .then(token => {
        if (token) {
          const developerKey = 'AIzaSyAmVIH3Gu3pP2VKlrgVme9YJe30GQCDEh8';
          let picker = new window.google.picker.PickerBuilder()
            .addView(window.google.picker.ViewId.DOCS)
            .setOAuthToken(token)
            .setDeveloperKey(developerKey)
            .setOrigin(window.location.protocol + '//' + window.location.host)
            .setCallback((data) => console.log(data))
            .build();

          picker.setVisible(true);
        }
      });
  }

  pickerCallback(data) {
    console.log(data);
  }

我希望我也不需要从Google API加载auth服务,因为访问令牌已经存在。除了PickerBuilder()上的.setOAuthToken()方法之外,还有一种我需要用来设置我没有看到的令牌的方法吗?

感谢您的任何考虑。

0 个答案:

没有答案