Projects/Chiibus-map

どうやって動いているか(備忘録)

内部構造は、

フロントエンド (Web サーバー) →[リバースプロキシ]→ バックエンド (API サーバー) →[http]→[ばすくるサービス]

となっていて、docker-compose で制御された container 上で動いている。

Webサーバー

angular でWeb UIを記述。地図コンポーネントにはAngular Google Mapを使用。 ちいばすの運行状況取得のために、後ろのAPIサーバをhttp越しに呼び出す。 Web server にはnginxを選択。nginx公式docker imageをベースに、node と angular/cli をインストール。

APIサーバー

Pythonベースの gunicorn, flask　で RESTful API風に仕立てる。 http://www.buskuru.com/chiibus/pc/index.php からリアルタイムの運行データをスクレイピングして取得している。