プロトアウトスタジオで習ったことを総動員して、GitHub Actionsから定期的にLINE Notifyで１分に一回狐の画像を送るものを作ってみました。
ずっと学びたかったnode.jsデビューを果たせて嬉しい...
作るもの
10分に一回、狐の画像をLINEで送ります！
GitActionsとは
Gitにプロジェクトをプッシュするだけで、定期実行やpushをトリガーにした実行ができる機能。
初めて使いましたが、ものすごく便利ですね。
作業手順
LINEのトークンを作成
こちらのページにアクセスし、マイページからトークンを作成。
https://notify-bot.line.me/ja/
発行したトークンはコピペしてどこかに控えてください。一度きりしか表示ができないので注意！！
GitHubにリポジトリを作成
- GitHubにリポジトリを作成
- １をローカルにクローン
- サンプルファイルをダウンロードして、2に格納。
- nodejs.ymlを書き換える
on:
を、
on:
schedule:
- cron: '*/10 * * * *'
と書き換えします。on:の中に、アクションの実行トリガーを書くようです。今回は、10分に一回実行します。
参照
https://help.github.com/ja/actions/reference/events-that-trigger-workflows#scheduled-events-schedule
以下の例では、15分ごとにワークフローを実行します。
on:
schedule:
# * はYAMLに置ける特殊文字なので、この文字列は引用符で囲まなければならない
- cron: '*/15 * * * *'
スケジュールされたワークフローを実行できる最短のインターバルは5分ごとです。
ここは要注意ですね！
今回は10分に一回なので'*/10 * * * *'としました。
ここまでできたらプッシュする。
GitHubにLINE Notifyのトークンを登録する
秘密情報をjsの中に書いてしまうと、簡単に見られてしまうためGitHubのSeacretsという機能を利用します。
GitHubリポジトリのSettings→Secrets → Add a new seacret
1. Name: LINE_TOKEN
2. Value: 先程コピペしたトークンを入力
これで、動くはず...!!
action.jsについて補足
流れ
- RandomFox APIという狐の画像をランダムに返すAPIにリクエスト
- 返ってきた内容をconfig.dataに入れる
- LINE Notifyに通知のリクエスト
querystringってなんだ
config.dataに直接代入してもうまくいきませんでした。
リクエストするとき、パラメータにスペースや/などの改行が含まれているままだとうまくいかないみたいです。
試しに下記のスクリプトを実行してみると
constaxios=require('axios');constqs=require('querystring');console.log(qs.stringify({message:'ProtoOut Studioからの通知だよー！GitHub Actionsだよー！',imageThumbnail:"http://randomfox.ca/images/60.jpg",imageFullsize:"http://randomfox.ca/images/60.jpg",}))結果はこのようになりました。
半角スペースを%20に変換するなどしてくれて、正しいパラメータの形式に変換してくれるみたいです。便利...！
message=ProtoOut%20Studio%E3%81%8B%E3%82%89%E3%81%AE%E9%80%9A%E7%9F%A5%E3%81%A0%E3%82%88%E3%83%BC%EF%BC%81GitHub%20Actions%E3%81%A0%E3%82%88%E3%83%BC%EF%BC%81&imageThumbnail=http%3A%2F%2Frandomfox.ca%2Fimages%2F60.jpg&imageFullsize=http%3A%2F%2Frandomfox.ca%2Fimages%2F60.jpg
コード全体は以下。
constaxios=require('axios');constqs=require('querystring');constLINE_NOTIFY_API_URL='https://notify-api.line.me/api/notify';// GitHub Actions で実行する際に Secret 値 LINE_TOKEN を利用する// // 実際には、GitHub Actions の// run: LINE_TOKEN=${{secrets.LINE_TOKEN}} node action.js// という書き方で渡されていますconstLINE_NOTIFY_TOKEN=process.env.LINE_TOKEN;letconfig={url:LINE_NOTIFY_API_URL,method:'post',headers:{'Content-Type':'application/x-www-form-urlencoded','Authorization':'Bearer '+LINE_NOTIFY_TOKEN},data:''}asyncfunctiongetRequest(){////// LINE Notify に送る ////////////////////////letfoxResponse;try{foxResponse=awaitaxios.get(`https://randomfox.ca/floof/`);console.log(foxResponse.data.image);config.data=qs.stringify({message:'ProtoOut Studioからの通知だよー！GitHub Actionsだよー！',imageThumbnail:foxResponse.data.image,imageFullsize:foxResponse.data.image,})}catch(error){console.error(error);}try{constresponseLINENotify=awaitaxios.request(config);console.log(responseLINENotify.data);}catch(error){console.error(error);}}// getRequest を呼び出してデータを読み込むgetRequest();