CakePHP3とBrowserSyncでのLiveReload

CakePHP3 で Web アプリの開発をしていましたが、 BrowserSync を使って LiveReload させて効率よく開発していきたい事があります。そんな時の MEMO を残しておきます。

実装方法

CakePHP では

bin/cake server

で、デフォルトは、 localhost:8765 のサーバーが立ち上がりますが、

まずはこれを、

bin/cake server -H {IPアドレス} -p 8765

で起動させて、 {IP アドレス}:8765 で立ち上がるようにします。

そして BrowserSync 側では、options の proxy と port を設定すれば良さそうです。

{
    proxy: "{IPアドレス}:8765",
    port: 4000
}

これで BrowserSync を start させたら、 http://{IP アドレス}:4000/ もしくは http://localhost:4000 へのアクセスで問題なく LiveReload 出来ました。