gmail api で gapi.client.gmail がロードされない

gmail api を使用して簡単なメール送信アプリを作っているのですが、gapi.client.gmail のロードがうまくされずに困っています。どうすればロードされるでしょうか。

参考にしたページは以下の通りです。
http://tech.respect-pal.jp/gmailapi-send-mail/

認証を通すところまではうまくいきましたが、

javascript
1gapi.client.load('gmail', 'v1', callbackFunction());
2

の箇所がどうやらうまく動いていないようです。

上記のコールバックで以下が呼ばれますが、gapi.client.gmail.users.messages.send の箇所で、Cannot read property 'users' of undefined のエラーがでて止まってしまいます。
その手前にconsole.logで出してみるとundefinedでした。

javascript
1  function callbackFunction(){
2    var mimeData = ["To: ＊＊＊＊＊＊＊＊＊＊＊＊＊",
3        "Subject: =?utf-8?B?" + window.btoa(unescape(encodeURIComponent("日本語の件名"))) + "?=",
4        "MIME-Version: 1.0",
5        "Content-Type: text/plain; charset=UTF-8",
6        "Content-Transfer-Encoding: 7bit",
7        "",
8        "ここから本文"].join("\n").trim();
9
10    var raw = window.btoa(unescape(encodeURIComponent(mimeData))).replace(/\+/g, '-').replace(/\//g, '_');
11    console.log(gapi.client.gmail);
12    gapi.client.gmail.users.messages.send({
13      'userId': 'me',
14      'resource': {
15        'raw': raw
16      }
17    }).execute(function() {
18      alert("sended my mail!");
19    });
20

何がいけないのでしょうか…

行動規範の内容に同意します

回答1件

ベストアンサー

以下を修正してください。

gapi.client.load('gmail', 'v1', callbackFunction());
=>
gapi.client.load('gmail', 'v1', callbackFunction);

()がいりません。

とりあえず動いたソースを添付しておきます。

HTML
1<html>
2  <head>
3    <script type="text/javascript">
4      var CLIENT_ID = '<クライアントID>';
5
6      var SCOPES = ['https://www.googleapis.com/auth/gmail.send'].join(' ');
7
8      function onLoadCallbackFunction() {
9        gapi.auth.authorize(
10          {
11            'client_id': CLIENT_ID,
12            'scope': SCOPES,
13            'immediate': true
14          }, handleAuthResult);
15      }
16
17      function handleAuthResult(authResult) {
18        if (authResult && !authResult.error) {
19          gapi.client.load('gmail', 'v1', callbackFunction);
20        } else {
21          // error
22        }
23      }
24
25      function handleAuthClick(event) {
26        gapi.auth.authorize(
27          {client_id: CLIENT_ID, scope: SCOPES, immediate: false},
28          handleAuthResult);
29        return false;
30      }
31
32      function callbackFunction() {
33        var mimeData = ["To: example@example.com",
34            "Subject: =?utf-8?B?" + window.btoa(unescape(encodeURIComponent("日本語の件名"))) + "?=",
35            "MIME-Version: 1.0",
36            "Content-Type: text/plain; charset=UTF-8",
37            "Content-Transfer-Encoding: 7bit",
38             "",
39            "ここから本文"].join("\n").trim();
40 
41            var raw = window.btoa(unescape(encodeURIComponent(mimeData))).replace(/\+/g, '-').replace(/\//g, '_');
42            gapi.client.gmail.users.messages.send({
43                'userId': 'me',
44                 'resource': {
45                  'raw': raw
46                }
47            }).execute(function() {
48                // 送信後の処理
49            });
50      }
51
52    </script>
53    <script src="https://apis.google.com/js/client.js?onload=onLoadCallbackFunction"></script>
54  </head>
55</html>