Vagrant project for Magento 2 developers (optimized for Mac, Windows and *nix hosts)
- What You get
- How to install
- Day-to-day development scenarios
- Reinstall Magento
- Clear Magento cache
- Switch between CE and EE
- Sample data installation
- Basic data generation
- Use Magento CLI (bin/magento)
- Debugging with XDebug
- Connecting to MySQL DB
- View emails sent by Magento
- Accessing PHP and other config files
- Upgrading Magento
- Multiple Magento instances
- Update Composer dependencies
- Running Magento tests
- Environment configuration
- FAQ
What You get
It's expected that the Magento 2 project source code will be located and managed on the host to allow quick indexing of project files by IDE. All other infrastructure is deployed on the guest machine.
Current Vagrant configuration aims to solve performance issues of Magento installed on Virtual Box for development. A custom solution is implemented for Windows hosts. See explanation of the proposed solution.
The environment for Magento EE development is also configured.
It is easy to install multiple Magento instances based on different codebases simultaneously.
The project initialization script configures a complete development environment:
- Adds some missing software on the host
- Configures all software necessary for Magento 2 using a custom Ubuntu vagrant box (Apache 2.4, PHP 7.0 or 5.6, MySQL 5.6, Git, Composer, XDebug, Rabbit MQ, Varnish)
- Installs Magento 2 from Git repositories or Composer packages (can be configured via
checkout_source_from
option in etc/config.yaml) - Configures PHP Storm project (partially at the moment)
- Installs NodeJS, NPM, Grunt and Gulp for front end development
How to install
If you never used Vagrant before, read the Vagrant Docs first.
Requirements
The software listed below should be available in PATH (except for PHP Storm).
-
Git - Ensure that SSH keys are generated and associated with your Github account. See how to check and how to configure, if not configured.
ℹ️ To obtain the codebase without cloning, just use the Magento 2 codebase instead ofvagrant-magento/magento2ce
. Either method will produce a successful installation.ℹ️ On Windows hosts Git must be v2.7+. Also make sure to set the following options to avoid issues with incorrect line separators:git config --global core.autocrlf false git config --global core.eol LF git config --global diff.renamelimit 5000
-
PHP (any version) to allow Magento dependency management with Composer
-
PHP Storm, optional but recommended
-
NFS server must be installed and running on *nix and OSX hosts; usually available, follow installation steps first
Installation steps
-
Open terminal and change your directory to the one you want to contain Magento project. On Windows use Git Bash, which is available after Git installation.
-
Download or clone the project with Vagrant configuration:
⚠️ Do not open it in PhpStorm untilinit_project.sh
has completed PhpStorm configuration in the initialize project step below.git clone [email protected]:paliarush/magento2-vagrant-for-developers.git vagrant-magento
Optionally, if you use private repositories on GitHub or download packages from the Magento Marketplace using Composer
- Copy etc/composer/auth.json.dist to
etc/composer/auth.json
. - Specify your GitHub token by adding
"github.com": "your-github-token"
to thegithub-oauth
section for GitHub authorization. - Add the Magento Marketplace keys for Marketplace authorization to the
repo.magento.com
section. - Copy (optional) etc/config.yaml.dist as
etc/config.yaml
and make the necessary customizations.
- Copy etc/composer/auth.json.dist to
-
Initialize the project (this will configure the environment, install Magento, and configure the PHPStorm project):
cd vagrant-magento bash init_project.sh
-
Use the
vagrant-magento
directory as the project root in PHP Storm (notvagrant-magento/magento2ce
). This is important, because in this case PHP Storm will be configured automatically by init_project.sh. If NFS files sync is disabled in config and on Windows hosts verify the deployment configuration in PHP Storm.Use the URL for accessing your Magento storefront in the browser as your Web server root URL. Typically this is the localhost, which refers to your development machine. Depending on how you've set up your VM you may also need a port number, like
http://localhost:8080
. -
Configure the remote PHP interpreter in PHP Storm. Go to Preferences, then Languages and Frameworks. Click PHP and add a new remote interpreter. Select Deployment configuration as a source for connection details.
Default credentials and settings
Some of default settings are available for override. These settings can be found in the file etc/config.yaml.dist.
To override settings create a copy of the file under the name 'config.yaml' and add your custom settings.
When using init_project.sh, if not specified manually, random IP address is generated and is used as suffix for host name to prevent collisions, in case when two or more instances are running at the same time.
Upon a successful installation, you'll see the location and URL of the newly-installed Magento 2 application in console.
Web access:
- Access storefront at
http://magento2.vagrant
- Access admin panel at
http://magento2.vagrant
/admin/ - Magento admin user/password:
admin/123123q
- Rabbit MQ control panel:
http://magento2.vagrant
, credentials:15672 guest
/guest
etc/config.yaml.dist
.
Codebase and DB access:
- Path to your Magento installation on the VM:
- MySQL DB host:
localhost
(not accessible remotely) - MySQL DB name:
magento
,magento_integration_tests
- MySQL DB user/password:
root:
. In CLI just usemysql
with no user and password (root:
will be used by default)
Codebase on host
- CE codebase:
vagrant_project_root/magento2ce
- EE codebase will be available if path to EE repository is specified in
etc/config.yaml
:vagrant_project_root/magento2ce/magento2ee
Getting updates and fixes
Current vagrant project follows semantic versioning so feel free to pull the latest features and fixes, they will not break your project. For example your current branch is 2.0
, then it will be safe to pull any changes from origin/2.0
. However branch 3.0
will contain changes backward incompatible with 2.0
. Note, that semantic versioning is only used for x.0
branches (not for develop
).
vagrant reload
.
Day-to-day development scenarios
Reinstall Magento
Use commands described in Switch between CE and EE section with -f
flag. Before doing actual re-installation, these commands update linking of EE codebase, clear cache, update composer dependencies.
If no composer update and relinking of EE codebase is necessary, use the following command. It will clear Magento DB, Magento caches and reinstall Magento instance.
Go to the root of vagrant project in command line and execute:
bash m-reinstall
Clear Magento cache
Go to the root of vagrant project in command line and execute:
bash m-clear-cache
Switch between CE and EE
Assume, that EE codebase is available in vagrant_project_root/magento2ce/magento2ee
. The following commands will link/unlink EE codebase, clear cache, update composer dependencies and reinstall Magento. Go to 'vagrant-magento' created earlier and run in command line:
bash m-switch-to-ce
OR
bash m-switch-to-ee
Force switch can be done using -f
flag even if already switched to the target edition. May be helpful to relink EE modules after switching between branches.
Upgrade can be performed instead of re-installation using -u
flag.
Sample data installation
Make sure that ce_sample_data
and ee_sample_data
are defined in config.yaml and point CE and optionally EE sample data repositories. During initial project setup or during bash init_project.sh -fc
(with -fc
project will be re-created from scratch), sample data repositories willl be checked out to vagrant_project_root/magento2ce/magento2ce-sample-data
and vagrant_project_root/magento2ce/magento2ee-sample-data
.
To install Magento with sample data set install_sample_data
in config.yaml to 1
and run bash m-switch-to-ce -f
or bash m-switch-to-ee -f
, depending on the edition to be installed. To disable sample data, set this option to 0
and force-switch to necessary edition (using the same commands).
Basic data generation
Several entities are generated for testing purposes by default using REST API after Magento installation:
- Customer with address (credentials
[email protected]
:123123qQ
) - Category
- Couple simple products
- Configurable product
To disable this feature, set magento/generate_basic_data
in config.yaml to 0
and run bash m-switch-to-ce -f
or bash m-switch-to-ee -f
, depending on the edition to be installed.
Use Magento CLI (bin/magento)
Go to 'vagrant-magento' created earlier and run in command line:
bash m-bin-magento
e.g.
bash m-bin-magento list
Debugging with XDebug
XDebug is already configured to connect to the host machine automatically. So just:
- Set XDEBUG_SESSION=1 cookie (e.g. using 'easy Xdebug' extension for Firefox). See XDebug documentation for more details
- Start listening for PHP Debug connections in PhpStorm on default 9000 port. See how to integrate XDebug with PhpStorm
- Set beakpoint or set option in PhpStorm menu 'Run -> Break at first line in PHP scripts'
To debug a CLI script:
- Create remote debug configuration in PhpStorm, use
phpstorm
as IDE key - Run created remote debug configuration
- Run CLI command on the guest as follows (
xdebug.remote_host
value might be different for you):
php -d xdebug.remote_autostart=1
To debug Magento Setup script, go to Magento installation script and find php ${install_cmd}
. Follow steps above for any CLI script
debug
section which allow storefront and admin UI debugging. Plus, desired Magento mode (developer/production/default) can be enabled using magento_mode
option, default is developer mode.
Connecting to MySQL DB
Answer can be found here
View emails sent by Magento
All emails are saved to 'vagrant-magento/log/email' in HTML format.
Accessing PHP and other config files
It is possible to view/modify majority of guest machine config files directly from IDE on the host. They will be accessible in etc/guest directory only when guest machine is running. The list of accessible configs includes: PHP, Apache, Mysql, Varnish, RabbitMQ. Do not edit any symlinks using PhpStorm because it may break your installation.
After editing configs in IDE it is still required to restart related services manually.
Upgrading Magento
Sometimes it is necessary to test upgrade flow. This can be easily done as follows (assuming that you have installed instance):
- For git-based installation - check out codebase corresponding to the target Magento version. Or modify your
composer.json
in case of composer-based installation - Use commands described in Switch between CE and EE section with
-u
flag
Multiple Magento instances
To install several Magento instances based on different code bases, just follow Installation steps to initialize project in another directory on the host. Unique IP address, SSH port and domain name will be generated for each new instance if not specified manually in etc/config.yaml
Update Composer dependencies
Go to 'vagrant-magento' created earlier and run in command line:
bash m-composer install
OR
bash m-composer update
Running Magento tests
See draft
Environment configuration
Switch between PHP versions
Switch between PHP versions using "php_version: " option in config.yaml. Supported versions are 5.6, 7.0, 7.1 and 7.2. PHP version will be applied after "vagrant reload".
Activating Varnish
Set use_varnish: 1
to use varnish along with apache in config.yaml. Changes will be applied on m-reinstall
. It will use default file etc/magento2_default_varnish.vcl.dist generated from a Magento 2.1 instance. Magento 2.2+ supports additional Varnish features and you may need to provide custom version of VCL to enable them. Varnish Version: 4.1
Use the following commands to enable/disable varnish without reinstalling Magento: m-varnish disable
or m-varnish enable
.
Activating ElasticSearch
Set search_engine: "elasticsearch"
in config.yaml to use ElasticSearch as current search engine or search_engine: "mysql"
to use MySQL. Changes will be applied on m-reinstall
.
Use the following commands to switch between search engines without reinstalling Magento: m-search-engine elasticsearch
or m-search-engine mysql
.
Redis for caching
Redis is configured as cache backend by default. It is still possible to switch back to filesystem cache by changing environment_cache_backend
to filesystem
in config.yaml.
Reset environment
It is possible to reset project environment to default state, which you usually get just after project initialization. The following command will delete vagrant box and vagrant project settings. After that it will initialize project from scratch. Magento 2 code base (magento2ce
directory) and etc/config.yaml and PhpStorm settings will stay untouched, but guest config files (located in etc/guest) will be cleared.
Go to 'vagrant-magento' created earlier and run in command line:
bash init_project.sh -f
It is possible to reset Magento 2 code base at the same time. Magento 2 code base will be deleted and then cloned from the repositories specified in etc/config.yaml
bash init_project.sh -fc
To reset PhpStorm project configuration, in addition to -f
specify -p
option:
bash init_project.sh -fp
Ultimate project reset can be achieved by combining all available flags:
bash init_project.sh -fcp
Switch NodeJS Versions
By default, the box will install the latest NodeJS LTS
version using the n package manager. If you need another version of Node
because of Magento's package.json
requirements, simply run:
n <version>
Note: See Working with npm if after switching versions with n
, npm
is not working properly.
FAQ
-
To debug any CLI script in current Vagrant project, set
debug:vagrant_project
option in config.yaml to1
-
Is Windows 10 supported? Yes, but you may face the same issue as described here or here. Also Virtual box may not work on Windows 10 in headless mode, see how to enable GUI mode
-
On OSX and *nix hosts NFS will be used by default to sync your project files with guest. On some hosts Vagrant cannot configure NFS properly, in this case it is possible to deploy project without NFS by setting
use_nfs
option in config.yaml to0
-
On Windows hosts you might face
Composer Install Error: ZipArchive::extractTo(): Full extraction path exceed MAXPATHLEN (260)
exception duringcomposer install
. This can be fixed in 2 ways: decrease path length to the project directory or setcomposer_prefer_source
option in config.yaml to1
-
Make sure that you used
vagrant-magento
directory as project root in PHP Storm (notvagrant-magento/magento2ce
) -
If project opened in PhpStorm looks broken, close PhpStorm and remove
vagrant-magento/.idea
. Runbash vagrant-magento/scripts/host/configure_php_storm.sh
. After opening project in PhpStorm again everything should look good -
If code is not synchronized properly on Windows hosts (or when NFS mode is disabled in config.yaml explicitly), make sure that PhpStorm is running before making any changes in the code. This is important because otherwise PhpStorm will not be able to detect changes and upload them to the guest machine
-
Please make sure that currently installed software, specified in requirements section, meets minimum version requirement
-
Be careful if your OS is case-insensitive, NFS might break the symlinks if you cd into the wrong casing and you power the vagrant up. Just be sure to cd in to the casing the directory was originally created as.
-
Cannot run unit tests from PHPStorm on Magento 2.2, see possible solution here
-
If during a vagrant reload, the following message appears:
There was a problem while downloading the metadata for your box to check for updates. This is not an error, since it is usually due to temporary network problems. This is just a warning. The problem encountered was: The requested URL returned error: 404 Not Found
It is likely that your vagrant cli is caching an old url. Perform the following cli commands:
sed -i -- 's/atlas.hashicorp/vagrantcloud/g' ~/.vagrant.d/boxes/{name of your paliarush/ubuntu image}/metadata_url mv ~/.vagrant.d/boxes/{name of your paliarush/ubuntu image}/metadata_url2 ~/.vagrant.d/boxes/{name of your paliarush/ubuntu image}/metadata_url