ブログ

Armadillo-IoTからHerokuに送信した文字をWebブラウザで見る

at_kazutaka.bito
2015年4月30日 17時15分

Armadillo-IoT + Heroku(Node.js)でHello World に手を加えて、 Armadillo-IoTからHerokuに送信した文字をWebブラウザで見れるようにします。

1.準備

まず、Armadillo-IoT + Heroku(Node.js)でHello World どおりに Armadillo側からのデータ送信と動作確認まで行ってください。

2.Node.jsアプリ(Armadilloとの連携)を作成し、動作確認

2.1.Node.jsアプリ側の修正

app.jsを以下のように修正してください。 補足) 修正点は、3か所(// addまたは // changeのコメントがある行) Armadillo-IoTから受け取った文字列を変数text1に代入。 HerokuのURLにアクセスすると、text1を表示。

var express = require('express');
var bodyParser = require('body-parser');
var app = express();
var text1 = 'hogehoge'; // add
 
app.set('port', (process.env.PORT || 5000));
app.use(express.static(__dirname + '/public'));
 
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
 
app.get('/', function(request, response) {
  response.send(text1); // change
});
 
app.post('/series', function(req, res) {
    console.log('post:/series');
    text1 = req.body.data; // add
    res.send(req.body.data);
});
 
app.listen(app.get('port'), function() {
  console.log("Node app is running at localhost:" + app.get('port'));
});

以下のコマンドを実行して、Herokuにアップロードしてください。

[atde ~/temp/myapp]$ git add .
[atde ~/temp/myapp]$ git commit -m "change response text."
[atde ~/temp/myapp]$ git push heroku master:master
2.2.Armadillo側からのデータ送信と動作確認

以下、URLの記述(.herokuapp.com)のの箇所については、git push時のログ

remote:        https://***.herokuapp.com/ deployed to Heroku

の***の部分を読み替えてください。

Armadilloをインターネットに繋がる環境にして、以下のコマンドを実行してください。

[armadillo ~]# wget -O- -q --post-data="data=test" https://***.herokuapp.com/series

上記コマンドを実行後、Webブラウザで https://***.herokuapp.com にアクセスすると、

test

という表示が見えます。