まだコードを書きますか？私はノンコードでLINEのオウム返しを実装しました！

#enebularへログイン
[enebular](https://enebular.com/app)を利用するので、ログインします。
アカウントを作成して左のロゴをクリックするとダッシュボード？へ移行するので、【Create Project】をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/40f03ef9-7fdc-c5bf-b55c-aa9e7758ddf7.png)

#Create Project
今回はテストなので【test1】と入力しました。
入力をしたら【submit】ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/4ce4f0b6-d27b-06b6-4075-bc6584e18b51.png)

#作成したProjectをクリック
Project一覧に作成したProjectが作られるので、クリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/50847cc1-0f71-3a83-4266-e52b4e5f6dd8.png)

#フローを作っていきます
Assetsの箇所で右下の【＋】ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/f4352750-eb91-c093-86b8-10d80960ed8f.png)

#必要事項を入力
・Name - 任意の名前
・Description　- 任意の説明文
・Category　- Messageを選択

して【Continue】をクリックしました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/9d2a1358-0b3c-3c03-27cc-474860531408.png)

#Flowを作っていきます
こんな画面へ移行するので、【Edit】でFlowを編集していきます。
編集画面場別タブで開かれるのですが、私は編集画面が表示されるまで結構時間がかかりました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/3bdfdfac-5613-916e-678e-dd782620d9e1.png)

#LINEが簡単に使えるように設定
3本線のハンバーガーメニューをクリックして、【パレットの管理】をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/1f9825a9-7fe7-48ce-e19d-6ec53300ffaf.png)

【ノードの追加】タブをクリックして、【messaging-api】を検索をします。
【ノードを追加】ボタンをクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/3590c6c8-34b0-19eb-407f-32db93c29bdb.png)

こんな画面が出てきますが、【追加】をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/fbd2aa36-9d08-e450-8091-b01ffeb0b328.png)

この表示が出たら成功です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/d62421a0-208e-8626-a69b-ddfda5c89ca3.png)

サイドバーにLINEが追加されています！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/d016aa72-5a4e-a292-8ca9-5881745e3a01.png)

#まずはネットワークから

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/fa565e4c-77c7-62ec-d7d8-e8ad850b22ae.png)

・http in
・http response

をドラックで持ってきます。左がhttp in 右がhttp responseです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/1480846c-cfb1-ed23-f887-965fd7258d21.png)

#機能から
switchを持ってきてつなぎます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/284d26ae-2ff1-1883-8e3b-79246253aaba.png)

接続元　⇒　接続先　へドラックで繋ぎます

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/7dd3703a-df16-6344-ca25-e689948fc275.png)

http in　⇒　switch ⇒　http response
接続しました。

#ノード設定
##まず、http inをダブルクリックしてnode設定をしていきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/9f3339f7-5633-6395-1e37-0c4059690671.png)

・メソッド - POST　を選択
・URL - /webhook　と入力します

終わったら【完了】

##次に条件分岐であるswitchを設定します。
switchをダブルクリックします。

・プロパティ　-　payload.evet.legth 受け取ったメッセージの長さを条件にします
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/68a84a99-5d0a-699d-f515-b4516261d417.png)


その下に、0と等しい（つまり、何もメッセージが無いという事になります）、1以上（何かメッセージが送られた時）2種類の条件を追加します。

【完了】

switchの出力先がが２つに分かれるので、上をhttp responseへ接続します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/7f88bf60-0d3b-a55e-79e2-82fa8ebfe843.png)

##http responseを設定
同様に、http responseをダブルクリックして、状態コードに正常である事を伝える【200】を入力。
【完了】します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/dc115409-e36c-35dc-e0b0-045966d9722b.png)


##デプロイ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/e5e1e13e-1008-6145-de7b-cbe56529558a.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/f68a487b-04a2-88eb-6a9d-ab7789e31d85.png)

こちらの画面が表示されたら成功です。

iアイコンをクリックして表示されるURLをコピーします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/adfdbfec-a9b1-5569-14f0-26bb7d3b7be3.png)

#LINE Developerの設定
LINE Messaging APIを作成します。

webhookの設定に先ほどのURLを貼り付けます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/1bcea5d3-6bb2-e6be-cc1f-1348653676dc.png)

#LINEのノードを追加
ReplayMessageをドラックで持ってきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/cec10e5c-505d-9b63-7121-80ac70c8f04e.png)

そして、繋ぎます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/e5544d99-fc65-3ebf-f945-f0ed6fda96ad.png)

ReplayMessageをダブルクリックして、ノードの設定をします。
赤枠のSecret/Access TokenをLINE Developerから持ってきます。
【完了】

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/67141f14-58f8-5284-78a6-83624185519d.png)

#もう一度デプロイ

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/9cbc69c9-29c3-13f2-4f6b-f70209f1cc60.png)

#完成！
ノンコードって凄いですよね。
今まで、node.jsで書いていたものって。。。という感じです。

#デメリット
webhookに使うURLが頻繁に変わってしまう。。。
一定時間でwebhookに使う為のURLが変わってしまうので、動作確認をしようと思ったタイミングで毎回iマークからURLを確認しないといけなかったです。

最後にherokuにデプロイをしないと、継続的に使用はできません。