Eenvoudige tip: je lokale website gebouwd met Acquia DevDesktop via je lokaal netwerk overal testen

je lokale website gebouwd met Acquia DevDesktop via je lokaal netwerk overal testen

Eenvoudige tip: je lokale website gebouwd met Acquia DevDesktop via je lokaal netwerk overal testen

Drupal 8
Drupal 7

Onlangs wou ik een kleine bug gerelateerd aan touch events testen en oplossen. Om dit vlot te doen wou ik mijn lokale website kunnen weergeven op mijn smartphone, via je lokaal netwerk. Op deze manier kan ik code wijzigen op m'n computer en even refreshen op mijn smartphone (of tablet) om meteen de wijzigingen te zien.

Bij EntityOne doen we onze lokale development en theming via (het geweldige) Acquia DevDesktop. Voordien gebruikte ik een setup met MAMP waarbij ik gemakkelijk lokale websites kon oproepen op m’n smartphone & tablet, maar het was me niet onmiddellijk duidelijk hoe ik dit met m’n Acquia DevDesktop-setup kon doen.

Gelukkig vond ik na wat opzoekwerk dat dit heel eenvoudig is. Het komt neer op de volgende 6 stappen.

Acquia DevDesktop's vhosts.conf

Acquia DevDesktop genereert een vhosts.conf file met daarin de virtualhosts van je lokale websites. Dit zorgt ervoor dat je ze eenvoudig lokaal op je computer kan bekijken. We gaan hier enkele kleine wijzigingen in doen. Belangrijk! Hou er rekening mee dat je wijzigingen hierin nooit permanent zijn. Van zodra je Acquia DevDesktop afsluit en opnieuw opstart wordt deze file opnieuw gegenereerd; als hier een work-around voor is hoor ik het graag :)

1. Open je vhosts.conf file; in OSX bevindt deze zich hier: /Applications/DevDesktop/apache/conf/vhosts.conf

2. Zoek de <VirtualHost *:8083>-tags waarbij de eerste regel (ServerName) de naam is van de website die je wil testen of ontwikkelen.

3. Selecteer alles vanaf <VirtualHost *:8083> tot </VirtualHost> en Copy / Paste dit helemaal naar boven in de vhosts.conf - file, zodat hij als eerste staat.

Blogpost lokale setup Acquia DevDesktop - Stap 3

4. Zoek tussen deze VirtualHost-tags de Directory-tags met hierin de regel require local en vervang deze regel naar require all granted; dit zorgt ervoor dat deze site bereikbaar wordt op andere toestellen. Zoniet, dan krijg je eenvoudigweg geen toegang.

Blogpost lokale setup Acquia DevDesktop - Stap 4

5. Save deze file en herstart je Apache (dit kan je doen in je overzicht van Acquia Dev Desktop rechts onderaan door even op de Stop (en erna Start)-knop te drukken, of gewoon via command line: sudo /Applications/DevDesktop/apache/bin/apachectl restart

6. Zoek het IP-adres van je computer (ifconfig in terminal op OSX, of in “System Preferences -> Network”) en surf hier naartoe op je smartphone / tablet / whatever mét de port er achter, bv.: http://192.168.1.1:8083

That’s it!

Meer dan dit is het niet, dus al bij al is dit een enorm eenvoudige manier om je lokale website te testen op mobile devices of andere laptops / computers op je lokaal netwerk.

Happy coding!

Blijf op de hoogte via onze nieuwsbrief