Q&A
「ページ全体をReactで組む」感じでしょうか、それとも「Cakeで作ったHTMLの一部にReactを埋め込む」形を想定していますでしょうか？
実現したいこと
フロントReact（16）バックエンドcakePHP（5系）でWebアプリケーションを作成したいと思っています。
まずはサーバーから送られたpostパラメータをフロントで表示させる簡単なものを作り仕組みを理解したいです。
サーバーはMAMPでローカルで動作
cakephpとreactのプロジェクトディレクトは別々に作成しています。
発生している問題・分からないこと
cakePHPでは画面はtempletesフォルダにindex.phpなどで画面を作りますが、ここがreactのApp.js等に置き換わるという理解なのですがcontrollerからreactへの送り方、また逆にreactからcontrollerへのアクセスをどのようにするのかがわからずとっかかりが掴めていない状況です。
該当のソースコード
特になし
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
reactで画面遷移させるためにreact router dom@6をインストールしてみましたが、これはフロント内でのページの切り替えに使うようでサーバーとはあまり関係なさそうでした。
補足
特になし
回答1件
0
ベストアンサー
ページ全てをreactで組んでSPAにしたいと思っております。
でしたら、流れは「ReactからAPIとして組んだCakePHPにリクエストをかける→受け取ったReact側で表示する」という形になります。
reactからcontrollerへのアクセス
fetchなどを普通に使えばいいだけです。
controllerからreactへの送り方
Cake側はリクエストに応答するだけですので、Cahe発信でなにかすることは基本的にありません。
投稿2024/02/01 04:59
総合スコア145184
どちら側も詳しくないのでfetchなどは調べてみたいと思いますが、処理の流れはイメージ沸いてきました。
reactからAPIにリクエストをかける
この辺がわかると解決出来そうな気がします。
ありがとうございました！
試行錯誤し解決できました。
流れとしては
サーバー側
Controller作成
※templeteは使わないのでレンダリングは無効化
response->withType('application/json') でレスポンスをJsonに指定する
フロント側
fetch()を使いcontrollerのURLを指定
でフロントにサーバーレスポンスを呼び出すことができました。
あなたの回答
tips
プレビュー
