質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

CodeIgniter

CodeIgniterは、PHP向けオープンソースのWebアプリケーションフレームワークです。CodeIgniterは覚える構文が少なく、自由度も高いため、PHPを理解していれば構築が簡単です。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

1027閲覧

Reactをcodeigniter等のフレームワークに組み込むには?

alberorana

総合スコア52

docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

CodeIgniter

CodeIgniterは、PHP向けオープンソースのWebアプリケーションフレームワークです。CodeIgniterは覚える構文が少なく、自由度も高いため、PHPを理解していれば構築が簡単です。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

1クリップ

投稿2018/03/31 00:45

前提・実現したいこと

既存のcodeigniter3で作られているWebアプリのViewをReactで作りたいと考えています。
開発環境はdocker-composeで作っており、各々動作はしているものの連携ができておらずその方法もわからないため質問させていただきました。

■前提条件
ローカルで create-react-app したものをphpコンテナとreactコンテナにマウントして npm start しています。

発生している問題・エラーメッセージ

アプリコンテナ(ポート80)とReactコンテナ(ポート3000)を連携させて1つの画面を作りたいがそれができないこと

該当のソースコード

docker-compose.yml

version: '2' services: data: image: busybox volumes: - ./misc/data:/var/lib/mysql nginx: build: ./nginx ports: - "80:80" - "443:443" volumes: - ./nginx/default.conf:/etc/nginx/conf.d/default.conf - /Users/alberorana/:/var/www/html/ links: - php container_name: nginx php: build: ./php volumes: - /Users/alberorana/:/var/www/html/ - ./php/php.ini:/usr/local/etc/php/conf.d/php.ini links: - mysql container_name: php mysql: image: mysql:5.7 environment: MYSQL_ROOT_PASSWORD: **** MYSQL_DATABASE: **** MYSQL_ROOT_USER: **** ports: - "13306:3306" volumes_from: - data volumes: - ./misc/mysqld.cnf:/etc/mysql/mysql.conf.d/mysqld.cnf container_name: mysql react: image: node:8.9.3-alpine volumes: - /Users/alberorana/:/var/www/html/ depends_on: - node ports: - "3000:3000" working_dir: /var/www/html/apps/test command: npm start container_name: react

あまり関係ないかもしれませんが、Dockerfileも載せます。
nginx

FROM nginx RUN apt-get update RUN mkdir /var/www RUN mkdir /var/www/html RUN mkdir /var/www/html/store

php

FROM php:7.0-fpm #ADD php.ini /usr/local/etc/php/conf.d/php.ini COPY php.ini /usr/local/etc/php/ RUN apt-get update \ && docker-php-ext-install pdo_mysql mysqli mbstring RUN mkdir /var/www/store RUN chmod 0777 /var/www/store RUN apt-get update \ && apt-get install -y libmemcached-dev zlib1g-dev \ && pecl install memcached-3.0.3 \ && docker-php-ext-enable memcached opcache

試したこと

同じポートで立ち上げたり、phpコンテナにreactをインストールしてみましたがうまくいきませんでした。

補足情報(FW/ツールのバージョンなど)

php:7.0-fpm
nginx: nginx/1.13.10
Docker

以上になります、どうぞよろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

npm startはあくまでReactのみで開発する時用のローカルサーバー。
まずこれを使う発想を捨てる。
PHPから必要なのはビルド済みのJSファイルのみ。
npm buildで出力されるファイルをCodeIgniterで読めるようにするだけ。
出力先の変更やcreate-react-appにはwatchがないようなので自分で用意するなどの調整は必要。

これで開発時は2つを動かしながら開発

  • docker-composeのCodeIgniter
  • npm watch

デプロイ前はnpm buildしてビルド済みファイルもgitに含める。
デプロイ時にビルドしたい派なら好きなように。

npm startは全く関係ない。

投稿2018/03/31 01:35

kawax

総合スコア10377

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

alberorana

2018/03/31 01:46

npm startを勘違いしていたようです。 開発時watchで変更を監視しながら随時コンパイル→コンパイルしたものをcodeigniterで表示ですね。 一度こちらで進めてみます。ありがとうございました。
alberorana

2018/04/02 02:30

うまく動作させることができまして、感謝申し上げます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問