Q&A
ありがとうございます！無事取得できました。
グローバル変数で宣言したつもりだったのですが、windowをつけないとグローバル変数にならないのでしょうか？
前提・実現したいこと
フロントエンド：React.js
サーバーサイド：codeigniter
APIサーバー：Laravel
のWebアプリでログイン状態をフロントで表現したいです。
システムの要件上、ちょっと変な構成ですが、React.jsはAPIサーバーからデータを取得します。
また、Webアプリの一部をReact.jsに置き換えていますので、ログイン画面はCodeigniterで作られております。
流れとしては
0. ログイン（Codeigniterで認証）
0. セッションにユーザーIDを保管
0. （ここを質問したいです）React.jsから、ユーザー認識できる何かを引数に持ちAPIにアクセス
0. APIサーバーでapi_tokenを発行、return
0. APIサーバーでapi_tokunをヘッダーに付与するとデータ取得できる
という流れを考えていますが、Codeigniterで認証したユーザーデータをReact.jsに渡す事ができません。
何かいい方法をご存知でしたら教えていただけると幸いです。
発生している問題・エラーメッセージ
'api_token' is not defined. (no-undef)
該当のソースコード
codeigniter側でjavascriptのグローバル変数に代入しようとしました。
<script> api_token = <?php echo $this->session->userdata("user_logged_in_id") ; ?>; </script> </head> <body> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="movies"></div> <script type="text/javascript" src="/build/movie/static/js/movie.js"></script> </body>
試したこと
上記のようにcodeigniter側でjavascriptのグローバル変数に代入しようとしました。
また、JSX内に直接phpのコードで代入する方法も難しいようでした。
補足情報（FW/ツールのバージョンなど）
Codeigniter:3.03
React.js: 1.6.1
Laravel: 5.5
回答2件
0
Ajaxで取りにいっては。
投稿2018/07/20 01:05
総合スコア80850
0
ベストアンサー
windowに入れてもだめでしょうか？
window.api_token = <?php echo $this->session->userdata("user_logged_in_id") ; ?>;
投稿2018/07/20 03:58
総合スコア36
上記は厳密にはグローバルじゃなくて、`window`オブジェクトの中に`api_token`というメンバを追加している形になります。
`window`つけない（修正前の状態）がグローバルであっていると思うのですが、Reactはあまり詳しくないのでなぜNGかわかりません。
React使っているならきっとwebpackとかbabelとか使われていると思いますが、その辺の影響もあるのではないでしょうか。
詳しく知りたいならコンパイル後のjsをデバックしてみるのをおすすめします。
>詳しく知りたいならコンパイル後のjsをデバックしてみるのをおすすめします。
たしかにそれで純粋なjavascriptが見られますね。ご回答ありがとうございました。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。