{"id":177,"date":"2015-08-26T19:26:47","date_gmt":"2015-08-26T19:26:47","guid":{"rendered":"http:\/\/alltechbusiness.com\/?p=177"},"modified":"2015-08-26T19:26:47","modified_gmt":"2015-08-26T19:26:47","slug":"wordpress-production-and-development-with-fiddler-proxy","status":"publish","type":"post","link":"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/","title":{"rendered":"WordPress Production and Development with Fiddler Proxy"},"content":{"rendered":"

A common problem with development, staging and production environments for WordPress projects is switching your browser between the environments. Traditionally the way to do this was with hosts file updates that redirect a domain name to the IP address of your development server. WordPress is setup with a specific domain name, so running on a subdomain or a development domain name can introduce problems into the site when you move from development to staging or production. In a perfect world your development and staging environments should be 100% identical to the production environment, that way there aren’t additional testing requirements to verify bugs haven’t been introduced in the migration process. Finally there is a convenient way around this by using a proxy.<\/p>\n

The development environment in this situation is using the Roots Sage framework which comes gulp and browserwatch which runs on port 3000 by default, but it would be easy enough to setup a similar environment by running apache or nginx on a non-standard port in your development environment.<\/p>\n

Fiddler<\/a> is a free “web debugging proxy for any browser, system or platform”. It will run in the background and intercept all of the traffic between your browser and the Internet. One of the options it offers is a Host Remapping function (found under Tools>HOSTS). The great thing about the Host Remapping, for our purposes, is you can include port numbers in the remapping.<\/p>\n

In this example, the development environment is running on an Ubuntu server on the local network. www.foo.com:3000 is redirected to the local IP address port 3000. When this is enabled, www.foo.com will route to the live production environment and www.foo.com:3000 will route to the dev environment. This allows you access to both environments simultaneously for comparison. WordPress works exactly the same in both environments.<\/p>\n

\"fiddler-host-remapping-wordpress\"<\/p>\n

A big advantage of this is you no longer have to edit your Windows Hosts file every time you want to switch back and forth. <\/p>\n

To avoid confusion it might be good to integrate something like WP Local Toolbox<\/a> which can give you some visual cues as to which server you are accessing without adding additional configuration problems.<\/p>\n","protected":false},"excerpt":{"rendered":"

A common problem with development, staging and production environments for WordPress projects is switching your browser between the environments. Traditionally the way to do this was with hosts file updates that redirect a domain name to the IP address of your development server. WordPress is setup with a specific domain name, so running on a subdomain or a development domain…<\/p>\n

Read more →<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[3],"tags":[92,90,88,45,91,93,89],"yoast_head":"\nSetup WordPress Development with Proxy not Hosts<\/title>\n<meta name=\"description\" content=\"Looking for a way to route your browser to a dev server without updating the hosts file. This trick will save you from continually updating your hosts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bob Weber\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/\",\"url\":\"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/\",\"name\":\"Setup WordPress Development with Proxy not Hosts\",\"isPartOf\":{\"@id\":\"http:\/\/www.alltechbusiness.com\/#website\"},\"datePublished\":\"2015-08-26T19:26:47+00:00\",\"dateModified\":\"2015-08-26T19:26:47+00:00\",\"author\":{\"@id\":\"http:\/\/www.alltechbusiness.com\/#\/schema\/person\/2556451c9d5379c1a91039eb6954d154\"},\"description\":\"Looking for a way to route your browser to a dev server without updating the hosts file. This trick will save you from continually updating your hosts.\",\"breadcrumb\":{\"@id\":\"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/www.alltechbusiness.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Production and Development with Fiddler Proxy\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.alltechbusiness.com\/#website\",\"url\":\"http:\/\/www.alltechbusiness.com\/\",\"name\":\"All Tech Business\",\"description\":\"Tech Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.alltechbusiness.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"http:\/\/www.alltechbusiness.com\/#\/schema\/person\/2556451c9d5379c1a91039eb6954d154\",\"name\":\"Bob Weber\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.alltechbusiness.com\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/0.gravatar.com\/avatar\/cf1a3fa759f99382336c6c58044c16ec?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/0.gravatar.com\/avatar\/cf1a3fa759f99382336c6c58044c16ec?s=96&d=mm&r=g\",\"caption\":\"Bob Weber\"},\"sameAs\":[\"http:\/\/blog.alltheinfo.org\"],\"url\":\"http:\/\/www.alltechbusiness.com\/author\/robertjw\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Setup WordPress Development with Proxy not Hosts","description":"Looking for a way to route your browser to a dev server without updating the hosts file. This trick will save you from continually updating your hosts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/","twitter_misc":{"Written by":"Bob Weber","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/","url":"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/","name":"Setup WordPress Development with Proxy not Hosts","isPartOf":{"@id":"http:\/\/www.alltechbusiness.com\/#website"},"datePublished":"2015-08-26T19:26:47+00:00","dateModified":"2015-08-26T19:26:47+00:00","author":{"@id":"http:\/\/www.alltechbusiness.com\/#\/schema\/person\/2556451c9d5379c1a91039eb6954d154"},"description":"Looking for a way to route your browser to a dev server without updating the hosts file. This trick will save you from continually updating your hosts.","breadcrumb":{"@id":"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/www.alltechbusiness.com\/wordpress-production-and-development-with-fiddler-proxy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/www.alltechbusiness.com\/"},{"@type":"ListItem","position":2,"name":"WordPress Production and Development with Fiddler Proxy"}]},{"@type":"WebSite","@id":"http:\/\/www.alltechbusiness.com\/#website","url":"http:\/\/www.alltechbusiness.com\/","name":"All Tech Business","description":"Tech Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.alltechbusiness.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"http:\/\/www.alltechbusiness.com\/#\/schema\/person\/2556451c9d5379c1a91039eb6954d154","name":"Bob Weber","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.alltechbusiness.com\/#\/schema\/person\/image\/","url":"http:\/\/0.gravatar.com\/avatar\/cf1a3fa759f99382336c6c58044c16ec?s=96&d=mm&r=g","contentUrl":"http:\/\/0.gravatar.com\/avatar\/cf1a3fa759f99382336c6c58044c16ec?s=96&d=mm&r=g","caption":"Bob Weber"},"sameAs":["http:\/\/blog.alltheinfo.org"],"url":"http:\/\/www.alltechbusiness.com\/author\/robertjw\/"}]}},"jetpack_featured_media_url":"","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":134,"url":"http:\/\/www.alltechbusiness.com\/php-not-working-in-html-file-under-apache-in-ubuntu\/","url_meta":{"origin":177,"position":0},"title":"PHP not working in html file under Apache in Ubuntu","date":"March 20, 2015","format":false,"excerpt":"Been having an issue on my development server concerning php code in html files. Adding a handler to .htaccess didn't work. Found instrucions on updating the php.conf file on stackoverflow Just add this: SetHandler application\/x-httpd-php to \/etc\/apache2\/mods-enabled\/php5.conf","rel":"","context":"In "Apache"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":137,"url":"http:\/\/www.alltechbusiness.com\/setting-wordpress-permissions\/","url_meta":{"origin":177,"position":1},"title":"Setting WordPress Permissions","date":"April 9, 2015","format":false,"excerpt":"I use the amazing wp-cli (http:\/\/wp-cli.org\/) to install WordPress on my development machine, but for some reason the file and directory permissions are always wrong. I have added this step as part of my installation procedure: wp core download # Use wp-cli to download the latest WordPress chown www-data:www-data -R\u2026","rel":"","context":"In "WordPress"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":142,"url":"http:\/\/www.alltechbusiness.com\/tips-for-linux-web-development\/","url_meta":{"origin":177,"position":2},"title":"Tips for Linux Web Development","date":"April 24, 2015","format":false,"excerpt":"Found this great list of tips of Linux web development over on Quora http:\/\/www.quora.com\/What-are-some-time-saving-tips-that-every-Linux-user-should-know","rel":"","context":"In "Ubuntu"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":170,"url":"http:\/\/www.alltechbusiness.com\/automatically-change-indent-when-pasting-in-vim\/","url_meta":{"origin":177,"position":3},"title":"Automatically Change Indent When Pasting in Vim","date":"August 19, 2015","format":false,"excerpt":"For years I've been trying to figure out how to keep Vim from automatically indenting when I copy from one file to another. Stackoverflow mentioned this page buy a developer named Marcin Kulik Automatically set paste mode in Vim when pasting in insert mode let &t_SI .= \"\\[?2004h\" let &t_EI\u2026","rel":"","context":"In "Vim"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":120,"url":"http:\/\/www.alltechbusiness.com\/www-subdomain-causing-wordpress-multisite-redirection-loop\/","url_meta":{"origin":177,"position":4},"title":"www subdomain causing WordPress multisite redirection loop","date":"April 16, 2014","format":false,"excerpt":"WordPress Multisite Redirect from a www Subdomain in Cpanel One of my clients in my multisite network\u00a0has been having a reoccurring error. \u00a0From time to time the www.foo.com domain would stop working. \u00a0foo.com\u00a0isn't the primary, so the site would redirect to www.foo.com and fail. \u00a0Just a blank page would show.\u2026","rel":"","context":"In "cPanel"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":81,"url":"http:\/\/www.alltechbusiness.com\/disabling-cache-google-chrome\/","url_meta":{"origin":177,"position":5},"title":"Disabling the cache in Google Chrome","date":"August 17, 2012","format":false,"excerpt":"When working on website development in Chrome it's useful to disable the cache. I have found three convenient ways to do this. 1. This isn't really a disabling of the cache, but Ctl + Shift + R forces a reload of the page without accessing the cache. 2. The cache\u2026","rel":"","context":"In "Chrome"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.alltechbusiness.com\/wp-content\/blogs.dir\/5\/files\/2011\/05\/google-chrome-logo.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/posts\/177"}],"collection":[{"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":1,"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/posts\/177\/revisions"}],"predecessor-version":[{"id":179,"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/posts\/177\/revisions\/179"}],"wp:attachment":[{"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/media?parent=177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/categories?post=177"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.alltechbusiness.com\/wp-json\/wp\/v2\/tags?post=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}