【サクサク解説】Webアプリ開発|環境構築編 PHP+Apache+MySQL+MySQL Workbench

2022/01/16

Apache Apple AppleSilicon MySQL PHP Web 開発

Web開発環境構築

こんにちはICHIKENです。

この記事ではAppleSilicon(M1)のMontereyにPHPのWeb開発環境を構築する方法を紹介しています。組み合わせはPHP+Apache+MySQLです。

MySQLは特に問題ないのですが、PHPはM1の情報が少なく、検索した情報だけだとすったもんだします。MontereyではPHPが標準バンドルから除外されたことと、HomebrewのPHPが標準バンドルApacheと相性が悪いことが原因ですね。そのへんを考慮した上でMontereyに環境構築成功しましたので、同じように環境構築できずに苦戦している方の最短攻略法になればと思います。

PHPを使ったWeb日報アプリのGithubはこちら

https://github.com/ichiken-usa/workwell

前提条件

前提条件となる私の環境です。

PC M1 MacBook Air (2021)
Mac OS Monterey 12.1
VSCode 1.55.2
Homebrew 3.3.5
PHP 8.1.0
Apache 2.4.51
MySQL 8.0.27

開発環境構築

では環境を構築していきます。

いずれも無料でインストール可能な「言語:PHP、サーバー:Apache、DB:MySQL」の組み合わせを使用します。方法としては、これらをまとめて使用可能にするパッケージアプリをインストールするか、個別にインストールするか、になります。

  • パッケージならXAMPPかMAMP
  • PHP, Apache, MySQLを個別インストール

今回はこの個別インストールを紹介します。

そもそもPHPってなんぞやというかたはこちらを参考にしてください。

今さら聞けない!PHPとは【初心者向け】|現役エンジニアが解説 | TechAcademyマガジン

パッケージアプリでの環境構築

気が変わってパッケージでインストールしたくなった方はこちら。

XAMPPというアプリをインストールすれば全部まとめて使えるようになります。個別にインストールして設定する手間を省くためのソフトですので、不慣れな方にはこちらがオススメです。

https://www.apachefriends.org/jp/index.html

ただしバージョンが古いなどのデメリットあり。何か問題があった場合にXAMPPが対応するまで各ソフトの最新版が使用できません。また、XAMPPを使っていない人とバージョンを揃えることが難しくなります。

Apple Siliconでの個別インストール環境構築

というわけでここからが本番。Apple Siliconへ個別にインストールする場合の手順をサクサク解説していきます。PHP、Apache、MySQLをそれぞれインストールし設定します。

いずれも無料でインストール可能な「言語:PHP、サーバー:Apache、DB:MySQL + MySQLWorkbench」の組み合わせです。

PHP+Apacheインストール

PHPとApacheをインストール&設定していきます。MontereyからPHPまわりが従来と変わってしまい、インストールがややこしくなってしましました。

  • macOS12 MontereyではPHPが標準バンドルから除外された
  • HomebrewのPHPが標準バンドルApacheと相性が悪い

PHPとApacheのインストール詳細手順を以下にまとめています。まずはこちらでPHPとApacheのインストールを完了してください。

M1 MontereyにApacheとPHPの環境を構築する方法

MySQLインストール

では次にDBです。MySQLをインストール→起動→パスワード設定していきます。

まずはMySQLをHomebrewでインストールします。

brew install mysql

MySQLを起動します。

mysql.server start

最低限のセキュリティ設定をします。

mysql_secure_installation

こちらを参考に設定しました。対話形式なので特に迷うところは無いと思います。

https://qiita.com/rutko/items/27c0f76cee37260a1cda

設定したパスワードで接続できるか確認します。

mysql -uroot -p

パスワードを入力して接続できればOKです。exitで終了します。

mysql> exit
MySQL接続テスト

MySQL Workbenchインストール

このままだとMySQLの設定をターミナルからやらないといけないので、UI上で設定するためのアプリをインストールします。

こちらからダウンロードできますが、ダウンロード時にオラクルの登録を要求してきます。登録の必要は無いので、「No thanks, just start my download」でスキップしましょう。

https://dev.mysql.com/downloads/workbench/

インストール完了後にアプリを起動すると、最初からlocalhostの選択肢があります。それを選択して、先程設定したMySQLのパスワードで接続します。

MySQL Workbenchのスタート画面

最後に

おつかれさまでした。これでWebアプリの開発環境構築は完了です。

PHPとMySQLを使った簡易的な勤怠管理アプリをGithubに公開していますのでよければ参考にしてください。

https://github.com/ichiken-usa/workwell

スポンサーリンク

フォロワー

Labels

Amazon (3) Apache (3) Apple (9) AppleSilicon (7) Bloggerカスタマイズ (12) EchoShow15 (1) IoT (25) Jetson (1) MySQL (1) PHP (3) Python (20) Web (3) アウトドア (11) アメリカ生活 (19) ガジェット (35) キャンプ (9) ディープラーニング (1) らずキャン△ (11) ラズパイ (24) 暗号資産 (5) 開発 (31) 旅行 (8)

QooQ