[Google Apps Script]OAuth認証(2.0)が必要なWeb APIを利用する。

ホーム
Google関連
[Google Apps Script]OAuth認証(2.0)が必要なWeb APIを利用する。

2014.03.28

[Google Apps Script]OAuth認証(2.0)が必要なWeb APIを利用する。

前回の記事ではGoogle Apps Scriptを使ってWebアプリケーションを作成する手順を紹介しましたが、今回はWebアプリケーションからOAuth認証(2.0)が必要なWeb APIを利用する方法を紹介します(例:Google URL Shortener API)。

※ まずはアプリの準備を行います。

Webアプリケーションとしてスクリプトを作成し、ウェブアプリケーションのURL(ここではテスト用)を取得します(「[Google Apps Script]Webアプリケーションを作成する。」参照)。
ウェブアプリケーションのURLの末尾を「/usercallback」に書き換えたものをリダイレクト先のURLとして控えておきます。

https://script.google.com/macros/s/EFGH/dev
↓
https://script.google.com/macros/s/EFGH/usercallback

※ Google APIの準備を行います。

API コンソールにアクセスします。
「Services」から利用するAPIを「ON」にします(ここではURL Shortener API)。

「API Access」から「Create an OAuth 2.0 client ID…」ボタンをクリックします。

Branding Information画面が表示されたら必要事項(ここではProduct name:のみ)を入力後、「Next」ボタンをクリックします。

Client ID Settings画面が表示されたら「Web application」を選択します。

「(more options)」をクリックし、「Authorized Redirect URIs」欄に手順2.で用意したリダイレクト先のURLを入力します。

「Authorized JavaScript Origins」欄には「https://script.google.com」と入力し、「Create client ID」ボタンをクリックします。

API Access画面に作成したClient IDやClient secretが表示されるので、これらをメモ帳にでも控えておきます。

※ 再びスクリプトエディタでの作業に戻ります。

コード.gsに下記コードを貼り付け、Client IDとClient secret、リダイレクト先のURLを設定します。

var client_id = ''; //クライアントID(Client ID)
var client_secret = ''; //クライアントシークレット(Client secret)
var redirect_uri = ''; //リダイレクト先のURL
var scope = 'https://www.googleapis.com/auth/urlshortener'; //APIによって要変更

function doGet(){
    var url = 'https://accounts.google.com/o/oauth2/auth?client_id=' + client_id;
    url += '&redirect_uri=' + encodeURIComponent(redirect_uri);
    url += '&scope=' + encodeURIComponent(scope);
    url += '&state=' + ScriptApp.newStateToken().withMethod('callback').withArgument('name', 'value').withTimeout(2000).createToken();
    url += '&response_type=code';
    url += '&access_type=offline';
    
    return HtmlService.createHtmlOutput('<a href="' + url + '">認証</a>');
}

function callback(e){
    //---------- Access Token取得ここから ----------
    var opt = {
        "method" : "POST",
        "payload" : {
            "code" : e.parameter.code,
            "client_id" : client_id,
            "client_secret" : client_secret,
            "redirect_uri" :redirect_uri,
            "grant_type" : "authorization_code"
        },
        "muteHttpExceptions" : true
    };
    var res = UrlFetchApp.fetch('https://accounts.google.com/o/oauth2/token', opt);
    var dat = JSON.parse(res.getContentText());
    var access_token = dat.access_token;
    //---------- Access Token取得ここまで ----------
    
    //---------- API使用例ここから ----------
    opt = {
        "method" : "GET",
        "headers" : {
            "Authorization": "Bearer " + access_token
        }
    };
    res = UrlFetchApp.fetch('https://www.googleapis.com/urlshortener/v1/url/history', opt);
    //---------- API使用例ここまで ----------
    
    return HtmlService.createHtmlOutput('<pre>' + res.getContentText() + '</pre>');
}