「Projects/Chiibus-map」の版間の差分

提供: fukudat.net
ナビゲーションに移動検索に移動
(ページの作成:「== どうやって動いているか(備忘録) == 内部構造は、 <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 からリアルタイムの運行データをスクレイピングして取得している。
  
[[Category:How-To]][[Category:fukudat.net]]
+
== 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をベースに、nodeangular/cli をインストール。

APIサーバー

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

Mobile版

NativeScript + Angular を利用して UI を記述。

APIサーバーはWeb版のサービスを流用している。