Drupal8 ローカル開発環境をAcquia Dev Desktop 2とPHPStormで作成する


#参考
##Drupal公式　開発について全般
[Setting up a development environment](https://www.drupal.org/setting-up-development-environment)
 
##AcuiaDevDesktop2 マニュアル
https://docs.acquia.com/dev-desktop2

#AcquiaDevDesktopインストール&設定
##ダウンロード
https://www.acquia.com/downloads
![1.png](https://qiita-image-store.s3.amazonaws.com/0/102387/cad6b016-6a5e-d788-7d0a-1a3f76c92545.png)

 
##AcquiaDevDesktopのインストール
 ダウンロードしたdmgファイルを実行、installer appを実行
![2.png](https://qiita-image-store.s3.amazonaws.com/0/102387/ad47fe55-afb6-dc61-b2dd-7ec649478b3f.png)

![3.png](https://qiita-image-store.s3.amazonaws.com/0/102387/4ccc956c-6047-742f-bfcc-c34999789fba.png)

![4.png](https://qiita-image-store.s3.amazonaws.com/0/102387/b27e6cec-8f44-7b53-f247-64581d93a5f6.png)

![5.png](https://qiita-image-store.s3.amazonaws.com/0/102387/9455f465-b58b-f6a9-657f-1827519e0c9e.png)

![6.png](https://qiita-image-store.s3.amazonaws.com/0/102387/9ef6933a-ccd7-ab71-0027-d80ca2ae6ed1.png)
↑＊DevDesktop sites folderは変更した

![7.png](https://qiita-image-store.s3.amazonaws.com/0/102387/9fdeb267-0bc5-e738-17ca-ea58c91caebc.png)
↑デフォルトから変更なし

![8.png](https://qiita-image-store.s3.amazonaws.com/0/102387/3c800bf8-6197-0ee5-1ac7-044525afacdc.png)

![9.png](https://qiita-image-store.s3.amazonaws.com/0/102387/f063f95b-26b0-3341-34ba-c58ba927529c.png)

![10.png](https://qiita-image-store.s3.amazonaws.com/0/102387/1dc3fb95-807f-569d-fd8b-788c11b3d33c.png)


##AcuiaDesktop2の設定
###drupal8の環境を作成
distributionとして、drupal8を選択して作成。
![Kobito.TtX7KG.png](https://qiita-image-store.s3.amazonaws.com/0/102387/7ade279f-0ed8-7660-9135-6cae707eeed6.png "Kobito.TtX7KG.png")

![Kobito.FS8gYT.png](https://qiita-image-store.s3.amazonaws.com/0/102387/6aeca983-d5a1-51eb-8322-a5dc412fff1a.png "Kobito.FS8gYT.png")

![Kobito.0TMGRp.png](https://qiita-image-store.s3.amazonaws.com/0/102387/226d88c5-fa87-2702-8f17-980235029e5e.png "Kobito.0TMGRp.png")

![Kobito.x5amv7.png](https://qiita-image-store.s3.amazonaws.com/0/102387/19d4b64f-3fab-b434-b290-cd80d6b00c1c.png "Kobito.x5amv7.png")

distribution8.0.1では、データベース名に記号を入れると例外が発生してしまい(デフォルトは"_"入り）はまった。記号を入れずに作成すればOK。また、dbのパスワードも設定すると例外が発生したので設定なしとすること。その後、ブラウザにてサイトに接続してインストール処理を走らせれば使えるようになる。

###メモ　Drushコマンド

AcuiaDesktop2からターミナルを立ち上げると、対象のDrupal環境に対してDrushコマンドが使える
主なコDrushマンドは以下

+ Download - Obtains the latest recommended version of the module, downloads it, and unzips it into your website's modules directory
`drush dl modulename`

+ Enable - Enables the downloaded module for your website
`drush en modulename`

+ Update - Similar to download, obtains the latest recommended version of the previously downloaded module, and also runs any required database updates
`drush up modulename`

![11.png](https://qiita-image-store.s3.amazonaws.com/0/102387/3423ae16-d1b4-dd98-f125-740f942fce60.png)

![Kobito.uIWahA.png](https://qiita-image-store.s3.amazonaws.com/0/102387/4c8b9da7-f2d5-6591-9b25-88f783a2222b.png "Kobito.uIWahA.png")

Drushコマンドの詳細は以下
http://drushcommands.com/


#PHPStormによるリモートデバッグの設定
## 参考： 
+ https://docs.acquia.com/dev-desktop2/sites/phpstorm
+ http://www.karakaram.com/phpstorm-xdebug

## AcquiaDesctopのphpについて、Xdebugをonにする
メニュー→Preferencesから
![20.png](https://qiita-image-store.s3.amazonaws.com/0/102387/cc50b5ff-2b31-4069-8d31-fa76faff8c14.png)
設定ファイルを開き、

![21.png](https://qiita-image-store.s3.amazonaws.com/0/102387/784d0f82-6726-178a-f298-0ebf4b1cd32f.png)

![22.png](https://qiita-image-store.s3.amazonaws.com/0/102387/90459ef5-4e72-5557-a966-0ee44a6d539f.png)

`zend_extension="/Applications/DevDesktop/php5_5/ext/xdebug.so"`
のコメントを外し、最終行に
`xdebug.remote_enable=1`を追加

Apacheを再起動し、 phpinfo() page (/admin/reports/status/php) でxdebugがONになっているのを確認
![23.png](https://qiita-image-store.s3.amazonaws.com/0/102387/c2d8fb73-abd8-a632-3ab9-c4cc3c8bf72f.png)


## PHPStormの設定

+ PHPの実行ファイルを設定する
PHPStorm→Preferences→PHP
PHP Language Level=5.5, interpreterをAcuiaDesctopのPHPインストールパスに設定する
![24.png](https://qiita-image-store.s3.amazonaws.com/0/102387/93d2e53f-cca5-48d7-029c-047c031f3a38.png)

![25.png](https://qiita-image-store.s3.amazonaws.com/0/102387/448e75b9-adbe-7425-4d52-74c7b43de4fc.png)

+ サーバを追加
PHPStorm→Preferences→PHP Serversでサーバを追加
![26.png](https://qiita-image-store.s3.amazonaws.com/0/102387/d75adf6b-0f20-f709-54fc-530dee1dc754.png)

+ リモートデバッグするサーバを設定
メニュー→Run→EditConfigration
![27.png](https://qiita-image-store.s3.amazonaws.com/0/102387/ccb70493-ef86-b41c-d50c-6325e4cf2a25.png)

+ボタンでPHPRemoteDebugを追加し、先ほどのサーバーを設定。idekey欄には「PHPSTORM」を設定
![28.png](https://qiita-image-store.s3.amazonaws.com/0/102387/65a83afa-ffe5-2211-d1e2-6a437bab6fcb.png)

+ google chrome　を使う場合は、拡張機能のxdebughelperを入れる
![29.png](https://qiita-image-store.s3.amazonaws.com/0/102387/85cfc653-994b-87e1-7d1f-dbf7ae5504e3.png)

+ ブレークポイントを設定し、電話機みたいなアイコンを押し、(Start Listen PHP Debug Connections)、ブラウザでdubug on　に設定してブラウザのページを読み込むとデバッグ実行状態となる。
![30.png](https://qiita-image-store.s3.amazonaws.com/0/102387/19a643e6-a062-6be6-4dba-1f3392e61010.png)

![31.png](https://qiita-image-store.s3.amazonaws.com/0/102387/d15342be-e3b2-8200-629b-e129d16549dc.png)