経緯
自宅のみで利用するWEBアプリケーションを作成し共有するにあたって、レンタルサーバを利用するにはレンタル費もかかってしまう為、合理的ではないと思い普段開発時に利用しているMAMPのローカルサーバでどうにかできないかと調べた結果、案外簡単に設定できそうなのでやってみることにする。
必要なもの
- MAMP
- httpd.conf
- Wi-FiのIPアドレス
手順
- ネットワーク環境を調べる
- 「システム環境設定」→ 「ネットワーク」
- または
- 「左上のアイコン」→ 「システム環境設定」→ 「ネットワーク」
- 画像の赤線の部分が現在接続しているネットワークのIPアドレスになります。httpd.confに記載するので設定する際にはコピーする事をオススメします。
- httpd.confの設定
- 「フォルダ」→ 「アプリケーション」→ 「MAMP」→ 「apache」→ 「httpd.conf」
- httpd.confをメモ帳またはVSCodeなどのエディタで開く。
- 57,58行目にListenの項目があるので59行目に以下を記載する。
- Listen Wi-FiのIPアドレス(画像の赤線の部分):1024と適当な使用可能ポート番号を割り当てます。
- 例) Listen 123.456.1.11:1024
- 入力が完了したら保存してMAMPを再起動し、Listenに登録したIPアドレスにアクセスします。
- サイトが閲覧できていらば成功です。
最後に
以上の設定で簡単に自宅ネットワーク内で作成したWEBアプリケーションをどの端末からでもアクセスできるようになりました。今後も、定期的にネットワークの設定周りやプログラムに関する記事を書きたいと思います。