laravelの定数をjavascriptに渡したい

Question

Laravelで設定している定数をjavascriptにわたす方法が知りたいです。

以下のようなコードでbladeに直接書いている場合はOKなのですが、
jsファイルに切り分けたとき、{{ }}の部分でエラーが出ます
javascriptから定数を呼び出す方法、もしくは直接ではなくても渡せる方法などあれば教えて下さい

        var pusher = new Pusher('{{ config('const.pusher.app_key') }}', {
            cluster  : '{{ config('const.pusher.cluster') }}',
            encrypted: true
        });

Comments

[m.ts10806]

blade js
で探すと結構出てきますがそれすらしてませんか？
それで調べたら大体私が思ってた内容が出てきたので、回答するまでもないと感じました。
過去質問に出てきている可能性もゼロではないでしょうね。
そうしたいと考える人がこれまで誰もいなかったとは考えられない。

[creative_09]

もちろん調べてから質問しているのですが、
それでもわからず
定数を使うとなったときにどういったやり方があるのかだけでも参考にしたかったので。

[m.ts10806]

この質問内容を見て、あなたが調べた上で質問していることが伝わってたらこんな指摘してません。
「もちろん」と言えるほどの内容ではないと思いますよ。見ているのは所詮赤の他人。
それに、定数も変数も扱いは変わりません。PHPをまともにやっていれば分かっているはずのこと。

[creative_09]

blade側で一度定数を読み出しておき、それを@jsonでjavascriptで読み込むような形になるやり方も分かっているのですが、しっくりこないというか、初心者が調べた答えであり、なにかほかにもっといいやり方があるんじゃないか？だとしたらよけいなことは書かないでおこうとなった感じです。
定数を使うので、blade側で一旦なにかの変数に入れておくには@php @endphpなどを使わないといけなくなりますし。。
それくらいは許容するのが普通であれば問題ないですが、おっしゃるとおり、そうしたいと考える人が多そうなので、なにか一般的なやり方があるのかも？とおもっています。
考え方それぞれあると思いますが、それすら範囲が小さいので教えて頂ければやり方は調べますのでよろしくおねがいします

[m.ts10806]

書いてないとあなたが把握していることしてないことは誰にも分からないので、書いてください。
質問本文に。
でないと、そこを考慮したアドバイスにはならないので、「そこは既に調べた、わかっている」と後出しになります。
嫌ですよね？後出しされたら。

[creative_09]

わかりました

Answer 1

各値をHTML要素に書き出し、それをJSから参照するのはいかがでしょうか。ドキュメントでは以下のような例が出てきます。

<meta name="csrf-token" content="{{ csrf_token() }}">

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

参考: CSRF保護 6.x Laravel X-CSRF-TOKEN

---

あるいは、これはLaravel Mixを使用する場合ですが、MIX_をプリフィックスとしてつけた環境変数を注入することはできます。

Laravelプロジェクト作成当初の .env ファイルには、以下のような環境変数があったと思います。

MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"

また、resources/js/bootstrap.js ファイルには、以下のようなコードがコメントアウトされていたと思います。このような感じでJSから参照できるはずです。

//     key: process.env.MIX_PUSHER_APP_KEY,
//     cluster: process.env.MIX_PUSHER_APP_CLUSTER,

参考: アセットのコンパイル(Mix) 6.x Laravel 環境変数

Comments

[creative_09]

ありがとうございます
のちほど、試してみます。

[creative_09]

ありがとうございます。
なにか、別の件で読めてない可能性も出てきました。
直接、数字をいれても動かず。。。。
ただ、今回の質問に関しては両方の方法ともに抜群の回答だとおもいますので、一旦解決とさせていただきます。ありがとうございました

Answer 2

• scriptタグにphpを指定してjsonpのように変数に値をもらうか
• apiを用意しておいてjsonなどで受け取るか

でしょう

Comments

[creative_09]

ありがとうございます。
完全に外部からのやり方になるんですね。

[kyoya0819]

もしくはhiddenやらで渡す方法もありますね。

[creative_09]

ありがとうございます。
それはhiddenで変数として書き出しておいて取得するという感じですね
参考になります