パーフェクトphpのフレームワークでjqueryライブラリーの読み込み方法

Question

パーフェクトphp（技術評論社）のフレームワークでjqueryを使いたいと考えています。

制約としては、
・googleなどのhosted libraryは利用できません。
・Webアプリの一部のページでjqueryを使用します。
・将来に備え、どのページにもjqueryライブラリーを読み込んで置く必要があります。

そこで私は次のようにしました。

1：ドキュメントルートの直下にlibというディクレトリを作って、その中にjqueryライブラリーをアップしました。
ライブラリーファイル名は、jquery-3.4.1.min.js　　です。
2：view直下のlayout.phpのhead内に、

<script src="<?php echo __DIR__ . '/../lib/jquery-3.4.1.min.js'?>"></script>

と記述しました。

しかし、結果は
jquery-3.4.1.min.js　が404　not　found
となりました。

自分としては、
layout.phpからみて、親の兄弟ディレクトリに下にjqueryライブラリーがあるので、
パスは間違っていないと、考えています。

このフレームワークでjqueryを使いたい場合、どのようにしたら良いのでしょうか。
実際にjqueryをこのフレームワークで利用されておられる方のアイデアがあれば、お知らせいただければ幸いです。

hosted librayにせざるを得ないのであれば、そうしたご回答でも結構です。
また、できれば、ドキュメントルート内におけると管理上、都合が良いのですが、ドキュメントルートの外においたという方法も歓迎です。
その場合、その方法をとった理由があれば、お知らせいただければ助かります。

Answer 1

自分としては、
layout.phpからみて、親の兄弟ディレクトリに下にjqueryライブラリーがあるので、
パスは間違っていないと、考えています。

物理的なファイルパスではなく、ブラウザから見たパスで考える必要があります。

そして、ディレクトリが変動する場合に相対パスで参照するのは煩雑にしかなりませんので、<script src="/***/jquery-*.*.*.js"></script>のように、ルートから参照させることをおすすめします。

（「googleなどのhosted libraryは利用できません。」とありますが、使えるならそちらのほうが便利です。使えないのはどのような理由でしょうか。）

Comments

[tt02]

こちらも、なるほど。
そうだったのか！
よく理解できました。

Answer 2

PHPはいらなくないですか？
カレントディレクトリからの相対パスならこう

<script src="../lib/jquery-3.4.1.min.js"></script> 

絶対パスならこう

<script src="/lib/jquery-3.4.1.min.js"></script> 

（正しくなるようにファイルをおいてください）

Comments

[tt02]

なるほど。
おっしゃる通りでした。
よくわかりました！

Answer 3

クライアントに読ませるjsなどのファイルは、あくまでURLで認識できるパスである必要があります。
相対パスであれば、実行しているURLからの相対 ですね。
なので、置場所もブラウザから参照できる場所である必要があります。
__DIR__だと、サーバー上のそのファイルがあるフォルダまでの絶対パスとなりますので、ブラウザからアクセスできるパスにはなり得ません。
ブラウザの「ソースを表示」にて生成されたパスを確認してみてください(ちなみにセキュリティリスクも加味すると基本的にはデバッグ以外で__DIR__を画面出力してはいけません。)

ちなみに多くのフレームワークではパスを気にしなくていいように
ルートパスなどを取得する関数が整備されています。
サーバー上から見たパスとブラウザから見たパスでは違いますしね。
パーフェクトPHPは確かにボリュームも内容も良いとは思いますがPHP7には対応していませんし、
古くなってきているのは間違いないので、PHP7対応の書籍を購入してください。
※必ずPHPマニュアルは仕様確認で利用してくださいね

Comments

[tt02]

なるほど。そうだったのか！
大変、納得できました。

[m.ts10806]

ブラウザから動作確認する以上は出力されるHTMLがレイアウトの基準となります。
必ずphpのコードではなく出力されたHTMLを見てください

[tt02]

結果報告が遅れました。意図していたことができました。

jsの置き場所をブラウザから参照できる場所というご説明を意識することが解決策になりました。

こちらの環境では、パーフェクトphpのフレームワークを使っているとはいえ、
サーバーの都合上、ドキュメントルートを本には書かれていない場所に設定し、
ブラウザからのリクエストをそのリクエストのされ方によって、サーバーのalias設定でフロントコントローラーが存在するwebディレクトリ直下ファイルに処理を飛ばしていました。

具体的には、
1：当環境のドキュメントルートの直下にjsというディレクトリを作り、かつ、そこのパスにアクセスしても、フロントコントローラーのあるパスに飛ばされないような場所である事を意識して設置ができました。

2：<script>の記述は、viewディレクトリ内のファイルに対して、ドキュメントルートからの絶対パスを記述。

基礎から教えていただいたことで、早期解決ができました。

[m.ts10806]

解決されたようで何よりです