「Projects/Chiibus-map」の版間の差分
提供: fukudat.net
< Projects
ナビゲーションに移動検索に移動
(ページの作成:「== どうやって動いているか(備忘録) == 内部構造は、 <pre> フロントエンド (Web サーバー) →[リバースプロキシ]→ バックエンド (…」) |
|||
| (同じ利用者による、間の1版が非表示) | |||
| 1行目: | 1行目: | ||
| − | == | + | == Web版 == |
内部構造は、 | 内部構造は、 | ||
<pre> | <pre> | ||
| 17行目: | 17行目: | ||
http://www.buskuru.com/chiibus/pc/index.php からリアルタイムの運行データをスクレイピングして取得している。 | http://www.buskuru.com/chiibus/pc/index.php からリアルタイムの運行データをスクレイピングして取得している。 | ||
| − | [[ | + | == Mobile版 == |
| + | [[NativeScript]] + [[Angular]] を利用して UI を記述。 | ||
| + | |||
| + | APIサーバーはWeb版のサービスを流用している。 | ||
2020年6月12日 (金) 12:11時点における最新版
Web版
内部構造は、
フロントエンド (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 からリアルタイムの運行データをスクレイピングして取得している。
Mobile版
NativeScript + Angular を利用して UI を記述。
APIサーバーはWeb版のサービスを流用している。
