53
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

XAMPPをインストールしphpの実行環境を構築する方法

Posted at

XAMPPのインストール

MacでXAMPPをインストールしてphpの実行環境を構築し、
Web上に「Hello Wild!!」と表示させましょう!

以下のURLからXAMPPをダウンロードします。
https://www.apachefriends.org/jp/index.html
スクリーンショット 2024-06-22 23.06.29.png

ダンロードしたXAMPPからインストーラーを起動します。

スクリーンショット 2024-06-22 23.10.17.png

もし、こんな表示されたら、、、
スクリーンショット 2024-06-22 23.10.34.png

Macのシステム設定から
「プライバシーとセキュリティ」でここから開きましょう
スクリーンショット 2024-06-22 23.11.24.png

XAMPPのSetupウィンドウが開くので全て[Next]で進めます。
するとインストールが始まります。
スクリーンショット 2024-06-22 23.21.01.png

XAMPPから実行環境を構築

XAMPPを起動します。
以下の階層にある「manager-osx.app」でXAMPPを開きます。
/Applications/XAMPP/xamppfiles/
歯車みたいなマークのやつ

XAMPを開いたら

「Manage Servers」タブから
①Apacheが起動しているの確認します、緑色になっていればOKです。
②ポート番号もこの時確認しておきます、画像だと80番ですね
スクリーンショット 2024-06-22 23.41.32.png

port番号は変更できますが今回は割愛します

プロジェクトのディレクトリを作成

以下の階層にプロジェクトのディレクトリを作成します。
今回は「qiita」とします.
/Applications/XAMPP/htdocs/qiita

phpファイルを作成

qiitaディレクトリに「index.php」を作成し、以下のコードを書きましょう。
/Applications/XAMPP/htdocs/qiita/index.php

index.php
<?php
echo 'Hello Wild!!';
web上で確認

では実際にwebで確認しましょう。
webブラウザでURLに以下を入力します。
http://localhost/qiita/

「Hello Wild!!」 と画面に表示されているはずです。

これでXAMPPによる実行環境の構築は完了です!

53
18
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
53
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?