以下の内容はhttps://px-wing.hatenablog.com/entry/2020/07/03/072815より取得しました。


Rust-Rocket(Backend) / React(Frontend)の環境をDockerComposeで構築する

はじめに

  • 前回にRust環境をつくるためにDockerfileでRust/Rocketをインストールして動かした自動で環境構築できる状態ではなかった。
  • 今回はDocker Composeを利用してコマンド数回で環境構築できる環境を構築する

前回の記事

今回DockerComposeで構築する環境

  • FontendはNginxとReact
  • BackendはNginxとRust+Rocketフレームワーク。正直、BackendにいるNignxはなくしてたいのですが、いないと通信がうまくいかずNginxをかましている f:id:PX-WING:20200702230330p:plain

起動手順

  • 下記のコマンドを実行するとReactとRocketのプロジェクト初期状態の状態で起動できる
$ git clone https://github.com/TsuyoshiMorita-freelance/docker-rust-react.git
$ cd docker-rust-react
$ docker-compose build
$ docker-compose up -d

Reactのサーバーを起動する
$ docker exec -it frontend /bin/ash
$ cd /srv/www/src/
$ yarn start

Backend

  • http://localhost:8000/apiでアクセスするとBackend側のRocketフレームワークに直接アクセスすることが出来る
  • http://localhost/apiでもアクセスでき、この場合、フロント側のNigixを経由してBakendのNingx⇒Rocktフレームにアクセスされる f:id:PX-WING:20200702231058p:plain

Front

  • http://localhostでアクセスすると初期時の画面が表示される f:id:PX-WING:20200702233231p:plain

各バージョン

  • React 16.13.1
  • Rust 1.46.0
  • Rocket 0.4.5 github.com

RustとReactを勉強する環境が構築できたので、何かしら作っていく予定です。




以上の内容はhttps://px-wing.hatenablog.com/entry/2020/07/03/072815より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14