Do The Unthinkable: Deploy your Node.JS App on to Azure

As a consistent learner, I went out and researched a way to upload a Node.js web app on to the Azure cloud. And boy oh boy did everything look pretty complicated. But after looking through my findings and experimenting on my own, I realized it is actually pretty easy. So lets jump right in and get you going.

Step 1:Log on to manage.windowsazure.com and either sign in or sign up!

Step 2:  In the bottom left corner, you should see a BIG plus sign that says NEW. Press it.

Screen Shot 2015-11-04 at 5.25.30 PM

Step 3: Once you press the New button, select the Compute option, then the Web App option and lastly the Quick Create option.

Screen Shot 2015-11-04 at 5.36.46 PM

Step 4: Fill in the name of your new azure site and choose the location for your app service plan. (Most likely your default setting will work just fine)

Screen Shot 2015-11-03 at 4.37.11 PM

Step 5: Back in the homepage, choose your web app. A menu of several links should pop up and at the very bottom it should say: Set up deployment from source control

Screen Shot 2015-11-04 at 5.37.25 PM   Screen Shot 2015-11-04 at 5.38.03 PM

Step 6: You will now have several options to choose from, but in this blog … I will be only be demonstrating two: Using the Github or Local Git Repository option.

Screen Shot 2015-11-04 at 5.38.11 PM

Using Github: Simply press the Github option, log in to Github, authorize Azure to have access to your repository and                choose the repository you would like to upload to the web app.

Screen Shot 2015-11-03 at 4.47.43 PM

Using a Local Git Repository: Choose the Local Git Repository Option and from there you will be directed to a page with          directions to connect to the azure portal through command line. (Keep in mind that we are creating a new app on Azure              so you can skip the step that says “or clone content that’s already on app” because… well, nothing is on your web app              yet).

Screen Shot 2015-11-04 at 5.38.58 PM

When adding your remote Azure repository you can copy and paste the link for your repo at the top of the directions

Screen Shot 2015-11-04 at 5.40.24 PM

Once you push your code to the Azure repository, it will automatically show up on your portal screen and you will see this          image when it is done:

Screen Shot 2015-11-04 at 5.41.33 PM

***Be sure that whenever you make changes on your local repository, you continue to push to your azure repo!

Hope this helped you deploy your site on Azure! got questions? Ask in the comment box or DM on twitter. @nowayshecodes

Advertisements
Standard

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s