logo标签列表

在使用 Google Picker 查看文件时，API 开发者密钥无效。

javascriptphpgoogle-drive-apigoogle-oauthgoogle-picker
8
我想查看Google Picker中的所有文件，因此我正在遵循此链接：

https://developers.google.com/picker/docs/

但它返回“API开发者密钥无效”。我的代码如下，但该密钥在其他项目中正常工作：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Picker Example</title>

    <script type="text/javascript">

    // The Browser API key obtained from the Google Developers Console.
    // Replace with your own Browser API key, or your own key.
    var developerKey = 'AXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXM';

    // The Client ID obtained from the Google Developers Console. Replace with your own Client ID.
    var clientId = "XXXXXXXXXXXX-XXXXXXXXXXXXXXXXXXXXXXXXX.apps.googleusercontent.com"

    // Replace with your own App ID. (Its the first number in your Client ID)
    var appId = "XXXXXXXXXXXX";

    // Scope to use to access user's Drive items.
    var scope = ['https://www.googleapis.com/auth/drive'];

    var pickerApiLoaded = false;
    var oauthToken;

    // Use the Google API Loader script to load the google.picker script.
    function loadPicker() {
      gapi.load('auth', {'callback': onAuthApiLoad});
      gapi.load('picker', {'callback': onPickerApiLoad});
    }

    function onAuthApiLoad() {
      window.gapi.auth.authorize(
          {
            'client_id': clientId,
            'scope': scope,
            'immediate': false
          },
          handleAuthResult);
    }

    function onPickerApiLoad() {
      pickerApiLoaded = true;
      createPicker();
    }

    function handleAuthResult(authResult) {
      if (authResult && !authResult.error) {
        oauthToken = authResult.access_token;
        createPicker();
      }
    }

    // Create and render a Picker object for searching images.
    function createPicker() {
      if (pickerApiLoaded && oauthToken) {
        var view = new google.picker.View(google.picker.ViewId.DOCS);
        view.setMimeTypes("image/png,image/jpeg,image/jpg");
        var picker = new google.picker.PickerBuilder()
            .enableFeature(google.picker.Feature.NAV_HIDDEN)
            .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
            .setAppId(appId)
            .setOAuthToken(oauthToken)
            .addView(view)
            .addView(new google.picker.DocsUploadView())
            .setDeveloperKey(developerKey)
            .setCallback(pickerCallback)
            .build();
         picker.setVisible(true);
      }
    }

    // A simple callback implementation.
    function pickerCallback(data) {
      if (data.action == google.picker.Action.PICKED) {
        var fileId = data.docs[0].id;
        alert('The user selected: ' + fileId);
      }
    }
    </script>
  </head>
  <body>
    <div id="result"></div>

    <!-- The Google API Loader script. -->
    <script type="text/javascript" src="https://apis.google.com/js/api.js?onload=loadPicker"></script>
  </body>
</html>
1
你在Google开发者控制台中添加了哪些凭据类型？ - Linda Lawton - DaImTo
2
我似乎遇到了同样的问题。我的凭据是一个 API 密钥，类型为“浏览器”。这就是我传递给 setDeveloperKey 的内容。 我还有一个 OAuth 2.0 客户端 ID，类型为“Web 应用程序”。我将 clientId.split('-')[0] 传递给 setAppId。setOAuthToken 接收到了一个有效的身份验证令牌，我可以使用它来从 Drive API 检索文件。 picker.setVisible(true) 弹出一个窗口，只显示“API 开发人员密钥无效。”如果我删除对 setDeveloperKey 的调用，则选择器可以正常工作。 - Kwateco
1个回答
6

看起来您没有在Google控制台中启用"Google Picker API"

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接