580
回編集
差分
提供: fukudat.net
ナビゲーションに移動検索に移動
ページの作成:「== どうやって動いているか(備忘録) == 内部構造は、 <pre> フロントエンド (Web サーバー) →[リバースプロキシ]→ バックエンド (…」
== どうやって動いているか(備忘録) ==
内部構造は、
<pre>
フロントエンド (Web サーバー) →[リバースプロキシ]→ バックエンド (API サーバー) →[http]→[ばすくるサービス]
</pre>
となっていて、[[google:docker-compose|docker-compose]] で制御された container 上で動いている。
=== Webサーバー ===
[[google:angular+-angularjs|angular]] でWeb UIを記述。地図コンポーネントには[https://angular-maps.com/ Angular Google Map]を使用。
ちいばすの運行状況取得のために、後ろのAPIサーバをhttp越しに呼び出す。
Web server には[[google:nginx|nginx]]を選択。nginx公式docker imageをベースに、[[google:node|node]] と [[google:angular+-angularjs|angular/cli]] をインストール。
=== APIサーバー ===
Pythonベースの [[google:gunicorn|gunicorn]], [[google:python+flask|flask]] で RESTful API風に仕立てる。
http://www.buskuru.com/chiibus/pc/index.php からリアルタイムの運行データをスクレイピングして取得している。
[[Category:How-To]][[Category:fukudat.net]]
内部構造は、
<pre>
フロントエンド (Web サーバー) →[リバースプロキシ]→ バックエンド (API サーバー) →[http]→[ばすくるサービス]
</pre>
となっていて、[[google:docker-compose|docker-compose]] で制御された container 上で動いている。
=== Webサーバー ===
[[google:angular+-angularjs|angular]] でWeb UIを記述。地図コンポーネントには[https://angular-maps.com/ Angular Google Map]を使用。
ちいばすの運行状況取得のために、後ろのAPIサーバをhttp越しに呼び出す。
Web server には[[google:nginx|nginx]]を選択。nginx公式docker imageをベースに、[[google:node|node]] と [[google:angular+-angularjs|angular/cli]] をインストール。
=== APIサーバー ===
Pythonベースの [[google:gunicorn|gunicorn]], [[google:python+flask|flask]] で RESTful API風に仕立てる。
http://www.buskuru.com/chiibus/pc/index.php からリアルタイムの運行データをスクレイピングして取得している。
[[Category:How-To]][[Category:fukudat.net]]
