「Chiibus-map」の版間の差分

提供: fukudat.net
ナビゲーションに移動検索に移動
4行目: 4行目:
 
[[Category:fukudat.net]][[Category:How-To]]
 
[[Category:fukudat.net]][[Category:How-To]]
  
QRコードで開く[[Image:chiibus-map-qr.png|link=https://fukudat.net/chiibus-map]]
+
== QRコード ==
 +
[[Image:chiibus-map-qr.png|link=https://fukudat.net/chiibus-map]]
  
 
== What's New ==
 
== What's New ==

2020年6月7日 (日) 19:38時点における版

Chiibus-map-mobile-icon.png

東京都港区コミュニティバスちぃバスの運行状況をリアルタイムで表示するアプリケーション。 http://fukudat.net/chiibus-map で稼働している。iOS版はこちらを参照。

QRコード

Chiibus-map-qr.png

What's New

Docker Container化した。

 免責

当然のことながら無保証です.

もし問題を発見したらUser:Fukudatにご連絡ください.

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

内部構造は、

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

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

Webサーバー

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

APIサーバー

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