0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

XAMPPを使ったローカル開発[バージョン : OS X XAMPP-VM(PHP 7.2.10)]

Posted at

PHP開発の簡単な利用方法についての記述。

XAMPPのインストール方法については、Google検索すると簡単にまとめられている。

◯バージョンは、Mac OS X XAMPP-VM (PHP 7.2.10)です。
2018年10月現在の最新バージョンです。
スクリーンショット 2018-10-07 14.33.09.png

◯PHP記述に使うテキストエディターは、Sublime Textです。
【参考サイト:https://php-archive.net/php/php-texteditor-mac/

スクリーンショット 2018-10-08 11.01.39.png

◯利用方法

① General タブ
「 Start 」ボタンをクリック
(開発言語の細かい操作は、Servicesにて可能)
スクリーンショット 2018-10-08 11.11.31.png

「 Start 」ボタン押すとこんな感じ↓
スクリーンショット 2018-10-08 11.15.26.png

② Network タブ
使用ローカルホスト(localhost)を選択し、Enableをクリック
今回は、localhost:8080 -> 80(Over SSH)を使用
スクリーンショット 2018-10-08 11.18.50.png

実際やってみるとこんな感じ↓
スクリーンショット 2018-10-08 11.23.00.png

③ Volumes タブ
Mountをクリック
スクリーンショット 2018-10-08 11.27.24.png

デスクトップにXAMPPのディレクトリが表示される
スクリーンショット 2018-10-08 11.00.16.png

ディレクトリを開き、[htdocs]内にprojectフォルダを作成。

スクリーンショット 2018-10-08 11.51.22.png

④ PHPの記述
Sublime Textを開き、適当に記述する
スクリーンショット 2018-10-08 11.41.23.png

test.phpなど適当に名前をつけて、projectフォルダに保存。

④ WEBブラウザにて表示
Google Chromeにて
localhost:8080/project/test.php
上記URLをブラウザで検索。
スクリーンショット 2018-10-08 11.53.51.png

ブラウザでの表示完了!

バージョンアップがかなり多いので、初心者には苦戦する内容ですが、
チャレンジしてみると案外シンプルでした!

【参考にしたサイトURL : https://blanche-toile.com/web/mac-xampp

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?