「Chiibus-map」の版間の差分
提供: fukudat.net
ナビゲーションに移動検索に移動
| 1行目: | 1行目: | ||
| + | [[Image:chiibus-map-mobile-icon.png|left|40px|link=https://fukudat.net/chiibus-map]] | ||
[https://www.metro.tokyo.lg.jp/ 東京都][https://www.city.minato.tokyo.jp/ 港区]の[[wiki-ja:コミュニティバス|コミュニティバス]]「[[wiki-ja:ちぃばす|ちぃバス]]の運行状況をリアルタイムで表示するアプリケーション。 | [https://www.metro.tokyo.lg.jp/ 東京都][https://www.city.minato.tokyo.jp/ 港区]の[[wiki-ja:コミュニティバス|コミュニティバス]]「[[wiki-ja:ちぃばす|ちぃバス]]の運行状況をリアルタイムで表示するアプリケーション。 | ||
| − | http://fukudat.net/chiibus-map で稼働している。[[Category:fukudat.net]][[Category:How-To]] | + | http://fukudat.net/chiibus-map で稼働している。[[Chiibus-map-mobile|iOS版はこちら]]を参照。 |
| + | [[Category:fukudat.net]][[Category:How-To]] | ||
| + | |||
| + | QRコードで開く[[Image:chiibus-map-qr.png|link=https://fukudat.net/chiibus-map]]。 | ||
== What's New == | == What's New == | ||
2020年6月7日 (日) 19:36時点における版
東京都港区のコミュニティバス「ちぃバスの運行状況をリアルタイムで表示するアプリケーション。 http://fukudat.net/chiibus-map で稼働している。iOS版はこちらを参照。
QRコードで開く
。
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をベースに、node と angular/cli をインストール。
APIサーバー
Pythonベースの gunicorn, flask で RESTful API風に仕立てる。 http://www.buskuru.com/chiibus/pc/index.php からリアルタイムの運行データをスクレイピングして取得している。
