Автономный скрипт Google Apps - проверка подлинности средства выбора файлов не удалась - PullRequest
Новая
       52

Автономный скрипт Google Apps - проверка подлинности средства выбора файлов не удалась

0 голосов
/ 14 января 2019

Я пытаюсь следовать инструкциям по использованию средства выбора файлов api в автономном скрипте. Сейчас я просто хочу, чтобы пример "Hello World" работал

В документации Google есть несколько разных источников. Я закончил тем, что использовал это: https://developers.google.com/drive/api/v3/picker

Я скопировал и вставил html-код в html-файл в проекте сценария и сделал так, чтобы code.gs выглядел следующим образом (как описано в разделе «Служба HTML» в Руководстве по приложениям-сценариям): 

function doGet() {
  return HtmlService.createHtmlOutputFromFile('index');
}

Затем я создал учетные данные в консоли через Ресурсы> Cloud Platform Project. Я скопировал developerKey, clientId и appId из консоли в мой код. Затем я выполнил «Управление версиями» и «Публикация> Развертывание как биты Webapp». Когда я попробовал URL, я получил эту ошибку: redirect_uri_mismatch

После этого я начал поиск и нашел эту тему:

Google Apps Script - Использование средства выбора файлов Google в автономном скрипте Как и было предложено, я добавил 

.setOrigin(google.script.host.origin)

строка в определении pickerBuilder. Я обновил версию, опубликовал снова, но все еще получаю ту же ошибку.

Так что теперь HTML-код выглядит следующим образом (я изменил личные вещи): 

<!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 API Console.
    // Replace with your own Browser API key, or your own key.
    var developerKey = 'AIzaSyDZzfmUYVhy112mmvMdGjyxu87NzKPRw2g';

    // The Client ID obtained from the Google API Console. Replace with your own Client ID.
    var clientId = "920142203274-3v3laj3p4hlvufugi6lq1r6oehal8umj.apps.googleusercontent.com"

    // Replace with your own project number from console.developers.google.com.
    // See "Project number" under "IAM & Admin" > "Settings"
    var appId = "920142203274";

    // 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)
            .setOrigin(google.script.host.origin)
            .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. Это ошибка. Ошибка: redirect_uri_mismatch
    Источник JavaScript в запросе, https://n -lrmsso6qous3xxeujgyomegl6ggr3xob2stmi6a-0lu-script.googleusercontent.com , не совпадает с авторизованным для клиента OAuth. Визит https://console.developers.google.com/apis/credentials/oauthclient/920149903274-3v3laj3p4hlvufugi6lq1r6oehal8umj.apps.googleusercontent.com?project=920149903274 обновить авторизованные источники JavaScript.

Поскольку я не смог найти руководство для своего конкретного варианта использования, я использую описание процесса из https://developers.google.com/apps-script/guides/dialogs#file-open_dialogs и код из https://developers.google.com/drive/api/v3/picker поэтому я не совсем уверен, действительно ли это должно работать именно так. Я был бы очень рад, если бы меня направили к правильному гиду (если он существует) и проработали его.

Спасибо всем заранее.

...