如何通过Google Calendar API v3永久访问我自己的Google日历?

时间:2017-11-17 22:06:38

标签: javascript php google-calendar-api

我想在我的网站(前端)上构建一个界面,以使客户能够在我自己的Google日历(后端)中创建活动。我希望通过Google Calendar API v3使用JavaScript和/或PHP技术实现这一目标。

虽然使用这个API对我来说是全新的,但我开始使用下面的代码,它是this mockup的略微修改版本。它实际上就像一个魅力,但没有做我需要的。

我需要的是授权我的特定网站(例如“axel.com/calendar”)以“永久”访问我的Google日历的事件,并能够根据特定的行为添加事件。用户。接口的实际用户根本不需要授权任何内容。

对于UI,我现在倾向于使用FullCalendar

<!DOCTYPE html>
<html>
  <head>
    <title>Google Calendar API Quickstart</title>
    <meta charset='utf-8' />
  </head>
  <body>
    <button id="authorize-button" style="display: none;">Authorize</button>
    <button id="signout-button" style="display: none;">Sign Out</button>
    <pre id="content"></pre>

    <script type="text/javascript">
      var CLIENT_ID = '<YOUR_CLIENT_ID>';
      var API_KEY = '<YOUR_API_KEY>';
      var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest"];
      var SCOPES = "https://www.googleapis.com/auth/calendar.readonly";
      var authorizeButton = document.getElementById('authorize-button');
      var signoutButton = document.getElementById('signout-button');

      function handleClientLoad() {
        gapi.load('client:auth2', initClient);
      }

      function initClient() {
        gapi.client.init({
          apiKey: API_KEY,
          clientId: CLIENT_ID,
          discoveryDocs: DISCOVERY_DOCS,
          scope: SCOPES
        }).then(function () {
          gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);
          updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
          authorizeButton.onclick = handleAuthClick;
          signoutButton.onclick = handleSignoutClick;
        });
      }

      function updateSigninStatus(isSignedIn) {
        if (isSignedIn) {
          authorizeButton.style.display = 'none';
          signoutButton.style.display = 'block';
          listUpcomingEvents();
        } else {
          authorizeButton.style.display = 'block';
          signoutButton.style.display = 'none';
        }
      }

      function handleAuthClick(event) {
        gapi.auth2.getAuthInstance().signIn();
      }

      function handleSignoutClick(event) {
        gapi.auth2.getAuthInstance().signOut();
      }

      function appendPre(message) {
        var pre = document.getElementById('content');
        var textContent = document.createTextNode(message + '\n');
        pre.appendChild(textContent);
      }

      function listUpcomingEvents() {
        gapi.client.calendar.events.list({
          'calendarId': 'primary',
          'timeMin': (new Date()).toISOString(),
          'showDeleted': false,
          'singleEvents': true,
          'maxResults': 10,
          'orderBy': 'startTime'
        }).then(function(response) {
          var events = response.result.items;
          appendPre('Upcoming events:');

          if (events.length > 0) {
            for (i = 0; i < events.length; i++) {
              var event = events[i];
              var when = event.start.dateTime;
              if (!when) {
                when = event.start.date;
              }
              appendPre(event.summary + ' (' + when + ')')
            }
          } else {
            appendPre('No upcoming events found.');
          }
        });
      }
    </script>

    <script async defer src="https://apis.google.com/js/api.js"
      onload="this.onload=function(){};handleClientLoad()"
      onreadystatechange="if (this.readyState === 'complete') this.onload()">
    </script>

1 个答案:

答案 0 :(得分:3)

您可以使用服务帐户凭据,而不是使用OAuth密钥。

OAuth用于访问客户的日历,需要用户同意。

相反,您应该使用服务帐户凭据来修改您自己日历中将与用户共享的事件。

在Google API开发者控制台上选择项目,然后选择服务帐户作为凭据而不是OAuth。

您将获得相应的json凭证文件,您可以在后端使用该文件进行身份验证。

此链接可以帮助您 (特别是如果你使用的是PHP Laravell)

https://github.com/spatie/laravel-google-calendar