clasp環境構築に必要なもの

7103 ワード
GoogleAppsScript clasp GoogleAppsScript テキストリンク

claspとは

GoogleAppsScriptプロジェクトのコード管理が可能。

TypeScript対応可能。

clasp環境構築手順

npm バージョン

$ npm --version
6.14.4

npmでインストール

$ npm install -g @google/clasp

clasp バージョン

$ clasp -v
2.3.0

APIの有効化

オンにする
https://script.google.com/home/usersettings

clasp ログイン

Googleアカウントへのアクセス許可をする
bash:
$ clasp login

サンプルプロジェクト

プロジェクト作成

$ clasp create --type standalone "hello"

スクリプト作成

$ echo 'function hello() {
     Logger.log("Hello, Apps Script!");
     }' >> hello.js

push

$ clasp push

プロジェクトの確認

$ clasp open

deploy

$ clasp deploy

スクリプト実行

事前準備

GCPにてプロジェクトの作成

作成したプロジェクト情報をメモ

  • プロジェクトID
  • プロジェクト番号

GCP Console

プロジェクトIDの設定

$ clasp setting projectId [project_id]
Updated "projectId": "" → "[project_id]"

OAuth設定

[project_id]を任意の名前にして、アクセス
https://console.developers.google.com/apis/credentials/consent?project=[project_id]

必要入力項目

  • アプリ名（公開ステータス:テスト）
  • デベロッパーの連絡先情報
  • テストユーザー（自分のメールアドレスを設定）

その他は、空欄でOK

保存する

GASにプロジェクトIDを設定

$ clasp open

  • 左のサイドメニューより

  • メモしたプロジェクト番号を入力し、プロジェクトを設定

OAuth2クライアントを使用

$ clasp open --creds

  • 認証情報を作成　＞＞　OAuth クライアントID

  • デスクトップアプリを選択　＞＞　作成

  • ファイルをダウンロード（creds.jsonというファイル名で保存）

$ clasp login --creds creds.json

スクリプトの実行権限を設定

  • appsscript.jsonに追記
appsscript.json
  "executionApi": {
    "access": "ANYONE"
  }

$ clasp push

スクリプト実行

$ clasp run hello

参考サイト

https://github.com/google/clasp
https://dev.classmethod.jp/articles/typescript-clasp-github-actions/