マネーフォワードクラウドのAPIによる請求書作成の自動化を引き続き進めていきましょう。

前回の振り返りと今回やっていくこと

前回までで、GASの準備とマネーフォワードクラウドのAPIの利用設定が完了しました。

前回の記事を確認したい方はこちら

https://maeshiiii.com/posts/automated-billing-1

今回はこの設定を利用して、GASでマネーフォワードクラウドのAPIの認証をしていきます。

請求書情報を取得するためには、まず認証を済ませる必要があるので、そのコーディングおよび設定を行っていきましょう。

今回やっていくこと

まず今回の記事でやっていくことは、以下の2点です。

• GASからマネーフォワードクラウドAPIへの認証処理を実行する。
• 認証をマネーフォワードクラウドのアプリで許可する。

「Client ID」と「Client Secret」の設定

前回の記事で、マネーフォワードクラウドアプリに登録した時に発行された「Client ID」と「Client Secret」をGASに設定します。

※マネーフォワードクラウドアプリを閉じてしまった人は、こちらからアクセスして、登録したアプリをクリックすると「Client ID」と「Client Secret」を確認できます。

1. Apps Scriptの左側メニュー「プロジェクトの設定」をクリックする。

2. 「スクリプトプロパティを追加」をクリックする。

   

3. プロパティをCLIENT_ID と記入して、値にマネーフォワードクラウドアプリに書かれている「Client ID」をコピー＆ペーストする。

4. 同様に、「スクリプトプロパティを追加」して、プロパティをCLIENT_SECRET と記入して、値にマネーフォワードクラウドアプリに書かれている「Client Secret」をコピー＆ペーストする。

   

5. ２つのプロパティを設定できたら、「スクリプトプロパティを保存」をクリックする。

6. Apps Scriptの左側メニュー「エディタ」に戻って、以下のコードを貼り付けてください。

   function getScriptProperties_() {
     const PROPERTIES = PropertiesService.getScriptProperties();
     return {
       CLIENT_ID: PROPERTIES.getProperty('CLIENT_ID'),
       CLIENT_SECRET: PROPERTIES.getProperty('CLIENT_SECRET'),
     };
   }

これで「Client ID」と「Client Secret」の設定は完了です。

const PROPERTIES = PropertiesService.getScriptProperties();
const crientId = PROPERTIES.getProperty('CLIENT_ID')

console.log(crientId) // スクリプトプロパティ「CLIENT_ID」の値が出力される

OAuth2ライブラリの追加

次は、GASにOAuth2というライブラリを追加しましょう。

1. エディタのメニュー「ライブラリ」をクリックする。
2. 1B7FSrk5Zi6L1rSxxTDgDEUsPzlukDsi4KGuTMorsTQHhGBzBkMun4iDF という文字列をスクリプトIDに貼り付けて、「検索」をクリックする。
3. 画像のように「OAuth2」と表示されたら「追加」をクリックする。
   1. バージョンは最新の番号を選べばOK

これで、OAuth2ライブラリの追加は完了です。

認証に必要な処理のコーディング

次は認証に必要な処理のコーディングをしていきましょう。

すでに書かれているコードの下に、以下のコードを全て貼り付けてください。

function start() {
  try {
    auth_();
  } catch (error) {
    logError('請求書の自動作成にエラーが発生しました。：', error);
  }
}

function auth_() {
  try {
    Logger.log(getService_().getAuthorizationUrl());
  } catch (error) {
    logError('Error in auth_ function', error);
    throw error;
  }
}

function getService_() {
  try {
    const PROPERTIES = getScriptProperties_();

    return OAuth2.createService('moneyforward')
      .setAuthorizationBaseUrl('https://api.biz.moneyforward.com/authorize')
      .setTokenUrl('https://api.biz.moneyforward.com/token')
      .setClientId(PROPERTIES.CLIENT_ID)
      .setClientSecret(PROPERTIES.CLIENT_SECRET)
      .setCallbackFunction('callback_')
      .setPropertyStore(PropertiesService.getUserProperties())
      .setScope('mfc/invoice/data.write');
  } catch (error) {
    logError('Error in getService_ function', error);
    throw error;
  }
}

function callback_(request) {
  try {
    return HtmlService.createHtmlOutput(getService_().handleCallback(request) ?
      '認証OK！このタブを閉じてください。' : '認証NG！原因を調査してください。このタブを閉じてください。');
  } catch (error) {
    logError('Error in callback_ function', error);
  }
}

コードを実行して認証を行う

それでは、実際にコードを実行して認証を行ってみましょう。

1. 「▷実行」をクリックする。

   

2. コンソールに出力されたURLをコピーする。（赤枠全てが１つのURLです。）

   

3. URLをブラウザのURLバーに貼り付けてEnterキーを押す。

4. アカウントを選択して、事業者の選択も「次へ」をクリックする。

   

5. 「許可」をクリックする。

   

6. ブラウザに「認証OK！このタブを閉じてください。」と出るので、ブラウザを閉じる。

   

これで認証も完了です！ここまでお疲れ様でした！

次回の記事では、いよいよ請求書の作成に入っていきます。

https://maeshiiii.com/posts/automated-billing-3