VirtualBox

Developing a website on a Linux operating system is pretty comfortable, but unfortunately are the most users ofthose websites using other operating systems with other web browsers. There is a nice solution for the WindowsInternet Explorer or Edge browser,free Virtual Machines from IE8 to MS Edge.Unfortunately I have not found an easy way to setup a VirtualBoxwith Mac OS X to test a website in the Safari web browser. My colleagueJan Knipper pointed me tovagrant-box-osx,a Mac OS X Vagrant box for VirtualBox by Andrew Dryga.

Vagrant provides the framework and configuration format to create and manage complete portable development environments. These development environments can live on your computer or in the cloud, and are portable between Windows, Mac OS X, and Linux. Aug 26, 2020 The vagrant boxes are just the base images. They can be a Virtualbox image or VMware image or a cloud provider's image like Amazon Machine Image (AMI). We can copy the vagrant boxes to any other systems and setup an exact replica of the current development.

Creating a Mac OS X Vagrant VirtualBox

• Vagrant version 2.2.14. Host operating system Mac OS 11.0.1 Big Sur on a 2020 Mac Mini with the new M1 chip and Rosetta installed to emulate an Intel chip. Guest operating system Ubuntu 18 Vagrantf.
• Vagrant on Mac w Virtualbox The Goal: Install Brew, VirtualBox, Vagrant and Vagrant-Manager, on a Macintosh 10.x Context: We will use Vagrant with VirtualBox. This guide is to help those unfamiliar with how to install and use Vagrant and Virtualbox setup.
• Ok, I found solution from a combination of online solutions. Because I renamed paths, and stupidly recreated a new vagrant VM, I had to reassociate the old VM with the new vagrant box configuration. First, you have to grab the UUID from the old VM. In Mac OSX (Windows path may be different) nano /VirtualBox VMs//.vbox.

I will just follow the README.md of vagrant-box-osx and assume thatVagrant and VirtualBox is installed.

vagrant init

Run the following command in your project directory.

The command should have created a Vagrantfile in your current directory. Please find the following partin your Vagrantfile.

And uncomment a few lines to enable thegraphical user interfaceso it looks as follows.

Or you can remove all comment and your Vagrantfile should look like this.

vagrant up

The following command will download the box and will start the Mac OS X machine.

Reach webserver of host machine

We can reach the webserver of the host machine with the IP 10.0.2.2 in the Safari web browser.

NextPrevious

About

My name is Gordon Lesti. I have a B.Sc. degree in Computer Science.

Tags

ArtAudioBluetoothBooksBootstrapCCADChromeClimbingConferenceCSSD3DebianDockerEmailFirefoxFoodFpcGitlabGruntInkscapeJavaJavaScriptLaTeXLinuxMagentoMathMeetupMysqlownCloudPDFPHPPrismPythonQUnitRaspberry PiSearchShopwareSVGTalkTestingTime SeriesToolUbuntuVagrantVideoVirtualBoxWindowsWordpress

Archives

Mar21Dec20Nov20Apr20Oct19Jun18Apr18Mar18Feb18Jan18Dec17Oct17Aug17Jul17May17Apr17Mar17Feb17Jan17Dec16Nov16Oct16Sep16Aug16Jul16Jun16May16Mar16Feb16Jan16May15Apr15Mar15Feb15Jan15Dec14Nov14Sep14May14Apr14Feb14Jan14Sep13Aug13Jul13May13Apr13

Caution! Hello there, intrepid explorer! This post is old. The content might be out of date, and our opinions might have changed.

Making websites is a funny old game. The ubiquity of having a browser on your phone or your fridge is the web's killer feature. It is also a developer's nightmare. With several major browsers to deal with, and some not even available on my computer, why do I even bother?

Internet Explorer (IE) has, for one reason or another been the bane of developers lives for a long while, and hasn't been available on OSX since 2003. At Bluegg, like a lot of studios we only use Macs. And (like a lot of studios), we have a Windows PC locked in a cupboard which we can log into to test sites on Microsoft browsers.

Thankfully, Microsoft has gotten its sh!t together in recent years. IE11 (and now Edge) are pretty good, and definitely not bottom of the class any longer.

As well as making a decent stab at browsing, they've also gone all developer friendly. Over the last couple of years, they've released a bunch of (free) Windows virtual machines on all platforms. Everything from IE6 on XP, all the way up to Edge on Windows 10.

As well as making these for a few virtual machine (VM) providers, they also provide Vagrant environments. Vagrant is a Command Line tool to enable sharing, installing and running of development environments. It makes the process of setting up a VM slick and easy.

If you want to follow along at home, go and start downloading the VMs from Microsoft (they take ages). I recommend setting fire to your computer and yourself before you develop anything for IE6 or 7, so I got IE9 on Windows 7, IE10 on Windows 8, IE11 on Windows 8.1 and Edge on Windows 10. I feel like that gives me a good spectrum of operating systems and browsers.

In the meantime, install VirtualBox. This is the software for running virtual machines—we won't have to touch this too much once its installed. Go to the downloads page and grab the version for OS X Hosts (the UI is pretty awful, but you need to click the AMD64 link).

Run Mac In Virtualbox

Next, we need to install Vagrant. Go to the downloads page and get installer for your system. I'm gonna get a quick game of darts in while you set that up...

Done? Good-oh. Let's get setup.

First, set up some directories for your VMs. Then extract the VM files into them. Here's one I prepared earlier:

I mentioned earlier that vagrant is a command line tool. We're gonna get in the Terminal now—we only need to use 3 commands though: vagrant init, vagrant up and vagrant halt. Don't fear the Terminal.

Open the Terminal app and direct yourself to one of those directories (hint: You can drag the folder (eg: IE9) from Finder into Terminal to do this). If you've used my directory structure above you can write the following and press enter:

(the / characters need to go in front of any spaces or Terminal will think you're crazy)

This will create a Vagrantfile in the folder. A Vagrantfile has all the settings for your Vagrant environment. Open that file in your text editor of choice. Find the lines (The hashes are comments by the way):

Replace it with this, and save the Vagrantfile:

Mac Virtualbox Vagrant Code

For the curious, here's what we did:

1. We uncomment the first line and last line—this starts the config for our VM provider, VirtualBox and ends the config block.
2. We uncomment the third line—which ensures we can actually see Windows when it boots up. Vagrant runs the environment without a user interface by default, so we need to turn it on.
3. Finally we add a line which will configure the amount of memory allocated for video. The minimum to allow the screen to be used at fullscreen (and basically anything over 1000px wide) is 48MB.

Back in Terminal, type the following command and enter:

That will kick off the Vagrant environment. It will go and download everything it needs so it might take a mo. Once its up you should see VirtualBox open and a windows will boot up in a window.

Note: There will be an error in the Terminal—this is to do with SSH not being available in the Windows VM. Don't worry about it as you won't need to SSH into the box for IE testing.

Mac Virtualbox Vagrant City

When the machine has started you should see Windows boot and log you in. You can now open IE or Edge and start browsing. You will probably want to access your localhost (as in your Mac host computer's localhost), you'll need to browse to http://10.0.2.2 (and possibly include your port number).

Mac Virtualbox Vagrant Force

To stop the VM, pop back into Terminal and enter vagrant halt. That will gracefully shut everything down ready for the next time you need it. You can also control the VM via the VirtualBox UI—but that's gross.

Mac Virtualbox Vagrant Search

Have fun browsing on the Edge... I hope you'll explore Vagrant and VMs a little more... It's virtually painless... Ok I'll stop. Bye.

More posts