![Node-RED 編集 LINE Watson接続](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/c3404bee294e6726038fe9b7fef482e6.png)
WatsonのUIをLINEに設定する1
の続きの記事です。
Watsonの設定が終わったら、UIで悩むと思います。そんな時の選択肢の一つとして、LINEがあります。今回は、LINEとWatsonを連携させてみましょう。
ます、IBM Cloudのメニューからカタログを選択し、フィルターに「Node-Red」と入力します。私が行った時は、「node red」ではヒットされませんでしたので、正しく入力してください。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/876c4ce1fce7640fa115f1b5ea0bf4e5.png)
選択すると、下記の画面になりNode-RED Starterを作成できます。赤枠に必要事項を入力し、作成をクリックしてください。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/3b955b6add4bb50df13a96951fb830d5.png)
作成をクリックすると、下記の画面に遷移し、しばらくサークルが回っていると思います。この画面は開いたままにして、次にLINEアカウントの設定をします。LINEでは個人のアカウントを持っている前提で進めます。もし、個人でも利用されていない場合は、アカウントを取得しておいてください。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/10b73cca4b548b8d0a6d4eac28457cb3.png)
まず、LINE@(https://at.line.me/jp/)の画面を開きます。そこから「LINE@アカウントを作成する」をクリックしてください。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/b6c5ffb8e304b34593041fde32354606-1.png)
次に、「一般アカウントを作成する」をクリックして進めます。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/f7a14d7e4d64c128329210e9aff8e314.png)
この先は、一般的なアカウント作成と同じなので説明は省略します。チャットボットに合うアカウント名で作ります。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/d0c9bfb0232014a145faa04e08788887.png)
アカウントが出来上がるとLINE@MANAGERを開くことができます。この画面では、アカウント一覧に今まで作ったことがあるLINE@のアカウントが並びます。一つ目の場合はそれを選択します。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/f392b01e8241a5398b6a511f13a0e2a2.png)
次に、LINE Developersでアカウント登録をします。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/1b453135ece20ce66d9a673f3b347d64.png)
アカウントが作成できたら、新規プロバイダー作成をします。トップページから、アカウントアイコンにカーソルを合わせると「+プロバイダー新規作成」を選択できます。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/7a1b2e130905c628e7d33c56e0cc63f6.png)
次のページでプロバイダー名にチャットボットに関する名前をつけて次に進みます。新規に作成したプロバイダー名は、作成が完了すると左のプロバイダーリストに並びます。ここまでで、一旦LINEでの画面は置いておきます。
IBM Cloudに続きLINEがたくさん出てきたのでIBM CloudとLINE関係でやったことを整理しておきます。
・IBM Cloud上のNode-REDでアプリを作成
・個人のLINEアカウントでLINE@アカウントにログイン
・LINE@内にアカウントを作成
・LINE Developersアカウントを作成しログイン
・LINE Developers内に新規プロバイダーを作成
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/3437c7fe2f2473899b3d904a29d79ee1.png)
次に、IBM Cloud上でダッシュボードを開きます。
先ほど作ったアプリが、Cloud Foundryアプリケーションの欄に載っていると思います。これをクリックしてください。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/370b9b4a7048ec451081c1fdb7967669.png)
画面が切り替わったら、左カラム内に「接続」があるのでクリックしてください。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/4b104d6dc438dbc43243e26974ff40d5.png)
次の画面で前回作ったWatson Assistantを繋げるため、「接続の作成」をクリックします。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/cc71832f56c8ec770969bb44919a5834.png)
赤枠をクリックして進めていきます。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/70fb77d64e5afcf16e7cd290daffd1e0.png)
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/92d4074b16ff1ccda48d88fa73a61783.png)
次に「再ステージ」をクリックして接続を完了させます。ここでしばらく時間がかかることがあります。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/519738f58795f0b93128ffa467d025b7.png)
下記の表示が
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/41a9d57ece74491fd106f7e06b729ea6.png)
稼働中になるまで待ちます。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/c9953e84c9a9d34943a8bd60ec4eac71.png)
稼働中になったら「アプリURLにアクセス」をクリックします。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/5de3ddc2637aa522d82c81a350f80709.png)
ここは「Next」で進めます。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/3113b4b5ba4040cfcdba4c433f0f4da1-1.png)
ここでは、Node-REDのUsernameとPasswordを作り、「Next」で進みます。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/d09253f3880a5216d801876f77bce506.png)
ここでも「Next」で進めます。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/b71147d6e18496c7d77144cdd0709eec.png)
やっと最後の画面です。ここで「Finish」で進めます。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/a7964b4cb4b48efdecf16a3714ac2d92.png)
しばらく待機してください。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/3cf5cb9d0e34616c28bbdbd80af361a5.png)
画面が切り替わったら、「Go to your Node-RED flow editor」をクリックし進めます。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/f7eecf50951a4f2fc82db621bad1c08b.png)
先ほど設定したユーザ名とパスワードを入力し、ログインします。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/363dec69352531494a2cc0c9cc921347.png)
これで、Node-REDの編集画面にログインできました。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/01/c3404bee294e6726038fe9b7fef482e6.png)
次回は、LINEとの接続を行います。
![](https://sugiyamayoshiaki.jp/wp-content/uploads/2019/03/af6e18379884c91ad9443563b2fc8a7f.png)
スギヤマです。
主にガジェットいじりに関わる記事を投稿します。
この記事へのコメントはありません。