【スポンサーリンク】

[Mac] PC内で検証用ウェブサーバを動かす【php -S】

phina.js のプログラムをローカルで検証するために、ウェブサーバを立ち上げることにしました。

\記事が役に立ったらシェアしてね/
【スポンサーリンク】

ブラウザでHTMLファイルを開いてもサイトと違う

ただのファイルとして html を開いた場合(たとえば「file:///Users/user/html/index.html」など)、JavaScriptから相対アドレスでほかのローカルファイルを読み込んだりはできません。
JavaScriptのセキュリティ上の制限で、ローカルファイルにはアクセスできないからです。

そのため、サイトデータの検証では、ローカルのウェブサーバを待ち受けにして、アクセスする必要があります。

ローカル環境で動作させたときに音声ファイルが開けなかったのも、これが原因だね。

ビルドインサーバ(php -S)

ウェブサイトのフォルダでターミナルを起動し php コマンドを利用すると、ローカルにウェブサーバを起動できます1

php -S localhost:8080

http://localhost:8080 にアクセスすると、フォルダ内の index.html を読み込めます。

うまくいくと、「PHP 〜 Development Server 〜 started」と表示されます。

サーバ(phpプロセス)を終了するには、ターミナルで ^c(control+C)を入力するか ターミナル自体を閉じます2

phpコマンドのインストール

ターミナルでPHPコマンドが見つからないよ💦

Mac OS X ver. 10.0.0 〜 macOS Monterey (12.0.0) には、PHPコマンドが標準添付されているはずです。
しかし、もし phpコマンドがなければ、インストールする必要があります。

わたしは 以前 homebrewをインストールしているので、brewコマンドからphpをインストールしました。

brew install php

phpのパッケージのインストールは、ほかにも方法があります。

以下の場所にも、簡単にインストールできる macOS 用のコンパイル済み PHP パッケージがあります。

MacPorts: » http://www.macports.org/
Liip: » http://php-osx.liip.ch/ (PHP 5.3 – PHP 7.3; 現在は推奨されていません)
Fink: » http://www.finkproject.org/

PHP: パッケージの使用 – Manual

こちらもどうぞ。

久しぶりにMacでElectronを使えるようにした【node.jsでアプリ自作】
Macで動く自作ツールをJavaScriptでプログラムするために、Electronを使っていました。 久しぶりにプログラムを修正しようとしたら、electronコマンドが通りません。 改めて環境を構築しました。 ポイント electronのインストールで「sudo npm install -g electron --unsafe-perm=true --allow-root」でオプションを付加し...
[WordPress] 投稿月でグループ分けした月別PV集計表を見るためのプラグインを作った【ChatGPTと】
一ヶ月分のブログ公開がどれぐらいのページビューにつながっているのか、集計する自分用のWordPressプラグインを作成しました。 自分にとっては未経験の分野でしたが、対話型AI「ChatGPT」に相談してみると、使える叩き台を用意してくれました。 WordPressプラグインづくりははじめてでしたが、かなりの時間短縮。無事に完成しました。 アクセス集計プラグイン 一ヶ月分のブログ公開が、どれぐらい...
[phina.js] シーン管理の基本
phina.jsのシーン遷移については、「<シーン編>|phina.js Tips集 下巻」が詳しいです。特徴的な部分をまとめます。 phina.jsでは暗黙のうちにデフォルトのシーンが用意されているので、ちょっと戸惑いました。 phina.jsの Hello Worldコード 久しぶりに phina.js で遊んでみることにしました。JavaScriptだけでブラウザ上でゲームが動くのはやっぱり...

(補足)

  1. 【Mac】ローカルにWebサーバを立ち上げる超簡単な方法!
  2. php -Sをたたくだけで動作確認用のウェブサーバが立てられる – mochikoAsTechのdig日記
QRコードを読み込むと、関連記事を確認できます。
[Mac] PC内で検証用ウェブサーバを動かす【php -S】
【スポンサーリンク】
タイトルとURLをコピーしました