Skip to content

Instantly share code, notes, and snippets.

@BodieLeonard
Last active July 1, 2019 20:24
Show Gist options
  • Select an option

  • Save BodieLeonard/6fb74e32a24c89d22a860a1f364e1f6a to your computer and use it in GitHub Desktop.

Select an option

Save BodieLeonard/6fb74e32a24c89d22a860a1f364e1f6a to your computer and use it in GitHub Desktop.
Local development on Internet Explorer testing on Mac. Vagrant or virtual box makes having the IE VM free and easy to get up and running. Ngrok is the key for easily connecting the VM to your local dev
  1. First step is downloading a virtual machine with Internet Explorer
    https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/

    Select your virtual machine in the drop down

    NOTE: I am going to choose IE on Win81

    Then select the platform

    NOTE: VirtualBox and Vagrant are free but I have found VirtualBox is easier to get up and running
    

    If you would like to download virtual box here is a direct link
    https://download.virtualbox.org/virtualbox/6.0.8/VirtualBox-6.0.8-130520-OSX.dmg

    If you would like to download vagrant here is a link
    https://releases.hashicorp.com/vagrant/2.2.4/vagrant_2.2.4_x86_64.dmg

    With vagrant it is easier to manage with vagrant manager
    https://github.com/lanayotech/vagrant-manager/releases

  2. Now that the IE VM is downloaded, install it and make sure you are able to connect to the internet

  3. Next create an account on Ngrok https://dashboard.ngrok.com/

    NOTE: This is the secret to connecting the VM to your local development (ie: localhost:3000)
    
  4. Download and install Ngrok

    NOTE: It's easiest to work with if you move the download into your home directory
    
  5. Ngrok and IE VM should be installed so fire up the local development on the Mac
    My local development is running on http://localhost:8100 so to run ngrok I wil use the following

    ~/ngrok http 8100 -host-header="localhost:8100"
    
    NOTE: Ngrok will provide the forwarding url example: http://28214884.ngrok.io
    
  6. In the IE VM past the forwarding url into IE address bar and you should now see localhost:8100 within IE on the VM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment