Question

简而言之，用户使用Google Drive Picker API从Google云端硬盘中选择文档，然后生成一个网址。我想缩短当前的URL，因为它的生成过于冗长。

以下是生成URL的代码

  // The Browser API key obtained from the Google Developers Console.
  var developerKey = 'ID';

  // The Client ID obtained from the Google Developers Console.
  var clientId = 'ID';

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

  var pickerApiLoaded = false;
  var oauthToken;

  // Use the API Loader script to load google.picker and gapi.auth.
  function onApiLoad() {
    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 picking user Photos.
  function createPicker() {
    if (pickerApiLoaded && oauthToken) {
      var picker = new google.picker.PickerBuilder().
          enableFeature(google.picker.Feature.MULTISELECT_ENABLED).
          addView(google.picker.ViewId.PDFS).
          setOAuthToken(oauthToken).
          setDeveloperKey(developerKey).
          setCallback(pickerCallback).
          build();
      picker.setVisible(true);
    }
  }

  // A simple callback implementation.
  function pickerCallback(data) {
    var url = 'nothing';
    if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) {
      var doc = data[google.picker.Response.DOCUMENTS][0];
      url = doc[google.picker.Document.URL];
             var message = 'The following(s) were stored in Parse: ' + url;
    document.getElementById('result').innerHTML = message;

    }






  }


</script>
  </head>
  <body>
    <div id="result"></div>
    <div id="demo">

    <!-- The Google API Loader script. -->
    <script type="text/javascript" src="https://apis.google.com/js/api.js?onload=onApiLoad"></script>
  </body>
</html>

特别是，以下是生成网址的部分：

 // A simple callback implementation.
      function pickerCallback(data) {
        var url = 'nothing';
        if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) {
          var doc = data[google.picker.Response.DOCUMENTS][0];
          url = doc[google.picker.Document.URL];
                 var message = 'The following(s) were stored in Parse: ' + url;
        document.getElementById('result').innerHTML = message;

    }

我已查看https://developers.google.com/url-shortener/，但不确定如何整合它。

Answer 1

首先，您必须在onApiLoad函数中包含URL Shortner API的范围。在范围确定后，一旦您向Drive API发出请求，您就应该将文档URL发送到URL Shortener API。

您可以依赖类似于以下的功能（基于https://developers.google.com/api-client-library/javascript/samples/samples上提供的示例）：

<script>
  function appendResults(text) {
    var results = document.getElementById('results');
    results.appendChild(document.createElement('P'));
    results.appendChild(document.createTextNode(text));
  }

  function makeRequest() {
    var request = gapi.client.urlshortener.url.insert({
      'longURL': 'DRIVE DOCUMENT URL'
    });
    request.then(function(response) {
      appendResults(response.result.longUrl);
    }, function(reason) {
      console.log('Error: ' + reason.result.error.message);
    });
  }

  function init() {
    gapi.client.setApiKey('YOUR API KEY');
    gapi.client.load('urlshortener', 'v1').then(makeRequest);
  }
</script>
<script src="https://apis.google.com/js/client.js?onload=init"></script>

URL Shortener - 自动缩短URL

1 个答案: