Typescriptで作りながらPHPも使おうとしてドはまりした話

この間からnode.js+pixi.js+typescriptでゲームを開発していてランキング機能をつけようと思ったらnode.jsでは作ることができないと知り(クライアントサイドだからファイル操作できない)、しょうがないからPHPでやってみようと思ったらドはまりしたので書いておきます。

同じようなところでハマる人がいないことを祈ります。

くだらない失敗談が続くので結果だけ知りたい方は最後の方までスクロールしてください。

localhostの罠

どこから私の失敗を話せばいいのかわからないくらいあれこれ無意味な試行錯誤をしたんですが、まず一つ大きく私を勘違いさせたのがwebpackでlocalhostサーバーで開発していたこと。

localhostで動いているのだからPHPだって動くはずだと思ってました。

なのでjavascriptのfetchでPOST送信してphpファイルにアクセスすれば問題なくphpで処理できると思ってました。だってlocalhostってサーバーでしょ?だったらphp動くよね?

その思い込みが地獄の始まりでした。

CORSって何?

phpのプログラムが動かない理由を調べてたらCORSという言葉が検索で出てきました。

なんでも違うurlでファイルの操作とかのセキュリティーに関するもので(よくわからん)、とりあえず検索で出てきたからこれかもしれないと思いあれこれとりあえず試してみた。

headerがどうだとかoriginうんぬんだとか全然わからんけどとりあえず片っ端からやってみても全然なんもならん。。

発狂しそうになりながら何度もトライしたものの効果なし。

結局これは関係なかった。。

visual studio codeでphpが実行できない?

その後あれこれ検索していると「visual studio codeでphpが実行できない」だのなんだのという記事を発見する。

そうか、visual studio codeの設定が悪いのか!

それであれこれ調べて設定の仕方を発見した。

https://myscreate.com/vsc-error/

しかし、設定してみるとvisual stuido codeが「バージョンは7以上じゃないとダメよ」とぬかし始める(´Д`)

なんだよそれ?

xamppのバージョンアップってか再インストール

xamppのphpをvisual studio codeに設定したらバージョンが古いと言われたのでxamppのphpのバージョンアップを試みた。

とりあえず検索で出てきた方法でやってみたもののうまくいかない。

あれこれやってもうまくいかない。。

https://tabibitojin.com/xampp-php-version-up-failed/

この記事なんて真似してやってみたら結局最後に「できませんでした」やとさ。コ○すぞ!

で、そのあと見つけたこの記事

https://15g.jp/post-1091/

で再インストールしろとあったのであっさり再インストール。

そしたらデータベースが真っ新になったのでローカルのwordpressが消滅しました。。(´Д`)

バージョンアップでできる方法があるならその方がベターかもね。

ここまでやっても動かない

ここまで3日ほどを費やし、ひたすら「なんで?なんで?」と半泣き発狂寸前で試行錯誤してxamppの再インストールまでしたのにphpプログラムが動かない(´;ω;`)

一体なんなのだ?

何が悪いんだ?

結局何をしても動かない。

もうだめだ。俺には無理だ。。

 

。。

。。。ってかwebpackとphp同時に動かせないんじゃない?

XAMPPでPHPを動かす

visual studio code上では同時に動かせないんじゃないかと思いphpをxamppで動かしてみようということでwebpackで開発していたものは一度ビルドして必要なファイルをhtdocsにフォルダを作ってコピぺ。

xamppを起動してlocalhost/○○でjsファイルを実行してみるとそこから呼び出したPHPファイルがちゃんと動いた!!!!

感動の瞬間だったと言いたいところですが、「そらまぁそうだよね。。」というのが正直なところでした(;^ω^)

まとめ

visual studio codeでwebpackを使って開発してて非同期通信でphpも使いたい場合は一度ビルドしてxampp側ですると動きます。

javascript側で修正があった場合毎回ビルドする必要があるのが面倒なので開発フォルダはhtdocsフォルダ内に移した方がコピペの必要がなくなるのでベターです。

 

とりあえず検索してもわからなかったので自己流で解決しましたがもっといい方法があるよって方は教えてください(‘ω’)ノ

Typescriptで作りながらPHPも使おうとしてドはまりした話」に1件のコメントがあります

コメントを残す

あなたのメールアドレスは公開されません。

© 2020 俺のSPACE | WordPress Theme: Annina Free by CrestaProject.