プロジェクトにクラウド環境の作成
プロジェクトにクラウド環境の作成を行います。
enebular のクラウド環境には以下の参考文献があります。
- 新リリースのenebularクラウド実行環境の使い方 | enebular blog
- クラウド実行環境とは · enebular
- クラウド実行環境でのスケジュールトリガーによるフローの実行 · enebular
- クラウド実行環境でのHTTPトリガーによるフローの実行 · enebular
- クラウド実行環境の準備 · enebular
- クラウド実行環境の管理 · enebular
月当たりの利用上限
こちらに、月当たりの利用上限があります。ハッカソンやハンズオンで使うぶんには問題なく使えます。
クラウド実行環境の準備
こちらの記事を参考に、クラウド実行環境の作成とLCDPノードのインポートを行います。
新しいフローを作りましょう
プロジェクトで、新しく flow-http-handson-sample フローを作ります。
クラウド実行環境のフローの作成
クラウド実行環境でのスケジュールトリガーによるフローの実行 · enebular
こちらの記事を参考に、
- LCDPノードの利用
- ノードのインストール
- タイムスタンプの取得と表示
- クラウド実行環境へのフローのデプロイ
まで、進めます。
LCDP in ノードと LCDP out ノードをパレットから探します。これが、クラウド実行環境での起点と終点になります。LCDP in ノードで来た値が enebular のフローで処理されて、その結果が LCDP out ノードに渡されます。
LCDP in ノードと LCDP out ノードの詳しい挙動はこちらを参考ください。 → クラウド実行環境向けフローの作成 · enebular
LCDP in ノードと LCDP out ノードをこのように配置します。
つづいて、LCDP in ノードの横に change ノードを配置します。
change ノードをダブルクリックしてプロパティを開き、対象の値のデータタイプを日時にします。変更出来たら完了ボタンをクリックします。
change ノードの横に template ノードをつなぎます。template は来たペイロードをテンプレートに従って変更します。
template ノードをダブルクリックしてプロパティを開きます。
Hello! timestamp : {{payload}}
テンプレートの内容を上記で変更します。
このようになります。変更出来たら完了ボタンをクリックします。
template ノードを LCDP out ノードとつなげます。
クラウド実行環境の動作を確認するため debug ノードを template ノードにつなぎます。
debug ノードをダブルクリックしてプロパティを開き、クラウド実行環境を実行時のしたときのログ機能でも確認できるようにシステムコンソールをチェックします。変更出来たら完了ボタンをクリックします。
デプロイする
保存ボタンをクリックしてデプロイします。
クラウド実行環境でのHTTPトリガーによるフローの実行
クラウド実行環境でのHTTPトリガーによるフローの実行 · enebular
こちらの記事を参考に、クラウド実行環境でのHTTPトリガーによるフローの実行を行います。
さきほどのフローの template ノードをダブルクリックしてプロパティを表示します。
<!DOCTYPE html>
<head>
<title>Hello World !</title>
</head>
<body>
<center>
<h1>Hello World ! {{payload}}</h1>
</center>
</body>
テンプレート内容をこちらに変更します。
さきほどのフローの change ノードをダブルクリックしてプロパティを表示します。変更出来たら完了ボタンをクリックします。
ひとつルールを下部の＋ボタンから加えます。値の代入を msg.headers.Content-Type としするので入力するのは headers.Content-Type です。
対象の値を文字列のまま text/html;charset=UTF-8 にします。
変更出来たら完了ボタンをクリックします。
デプロイする
保存ボタンをクリックしてデプロイします。
エクストラ
- クラウド実行環境後のデバッグ
- debug ノードでシステムコンソールをチェックすると、クラウド実行環境側のログでメッセージが出るのでデバッグしやすくなります
- クラウド実行環境の更新
- フローを更新したら今回のクラウド実行環境の詳細から、更新したフローをデプロイしましょう
作業が終わったら
クラウド開発環境の削除をしましょう。
今回のクラウド実行環境の詳細から設定をクリックします。
設定ページに移動したら、設定を編集クリックします。
下までスクロールし削除ボタンがあるのでクリックし、本当にこの実行環境を削除しますか？と聞かれるので「はい」をクリックして削除しましょう。
クラウド実行環境へのフローの反映
ブラウザでエディタのタブを閉じて、以前のタブのフロー詳細画面に戻ります。
上部のプロジェクト名をクリックしてプロジェクト詳細画面に戻ります。
プロジェクト詳細画面で右メニューのクラウド実行環境をクリックします。
クラウド実行環境の一覧が表示されたので、一覧から今回設定するクラウド実行環境をクリックします。
クラウド実行環境の詳細が表示されたので、デプロイボタンをクリックします。
今回作成したフローをクリックしてデプロイボタンをクリックします。
デプロイ中となります。
デプロイ済みになりました。
事前に HTTP トリガーの URL を考えておきます
HTTP トリガーの URL は enebular の他のユーザーやプロジェクトも含めて共有して使っています。
もし使いたい URL が他のユーザーやプロジェクトが、すでに取得していた場合に、設定することができずエラーになります。
すでに取得されていた場合は、この後の作業で、このようなエラーが起きます。
ですので、なるべく重複しない URL を決めておきましょう。
（自分の名前の英語名）-（今回のプロジェクト名）-（今日の日付）-（ランダム値） と決めておきましょう。
たとえば、
- 自分の名前の英語名
- 山田太郎でしたら yamada-taro
- 今回のプロジェクト名
- たとえば httpsample
- 今日の日付
- 2022 年 10 月 21 なら 20221021
- ランダム値
- 3 桁以上のランダム値 例：2736
- やり方は後述します
でしたら、yamada-taro-httpsample-20221021-2736 のようになります。
とくにランダム値をつけないと推測されやすくなり、他との重複もしやすくなるので、必ずつけるようにしましょう。
ランダム値の作り方
なお、ランダム値を手軽にやれるおススメは、Google 検索で「乱数」を検索して上部に乱数ジェネレータが出てくるので、これを使うことです。
右側の設定を最小を 1 で最大を 100000 にします。生成ボタンをクリックして3 桁以上のランダム値がでたら採用します。
クラウド実行環境の設定
上部のメニューから設定をクリックします。このままだと設定は入力できずロックされています。
設定を編集をクリックします。クリックすると設定が編集できるようになります。
HTTP トリガーの項目に注目します。
スイッチをクリックして ON にします。
HTTP トリガーのパスを linebot と入力します。
下までスクロールして保存ボタンをクリックします。
しばらく待つと画面左下に更新に成功しましたとメッセージが出ます。他にエラーメッセージがでなければ成功です。
このようにまた編集できないようなり、設定が完了します。
アクセスしてみる
設定画面で、HTTP トリガーの URL ができるので、右のコピーボタンをクリックして URL を取得します。
この URL でブラウザアクセスしてみると、このような画面が表示されます。
次は
左のメニューから、次に進みましょう。