Getting started with ASP.NET Core 1.0

This was presented at South Florida Code Camp 2016.

You can find the code from the demo here: https://github.com/joescars/SFCCASPCoreDemo

In this presentation I walk you through how to get started with ASP.NET Core 1.0. We focus on the cloud and cross platform story.

I walk you through the following:

  • High level overview of ASP.NET Core
  • How to install ASP.NET Core
  • Creating an ASP.NET Core project in Visual Studio
  • Project structure and overview
  • Local debugging and building
  • Pushing the website to Azure using local Git repository

We then switch over to the MAC and continue with the following

  • How to install and configure ASP.NET core and Visual Studio Code on the MAC
  • Pulling the project down to MAC via Git
  • Editing the project in Visual Studio Code
  • Building the project and running locally using Kestrel Web server
  • Pushing the updates back up to Azure using Git

How to Deploy Vorlon.JS to Azure Web App

This video will walk you through how to deploy Vorlon.JS to an Azure Web App using Git version control. The pre-requisites for this video are that you have an active Microsoft Azure account and node.js installed.

Instructions

  1. Create new web app using custom create
    1. From the configure section, Turn on Web Sockets – Save
  2. Go Back to Dashboard
  3. Setup deployment from source control
    1. Select Local Git Repository
      1. This will create the Git repository
  4. Install VorlonJS on your machine
  5. nodejs must be installed already. If not, install from nodejs.org
    1. Open node.js command prompt
    2. Enter the following: npm i –g vorlon
  6. Test Vorlon
    1. Type the following: vorlon
      1. To terminate: Terminate – ctrl + c
  7. You should be in your user folder. We must now browse to the proper folder
    1. cd appdata
    2. cd roaming
    3. cd npm
    4. cd node_modules
    5. cd vorlon
  8. Type: start . (this will launch explorer)
  9. Open another explorer
    1. Create a new folder (ex C:\Dev\VorlonJS)
  10. Copy node_modules folder from vorlon folder to the new folder
  11. Copy all the files WITHIN the server folder (within vorlon folder) to the new folder you created
  12. Create new text file package.json
  13. Edit the file and add the following

Now we want to commit this into azure website

  1. Open Git Bash
    1. Get GIT url from Azure Deployments page
      1. It also has instructions
    2. Browse to your vorlonjs folder you created (example: cd /c/dev/vorlonjs)
    3. Now we are going to use the commands from azure to add files to git
      1. git init
      2. git add .
      3. git commit –m “initial commit”
    4. Again copying right from azure to add remote repository and commit
      1. git remote add azure (this line will be in your azure account)
      2. git push azure master
        1. If need be use reset deployment credentials
      3. Enter your password
  2. When it’s done it should now say “Active Deployment”
  3. Go to dashboard / URL
  4. First time it loads it may error out, just refresh it
  5. That’s it!

 

Free Web Development Courses

Some of the most common questions I get from new developers is “How do I get started?” and “Are there free resources online for me to learn?“. The good news is that it is very easy to get started and Microsoft Virtual Academy is a phenomenal free resource online with hundreds of courses.

If you are just getting into web development I highly recommend visiting Web Development Courses and Beginner Courses to browse all the free courses Microsoft Virtual Academy has to offer. Simply register on the site to get complete access to the videos, course materials and example code.

There are many to choose from and they guide you from basic HTML to launching Web Apps using Microsoft Azure. Head on over and happy learning!