SSSAPIでGoogleスプレッドシートからJSON APIを作成する方法

SSSAPIとは

GoogleスプレッドシートのデータだけでJSON APIを作成できるWebサービス。

基本利用料は無料でGASではシート内のデータをJSON APIにしてWebページで読み込むことはできないが、SSSAPIを利用すれば簡単に実装できる。

サンプルのGoogleスプレッドシート

SSSAPI JSON API Sample

SSSAPIの使用手順

まずSSSAPIにGoogleアカウントを使用してログインする。

https://console.sssapi.app/

ログインしたらAdd APIボタンを押す。

次にAPI名、スプレッドシートのURLを追加する。

スプレットシートは都道府県一覧のようなシートをあらかじめ作成して以下のアカウントを閲覧権限で追加してスプレッドシートのURLをコピーしておく。

sssapi-agent@sssapi-app.iam.gserviceaccount.com

あとはOKを押してAPIの追加が完了すれば以下のようなAPI URLが生成される。

https://api.sssapi.app/leMVsNIzfn9Xg6M6hadwr

承認済みドメインを登録してJavaScriptを使用すれば読み込んでWebページ内に表示させることができる。

// <div id="result"></div>
fetch('https://api.sssapi.app/leMVsNIzfn9Xg6M6hadwr')
  .then(response => response.json())
  .then(data => {
    console.log(data)
    const result = document.getElementById('result')
    const prefectures = data.map(v => v.name)
    result.innerHTML = prefectures.join('　')
  })

SSSAPI JSON API Sample