【laravel】javascriptファイルにPHPの変数を渡す方法 ※特殊ケースです

Question

###わからないこと
いつもお世話になっております。
この度、phpファイルからjavascriptファイルへの変数を渡すことができず、対処に困っております。
ご助力いただけないでしょうか。

以下のパターンを試みましたが、うまくいっておりません

###パターン①

<? php
$project = 'aaaa'
?>
<script type="text/javascript" src="{{asset("jump.js")}}"></script>
<script>
url = <?php echo $project;?>
</script>

page.open(url, function(status) {
});

↑のパターンでは、そもそもphpファイル内、「<?php echo $project;?>」にてundefinedのエラーが発生しています。

###パターン②

<? php
$project = 'aaaa'

var url='<?php echo $project; ?>';
page.open(url, function(status) {
})

↑のパターン②ではエラーは出ませんがurlをopenすることができていません。

##追記①
phpファイル

<?php 
    $project = 'aaaa';
?>
<script type="text/javascript" src="jump.php"></script>

jsファイル

console.log('Hello, world!');
var page = require('webpage').create();
var fs = require('fs');
var url = "<?php echo $project; ?>";console.log(url);
page.open(url, function(status) {
    if (status === 'success') {
        page.switchToFrame(0);
        // HTML を書き出し
        var html = page.evaluate(function() {
            return document.getElementsByClassName('contents')[0].innerHTML;
        });
        fs.write('resources\kaigokensaku.blade.php', html, 'w');
    }
	//  exit しないと終了しない
	phantom.exit();
});

上記のjsファイルで「console.log(url);」をかけて出力を確認したところ、

「string() "<?php echo $project; ?>"」

が出力されました。

##追記②
jsにphpの変数を渡せなかったのは、私のコードが下記のようになっていたからでした。

<?php
$project = 'aaaa';

            $uu = exec('C:\X_DRIVE\asp\home\laravel\vendor\bin\phantomjs.exe C:\X_DRIVE\asp\home\laravel\public\js\jump.js');dd($uu);
            // 取得したhtmlをkaigokensaku.blade.phpに出力・取得
            $file = 'C:\X_DRIVE\asp\home\laravel\resources\kaigokensaku.blade.php';
            $fileContent = file_get_contents($file);
            $fileContent = str_replace('&', '&amp;', $fileContent);


            $xml = simplexml_load_string($tidy);
?>

そこで下記のように変更を加えてみました。

$project = 'aaaaa';
?>
<script>
var url = <?php echo $project;?>;
</script>
<?php
exec('C:\X_DRIVE\asp\home\laravel\vendor\bin\phantomjs.exe C:\X_DRIVE\asp\home\laravel\public\js\jump.js');

しかし、このようにした結果、今度はjump.jsファイルにて処理がうまく走らなくなりました。

var page = require('webpage').create();
var fs = require('fs');
page.open(url, function(status) {
    if (status === 'success') {
        page.switchToFrame(0);
        // HTML を書き出し
        var html = page.evaluate(function() {
            return document.getElementsByClassName('contents')[0].innerHTML;
        });
        fs.write('resources\kaigokensaku.blade.php', html, 'w');
    }
	//  exit しないと終了しない
	phantom.exit();
});

上記のjsファイルにてurlを参照し、そのページのhtmlをローカルのblade.phpファイルに出力する構造になっています。

ご助力いただけないでしょうか。

何卒よろしくお願いいたします。

Answer 1

<?php echo $projectListUrl;?>ってどこのことでしょうか？おそらくecho $projectの間違いかと思いますので、そのつもりで回答を書きます。

1. jsファイル読み込みとスクリプト直書きの順番を逆にしてみてください。このままではjump.jsに書かれた処理が先行してしまい、urlは未定義な状態でjump.jsの処理が実行されます。しかし、先にurlへの代入をしてしまえば、グローバル変数への代入となるため、jump.jsの中でも使用できます。
2. urlへの代入時に、<?php ?>の部分がそのまま埋め込まれてしまうため、文字列として認識されません。phpタグをダブルクォーテーションで囲んでください。あとセミコロンも書いたほうがいいです。
3. よく見たら$projectを定義しているphpタグの?とphpがくっついていないです。空白を削除しましょう。

<?php
$project = 'aaaa'
?>
<script>
url = "<?php echo $project;?>";
</script>
<script type="text/javascript" src="{{asset("jump.js")}}"></script>

Comments

[退会済みユーザー]

ご回答ありがとうございます
上記の方法で試みましたが、「$project」を定義しているのはjsファイルとは別のphpファイルでありますので、$projectがundefinedと出てしまいました。
（jump.jsファイルを参照するよう指示しているのもphpファイル内になります

[masaya_ohashi]

3の指摘を追加しました。これで試してみてください。

[退会済みユーザー]

ありがとうございます
ただ、結果は同様でした。

Answer 2

Laravelタグがついているので、Laravelであれば
PHPからPHPを離れたJavascript実行時に変数を伝えるライブラリのPHP-Vars-To-Js-Transformerや
laracasts/PHP-Vars-To-Js-Transformer
Blade内であれば、@json()ディレクティブを使うと受け渡しプログラムが行いやすいです。
Laravel 5.5 Bladeテンプレート
素のPHPの話であれば、テンプレートエンジンに適切に変数を渡せていなかったり、変数のスコープが届いていないのかと思います。

Comments

[退会済みユーザー]

ご回答ありがとうございます
PHP-Vars-To-Js-Transformerを使おうと思います。
ただ、readmeを読んでもわからなかったのですが、導入するだけで使えるものでしょうか？

[退会済みユーザー]

必ずviewファイルを経由しなければならないように書いてあったので質問させていただきました。

[aro10]

PHP-Vars-To-Js-Transformerはビューファイルの時点で処理の解決を図ると思うので、Viewを利用する必要があるかと思います。

[退会済みユーザー]

となりますと、素のPHPで解決したいですね・・・
可能な限りphpとjavascript間で解決したいのですが、何が原因で変数を渡せていないと考えられるのでしょうか・・・

[aro10]

見た感じは直前で変数を代入していて、PHPでのUndefineエラーにはならないかと思いますが、Javascript側でエラーであればパターン②の変数のデータを''でくくるので出力すればPHPは役目を終えていると思うので、
出力された実際のJavascriptデータが正しいかを確認してみてください

[退会済みユーザー]

追記①にjavascriptにて出力を確認したものを載せました。
urlに入れたものがそのままに出力されていました。

[aro10]

Javascrptファイルにphpタグがそのまま残るというのは当たり前ですが.php拡張子とその実行環境でPHP解析処理が走らないとPHPタグは解析されません。
パターン1で動かないのは、質問のコードのままとすれば開始タグの< ?phpの< と ?phpの間に不要な空白があるから単なる文字列になっていることが濃厚です。以下に直してみてください。
```
<?php
$project = 'aaaa'
?>
```
このような記述エラーへの対処法は、適切なIDEを使うと波線などのエラー警告をしてくれるので活用してみてください。

[退会済みユーザー]

< と ?phpとの間の隙間については修正いたしました
ただ、同じphpファイル内に書いた<script>箇所にある$projectはundefinedとなってしまいました。
情報の後出しになり申し訳ございませんが、上記のphpファイルがコマンドをたたいて処理を走らせるものである場合、解析がなされないということはないですよね？

[退会済みユーザー]

失礼いたしました。
私のコードが少々煩雑なものだったことが原因でした。
一応jsファイルに変数を参照させることはできたのですが、その結果弊害が生じてしまいました。
追記②に記載させていただきました。

Answer 3

自己解決しました。
解決方法はjsにphpの変数を渡すものではないため、タイトルを一部変更し、
追記③に解決方法を記載いたします。

ご協力してくださった方々、ありがとうございました。