下記のリンク先動画で手順を再現しています
https://youtu.be/aByTfznhBWs
勉強会用のBOTソースコードです。
今回作成するのは、自動で応答してくれるLINE BOTです
https://accounts.google.com/signup/v2/webcreateaccount?flowName=GlifWebSignIn&flowEntry=SignUp
Heroku アカウントの利用登録 https://id.heroku.com/login
今回利用するクラウドサーバーです。
自分が書いたプログラムを、クラウド上で実行してくれるサービスです。
- アプリを作成する
- アプリのURLを取得する
アカウント作成画面付き解説 https://codezine.jp/article/detail/10658
LINE Messaging API の利用登録 https://developers.line.me/ja/
LINE Messaging APIを利用するために必要です。
Botアカウントを作成し、herokuサーバーと連携します。
- 友達追加する
- LINE_CHANNEL_SECRETの取得
- LINE_CHANNEL_ACCESS_TOKENの取得
- Webhook送信 利用するに設定
- Webhook URLをセットする(後述)
- アプリケーションを一つ作成
codenvyアカウント登録 https://codenvy.io/site/login
ブラウザ上で動作する開発環境です。
開発環境を構築する際の、複雑で面倒なインストール作業を省略できます。
実際にコードを書いてプログラミングをし、herokuサーバーにアップロードします。
- herokuと連携する
- LINE Messaging APIを利用するための準備をする
ソースコードを公開するためのサービスです。
複数人で同じプロジェクトを開発するときにお互いの編集作業を連携するのに便利です。
また、クラウドサーバーにソースコードをアップするのにも使えます。
特になし
- サイドバーからcreate workspaceを選択
- 今回はNodeを選択してください
- 以下のURLをコピペして貼り付けましょう
https://github.com/x-hack-git/line-messaging-api.git
- 以下のコマンドを実行してみましょう
$ curl https://cli-assets.heroku.com/install.sh | sh
$ cd line-messaging-api
$ curl https://cli-assets.heroku.com/install.sh | sh
$ heroku login
$ heroku git:remote -a [アプリ名]
$ heroku config:set LINE_CHANNEL_SECRET="[チャンネルシークレット]"
$ heroku config:set LINE_CHANNEL_ACCESS_TOKEN="[チャンネルアクセストークン]"
$ git push heroku master
- こちらでアカウント作成 → https://openweathermap.org/api
- API Keyを取得する
- herokuサーバーにAPI Keyを登録
$ heroku config:set WEATHER_API_KEY=""
gitの初期設定(一度だけ)
$ git config user.name "Your Name"
$ git config user.email "youremail@example.com"
herokuサーバーへのpush
$ git add .
$ git commit -m "update"
$ git push heroku master
- IBM Cloud Visual Recognitionを使い、画像の種類を返すLINE BOTを作成します。
- API reference
- IBM Cloudのアカウント作成
- こちらに従い作成
npm install --save watson-developer-cloud
curl -X POST -u -H 'Accept-Language:ja' "apikey:{your-api-key}" --form "images_file=@./image/fruitbowl.jpg" "https://gateway.watsonplatform.net/visual-recognition/api/v3/classify?version=2018-03-19"
node IBMImageRecognition.js