1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

(初心者向け)Swift3.0で初アプリ - iPhoneからNode-REDヘアクセス

Last updated at Posted at 2017-10-09

Swift3.0を使って簡単なiPhoneアプリを作ってみます
(初心者向け)Swift3.0で初アプリ - 外部ライブラリを使ってみる - CocoaPods, CarthageでAlamoFireを使えるようにしました
(初心者向け)Swift3.0で初アプリ - iPhoneからMacbookへアクセスでiPhoneからMacbookへアクセスできるようにしました
次は、iPhoneから自分のMacbookで稼働しているNode-REDへアクセスできるようにします

#1. Node-REDを動かしておきます

  • 自分のMacbookでNode-REDを起動しておきます。Node-REDを未インストールのかたはこちらをご参照ください → Node-REDをインストールする
  • MacbookのFirefoxでhttp://localhost:1880を開きます
スクリーンショット 2017-10-05 11.30.07.png

#2. フローを用意します

[{"id":"9b870ffa.731eb8","type":"http in","z":"a10ea29a.e50e7","name":"","url":"/test10","method":"get","upload":false,"swaggerDoc":"","x":130,"y":60,"wires":[["cdbab1fe.9ce738","4ac383a.04b44fc"]]},{"id":"68c15cd3.abb544","type":"http response","z":"a10ea29a.e50e7","name":"","statusCode":"","headers":{},"x":570,"y":60,"wires":[]},{"id":"cdbab1fe.9ce738","type":"template","z":"a10ea29a.e50e7","name":"htmlを返す","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<html>\n    <body>\n        <h1>\n        祝!開通!!\n        </h1>\n    </body>\n</html>","output":"str","x":370,"y":60,"wires":[["68c15cd3.abb544"]]},{"id":"4ac383a.04b44fc","type":"debug","z":"a10ea29a.e50e7","name":"","active":true,"console":"false","complete":"false","x":310,"y":120,"wires":[]}]
スクリーンショット 2017-10-05 12.22.17.png

#3. ローカルからアクセスして確認します

  • Macbookのブラウザから下記をアクセスし、画面が表示されることを確認します
http://localhost:1880/test10
スクリーンショット 2017-10-05 12.30.00.png
  • localhostの指定は、127.0.0.1でも構いません

#3. iPhoneからアクセスしてみます

  • iPhoneのブラウザからアクセスしてみます
http://(ネットワーク名).local:1880/test10

もしくは

http://192.168.2.1:1880/test10
IMG_0556.jpg
  • 「祝!開通!!」が表示されれば開通です
1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?