もともと会社のWindowsPCで利用していたXAMPPですが、テレワークとなり自宅Macでも同様の環境が作りたい!と、悩んだときの備忘録です。
テレワークが急に始まったため、焦った僕はXAMPPフォルダごとCreative Cloudに突っ込むという暴挙にでました。WindowsPC側では移動したことへの対応はしましたが、MacにそのままCreative Cloudと同期したところで当然動きませんでした。

動かないなりにファイルの更新などはなんとなくできましたがローカルサーバーが機能しないので、結局リモートでWindowsPCにアクセスして作業するなんてこともしばしば。。
本来やりたいこと
WindowsでもMacでもクラウドと同期を取ったファイルの更新ができ、どちらのローカルサーバー上でも表示確認ができる、という感じが理想です。
XAMPPの余計なファイルをクラウド上から消したいのも大きいですね。まるごと突っ込んでしまったので、アクセスログなどが自動更新される度に同期処理され、Macが熱で壊れるんじゃないかと思いました。
解決作を考えてみた
なんとなく、ショートカットファイルでどうにかならないかなー、っと調べてみたら「シンボリックリンク」なら行けるぜ、という記事を発見!
- WindowsにもMacにも別々にXAMPPをインストールします。
- Creative Cloudにソースファイルが入っているフォルダをアップロード。
- XAMPP「htdocsフォルダ」に2のフォルダをシンボリックリンクで入れる。
こんな感じ↓のやりかたでうまくいきそうです!

僕の場合はWindowsにインストールしたXAMPPをCreative Cloudに移動してしまったので、再度元の場所へ移動してやり直しです。(XAMPPフォルダを移動した際は「setup_xampp.bat」をクリックすると引越しが完了する)
ちなみにインストールは簡単なので割愛します。以下より最新版(ここでは7.2.31 / PHP 7.2.31)をダウンロードしてインストールするだけです。
・Download XAMPP
https://www.apachefriends.org/jp/download.html

・シンボリックリンクの作り方(参考)
https://qiita.com/hashimotoryoh/items/9a675a769244d61c11bb
シンボリックリンク作成時にフォルダ名にスペースが入っている場合、パスの書き方はシングルクォーテーションで囲めばOK
入力としては以下のような感じ
ln -s [シンボリックリンクにしたいフォルダパス] [シンボリックリンクを置きたいフォルダパス]
私の場合は以下で成功しました。パスは自身の物に変更する必要があります。
ln -s ~/’Creative Cloud Files’/xampp/htdocs/元フォルダ /Applications/XAMPP/xamppfiles/先フォルダ
でも、これだけだとパーミッションエラーで403となり、またまた表示できません。。そこで以下を参考にしました。
https://www.bloguchi.info/1166
Macでファイルのパーミッションの変更をするにはFinderの情報ウィンドウから変更できます。ただし該当ディレクトリ配下の全てと、その上の階層(私の環境では「Creative Cloud Files」)まで権限を開放しなければなりません。権限を変更する方法は以下。
・Macでファイル、フォルダ、またはディスクに対するアクセス権を変更する
https://support.apple.com/ja-jp/guide/mac-help/mchlp1203/mac

↑これの自分以外にも権限を与えないとダメなのです。
これでようやくページを表示することに成功!あー長かった。。
なんやかんやで5〜6時間は悩んだと思います。
補足
Mac側でWordPressはデータベース接続エラー(データベースがローカルにあるので当然)となっていますが、Windows側のデータベースをインポートすれば大丈夫でした。
Windowsでシンボリックリンクを作成するときはまたちょっと違うから注意が必要かもです。(以下参考)
https://www.ipentec.com/document/windows-create-symbolic-link
いろいろごちゃごちゃ書きましたが、僕の中ではとてもスッキリ。これなら新しいPCに移行する時も楽にできるはずです。
覚えておくために記事に残すのって大切だけど、読み直して理解できるよう気をつけなければ。

コメントを残す