回答編集履歴

固有情報の記載変更

2019/01/07 14:04

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

@@ -76,7 +76,7 @@
       // Client ID and API key from the Developer Console
-      var CLIENT_ID = '<CIENT_ID>';
+      var CLIENT_ID = '<CLIENT　ID>';
       var API_KEY = '<API KEY>';
@@ -262,7 +262,7 @@
         gapi.client.calendar.events.list({
-          'calendarId': 'netachilbr@gmail.com',
+          'calendarId': '＜カレンダーID＞',
           'showDeleted': false,
@@ -366,7 +366,7 @@
 var claims = {
-    iss: 'fdsafdsafdsafdsa@fabled-orbit-227923.iam.gserviceaccount.com',
+    iss: '＜サービスアカウントのメールアドレス＞',
     scope: driveScope,

コード記載

2019/01/07 14:04

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

@@ -1,7 +1,5 @@
 興味本位で作ってみました。
-[javascript&サービスアカウントでグーグルカレンダーにアクセス](https://drive.google.com/drive/folders/10SglBm7ep6ZjuwQPVVrNF5HkdGLNQwZP?usp=sharing)
 このやり方はサービスアカウントの情報（秘密鍵とか）丸見えです。
@@ -33,3 +31,421 @@
 一応動作確認出来たので紹介します。
 （gasで実装するのが一番楽だと思います。）
+```html
+ファイル名：index.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Google Calendar API Quickstart</title>
+    <meta charset="utf-8" />
+  </head>
+  <body>
+    <p>Google Calendar API Quickstart</p>
+    <!--Add buttons to initiate auth sequence and sign out-->
+    <button id="authorize_button" style="display: none;">Authorize</button>
+    <button id="signout_button" style="display: none;">Sign Out</button>
+    <pre id="content" style="white-space: pre-wrap;"></pre>
+    <script src="bundle.js"></script>
+    <script type="text/javascript">
+      // Client ID and API key from the Developer Console
+      var CLIENT_ID = '<CIENT_ID>';
+      var API_KEY = '<API KEY>';
+      // Array of API discovery doc URLs for APIs used by the quickstart
+      var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest"];
+      // Authorization scopes required by the API; multiple scopes can be
+      // included, separated by spaces.
+      var SCOPES = "https://www.googleapis.com/auth/calendar.readonly";
+      var authorizeButton = document.getElementById('authorize_button');
+      var signoutButton = document.getElementById('signout_button');
+      /**
+       *  On load, called to load the auth2 library and API client library.
+       */
+      function handleClientLoad() {
+        gapi.load('client:auth2', initClient);
+      }
+      /**
+       *  Initializes the API client library and sets up sign-in state
+       *  listeners.
+       */
+      function initClient() {
+        gapi.client.init({
+          apiKey: API_KEY,
+          clientId: CLIENT_ID,
+          discoveryDocs: DISCOVERY_DOCS,
+          scope: SCOPES
+        }).then(function () {
+          // Listen for sign-in state changes.
+          //gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);
+          gapi.client.setToken(window.accessToken);
+          listUpcomingEvents();
+          // Handle the initial sign-in state.
+          //updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
+          //authorizeButton.onclick = handleAuthClick;
+          //signoutButton.onclick = handleSignoutClick;
+        }, function(error) {
+          appendPre(JSON.stringify(error, null, 2));
+        });
+      }
+      /**
+       *  Called when the signed in status changes, to update the UI
+       *  appropriately. After a sign-in, the API is called.
+       */
+      function updateSigninStatus(isSignedIn) {
+        if (isSignedIn) {
+          authorizeButton.style.display = 'none';
+          signoutButton.style.display = 'block';
+          listUpcomingEvents();
+        } else {
+          authorizeButton.style.display = 'block';
+          signoutButton.style.display = 'none';
+        }
+      }
+      /**
+       *  Sign in the user upon button click.
+       */
+      function handleAuthClick(event) {
+        gapi.auth2.getAuthInstance().signIn();
+      }
+      /**
+       *  Sign out the user upon button click.
+       */
+      function handleSignoutClick(event) {
+        gapi.auth2.getAuthInstance().signOut();
+      }
+      /**
+       * Append a pre element to the body containing the given message
+       * as its text node. Used to display the results of the API call.
+       *
+       * @param {string} message Text to be placed in pre element.
+       */
+      function appendPre(message) {
+        var pre = document.getElementById('content');
+        var textContent = document.createTextNode(message + '\n');
+        pre.appendChild(textContent);
+      }
+      /**
+       * Print the summary and start datetime/date of the next ten events in
+       * the authorized user's calendar. If no events are found an
+       * appropriate message is printed.
+       */
+      function listUpcomingEvents() {
+        gapi.client.calendar.events.list({
+          'calendarId': 'netachilbr@gmail.com',
+          '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>
+  </body>
+</html>
+```
+```Node.js
+ファイル名：token.js
+var request = require('superagent');
+var crypto = require('crypto');
+var fs = require('fs');
+var privateKey = require('./key.json'); // private key generated on Developer Console.
+var driveScope = 'https://www.googleapis.com/auth/calendar';
+var tokenEndpoint = 'https://www.googleapis.com/oauth2/v3/token';
+var grantType = 'urn:ietf:params:oauth:grant-type:jwt-bearer';
+var now = Math.floor( new Date().getTime() / 1000 );
+var header = {
+    alg: 'RS256',
+    typ: 'JWT'
+};
+var claims = {
+    iss: 'fdsafdsafdsafdsa@fabled-orbit-227923.iam.gserviceaccount.com',
+    scope: driveScope,
+    aud: tokenEndpoint,
+    exp: now + 3600, // maximum expiry date is 1 hour after the issued time.
+    iat: now
+};
+var body = {
+    assertion: createJWT(header, claims),
+    grant_type: grantType
+}
+// send request to get access token
+window.accessToken;
+request.post(tokenEndpoint)
+    .set('Content-Type', 'application/x-www-form-urlencoded') // you must set this header.
+    .send(body)
+    .end(function(err, res){
+        accessToken= res.body.access_token;
+    });
+function createJWT(header, claims) {
+    var encodedHeader = new Buffer(JSON.stringify(header)).toString('base64');
+    var encodedClaims = new Buffer(JSON.stringify(claims)).toString('base64');
+    var sign = crypto.createSign('RSA-SHA256');
+    var data = new Buffer(encodedHeader + '.' + encodedClaims);
+    sign.update(data);
+    signature = sign.sign(new Buffer(privateKey.private_key), 'base64');
+    // JWT format is '{base64 encoded header}.{base64 encoded claims}.{signature}'
+    return [encodedHeader, encodedClaims, signature].join('.');
+}
+```
+```json
+ファイル名：key.json
+サービスアカウント作成でダウンロードできる秘密鍵情報
+```
+ノードモジュール：crypto, superagent
+補足：token.jsは次のコマンドで変換「browserify token.js -o bundle.js」