【JavaScript】gmail apiで送信が上手く出来ない

###前提・実現したいこと
gmail apiを用いてメールの送信をしたいのですが、現時点で認証が上手くいかずに困っています。
どうすれば送信出来るのでしょうか。
以下のページを参考にさせていただきました。
http://tech.respect-pal.jp/gmailapi-send-mail/
https://teratail.com/questions/37542
###該当のソースコード

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">
      var CLIENT_ID = '';
      var SCOPES = ['https://mail.google.com/'].join(' ');


      function onLoadCallbackFunction() {
        gapi.auth.authorize(
          {
            'client_id': CLIENT_ID,
            'scope': SCOPES,
            'immediate': true
          }, handleAuthResult);
      }

      function handleAuthResult(authResult) {
        if (authResult && !authResult.error) {
          gapi.client.load('gmail', 'v1', callbackFunction);
          console.log(authResult);
          console.log(authResult.error);
        } else {
          // error
          alert("認証エラーです");
        }
      }

      function handleAuthClick(event) {
        gapi.auth.authorize(
          {
            'client_id': CLIENT_ID,
            'scope': SCOPES,
            'immediate': false
          }, handleAuthResult);
        return false;
      }

      function callbackFunction() {
        var mimeData = ["To: light_zushi@yahoo.co.jp",
            "Subject: =?utf-8?B?" + window.btoa(unescape(encodeURIComponent("日本語の件名"))) + "?=",
            "MIME-Version: 1.0",
            "Content-Type: text/plain; charset=UTF-8",
            "Content-Transfer-Encoding: 7bit",
            "",
            "ここから本文"].join("\n").trim();

            var raw = window.btoa(unescape(encodeURIComponent(mimeData))).replace(/+/g, '-').replace(///g, '_');
            gapi.client.gmail.users.messages.send({
                'userId': 'me',
                 'resource': {
                  'raw': raw
                }
            }).execute(function() {
                // 送信後の処理
                alert("メールを送信しました。");
            });
      }

    </script>
    <script src="https://apis.google.com/js/client.js?onload=onLoadCallbackFunction"></script>
  </head>
  <body>

  </body>
</html>

###試したこと
scopeに関してですが、
https://developers.google.com/gmail/api/auth/scopes
上記のページから、
https://www.googleapis.com/auth/gmail.send
のscopeを使っていたのですが、ソースコード内の「認証エラー」と表示されました。

https://www.googleapis.com/auth/gmail.readonly
一方、上記のreadonlyのscopeに関しては、「メールを送信しました。」と表示はされるのですが、
Failed to load resource: the server responded with a status of 403 ()
と吐かれてしまい送信ができない状況です。（readonlyなので送信できなくて当然なのですが...）

仕方なくフルアクセスのscopeを用いたのですが、「認証エラー」と出てお手上げ状態です。

###補足情報(言語/FW/ツール等のバージョンなど)
gmailのapiのクライアントキーについてですが、Oauth2.0のクライアントIDを生成し、
承認済みの JavaScript 生成元にはxamppを用いているので、
http://localhost
と設定し、承認済みのリダイレクト URIにはソースコードのURLを設定しました。

gouf

2017/05/03 20:36

たとえば、公式ガイドに沿って試してみても、なにかしらのエラーが発生しますか? : [JavaScript Quickstart | Gmail API | Google Developers](https://developers.google.com/gmail/api/quickstart/js)