OAuth 2.0 認証をとるためのコードを書きたい

Question

お世話になっております。

GASをつかって、BASEのAPIに繋ごうとしています。
OAuth認証をとるコードを書くのが初めてのため、うまくいっていません。
一度チュートリアルのようなもので習得したいのですが、
OAuth 2.0 のリフレッシュトークンを取得するまでの事が書かれている書籍などがあればおしえていただけないでしょうか。
いろいろ探したのですが、接続される側の事が書かれた本は多いのですが、接続しようとする場合の事が書かれたものがみつかりませんでした。

よろしくお願いします。

Comments

[退会済みユーザー]

https://qiita.com/TakeshiNickOsanai/items/62810b0e96bf37bd0eca
↑のページは参考にならないでしょうか。freeeかBASEかの違いはありますが基本的な流れは同じだと思います。

[penguin520]

ありがとうございます。そのページは参考にしてコードを書いてみたのですが、思うような挙動をしてくれず困っておりまして。まず、そのfreeのコードを使ってfreeで認証が現在とれるのかも確認していません。
Oauthの仕組みが異なることが原因なのか、時代が移ってアップデートされたのか、BASEのAPIがベータ版なので、一工夫いるのか、いろいろ考えたのですが。この壁を乗り越えることができるできないで、かなり違うので必死になっております。
ありがとうございます。

[penguin520]

現在の資料として

GitHub
https://openid-foundation-japan.github.io/rfc6749.ja.html

雰囲気で使わずきちんと理解する！整理してOAuth2.0を使うためのチュートリアルガイド (技術の泉シリーズ（NextPublishing）) Kindle版
https://www.amazon.co.jp/gp/product/B07XT8H2YG/ref=ppx_yo_dt_b_d_asin_title_o00?ie=UTF8&psc=1

これらにまず目を通す予定です。

引き続きよろしくおねがいします。

[退会済みユーザー]

自分で実際に試して利用できるようになるまでの手順を、記事にしました。
参考になれば。
https://qiita.com/Qnoir/items/98741f6b4266e6960b9d

[penguin520]

ありがとうございます！！！
無事、認証まで通りました！！　いつか、ビールおごります

とりあえず、BASEのAPIが操作できるようになったら、こちらもコードを公開したいと思います。
現在、400エラーが出ていて、エラーメッセージがUnicodeのため読めていない状況です。

手順のqiitaのおかげで、2日はスケジュールが早まりました。
本当にありがとうございます！！

[退会済みユーザー]

認証が通ったようでよかったです。
エラーメッセージがUnicodeになるのは、レスポンスをそのまま表示しているせいかもしれません。

const res = UrlFetchApp.fetch('https://api.thebase.in/～～' ,options);
const resObj = JSON.parse(res.getContentText());
console.log(resObj)
のように、レスポンスをgetContentText()してそれをJSONにパースすると読めるようになると思います。
（記事の最後に追加しました）

[penguin520]

ありがとうございます！！！
月曜日に、さっそくコードに修正をかけてみます、ぜったいにビールおごらせてください！！

とりあえず、BASE API に接続はできているんですが、「スコープが無効です」とのエラーが返ってきて、　https://api.thebase.in/1/items　などから、データーを取得できておりません。
通信はできていて、スコープが「なし」とドキュメントにある　　https://api.thebase.in/1/users/me　からは、レスポンスを取得できているので、なにか足りていないというところで止まっております。
おなじく、スコープ「なし」となっている　https://api.thebase.in/1/delivery_companies　からもレスポンスは取得できている状況です。

公開API活用ガイド (I・O BOOKS) 　という本を中古で注文しまして、勉強しようと思っております。

データさえ やりとりできれば　なので、もう一歩がんばろうと思っています。

[退会済みユーザー]

APIの申請画面で、利用権限の「商品情報を見る」「商品情報を更新する」にチェックを入れましたか？

https://camo.qiitausercontent.com/88c465d7d63bb46f9b220ec3d829037cc0ea8f49/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f323631313132312f61346337636431342d656335392d336335372d613739612d6363633165663530303831642e706e67
の下の方にあるチェック欄です。（画像では見切れていますが、この下に「商品情報を更新する」のチェックもあります）

ここにチェックが入っていないと、GAS側で
.setScope('read_items write_items');
と設定していても、スコープ無効のエラーになると思います。

現状設定されている利用権限は、
https://developers.thebase.in/apps
から、今利用しているアプリのアイコンをクリックすると、見ることができます。

ただし、利用権限は後から変更できないので、もしチェックを入れずに登録してしまっている場合は、新しくアプリを登録申請し、そのときにチェックを入れる必要があります。

参考：
https://qiita.com/Qnoir/items/98741f6b4266e6960b9d#%E5%95%86%E5%93%81%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B%E4%BE%8B

# ビールの件ありがとうございます（笑）いつかお願いしますね。

[penguin520]

ありがとうございます。

【・getDriveService_()関数内に、スコープを設定する行を追加。】

たぶん。これをおこなっていません。

＞「商品情報を見る」「商品情報を更新する」にチェック

これについては、チェックをつけて申請しており、BASEに問い合わせたところ、今日、「仕様に問題はない」と返答をもらっていまして。たんに、スコープを記述していないからだと思います。

＞# ビールの件ありがとうございます（笑）いつかお願いしますね。

はい！いつか、お会いすることがあったら、必ず、やきとりとセットで、ごちそうさせてください。

本当に、ありがとうございます！！！

Answer 1

9件にわたる　質問への追記・修正依頼でのやりとりにあるように。
qnoirさんの記事を参考にコードを記述し、無事、スプレッドシートの各列に商品の情報を分割して表示するところまで完成いたしました。

function ItemGet(){

  //var options =　{
  //"method": "post",
  //"headers": header,
  //"muteHttpExceptions" : true,
  //"payload": JSON.stringify(data)
  //};

  var options =　{
    method: 'get',
    headers: {
      accept: 'application/json',
      Authorization: 'Bearer ' + driveService.getAccessToken()
    }
  };

  var response = UrlFetchApp.fetch("https://api.thebase.in/1/items", options);
  const resObj = JSON.parse(response.getContentText());
  const res = JSON.stringify(resObj)
    Browser.msgBox(driveService.getAccessToken(),Browser.Buttons.OK);
    Browser.msgBox(res,Browser.Buttons.OK);
    let items = resObj.items;
    Browser.msgBox(items.length,Browser.Buttons.OK);

    var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
        var seet1 = spreadsheet.getSheetByName('シート1');//操作シート

    let itemseet = seet1.getRange("B7:Q27").getValues();

    let i = 0;

    while(i != 20){
      itemseet[i][0] = items[i].item_id;
      itemseet[i][2] = items[i].title;
      itemseet[i][3] = items[i].detail;
      itemseet[i][4] = items[i].price;
      itemseet[i][5] = items[i].proper_price;
      itemseet[i][6] = items[i].item_tax_type;
      itemseet[i][7] = items[i].stock;
      itemseet[i][8] = items[i].visible;
      itemseet[i][9] = items[i].list_order;
      itemseet[i][10] = items[i].identifier;
      itemseet[i][11] = items[i].modified;
      itemseet[i][12] = items[i].img1_origin;
      itemseet[i][13] = items[i].img2_origin;
      itemseet[i][14] = items[i].img3_origin;
      itemseet[i][15] = items[i].img4_origin;
      itemseet[i][16] = items[i].img5_origin;
      itemseet[i][17] = items[i].variations;
      i++;
    }

  //以下でシートの場所を変数に格納

    seet1.getRange("B4").setValue(res);
    seet1.getRange("B7:S27").setValues(itemseet);

}

最も参考になった書籍は、インプレスが出版している
「JavaScriptモダンプログラミング完全ガイド 堅牢なコードを効率的に開発できる！」
でした。本書だけでは、連想配列（オブジェクト）を理解することができなかったため、
秀和システム　出版の　「詳解！ Google Apps Script完全入門 [第3版] Kindle版」を併用して読み解決しました。

ありがとうございましたm(_ _)m