Deploying VorlonJS to Azure Web App for Remote Debugging

Sign in to queue

Description

This video will walk you through how to deploy VorlonJS 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.

Pre-requisites

node.js
https://nodejs.org/

Microsoft Azure Free Trial
https://azure.microsoft.com/en-us/pricing/free-trial/

Referenced Videos

Installing Git Version Control on your PC or MAC
https://channel9.msdn.com/Blogs/joeraio/Installing-Git-Version-Control-on-your-PC-or-MAC

Installing Visual Studio Code on your PC or MAC
https://channel9.msdn.com/Blogs/joeraio/Installing-Visual-Studio-Code-on-PC-or-MAC

Table of Contents

[00:00] – Introduction
[00:16] – What is Vorlon.js ?
[00:55] – Creating and configuring Azure Web App
[02:22] – Create Git repository for remote deployment for Azure Web App
[03:40] – Installing node.js
[04:53] – Installing Vorlon.js
[06:19] – Running Vorlon.js locally
[07:10] – Package Vorlon.js files to be used in repository
[11:30] – Create Git repository and publish to Azure Web App
[16:25] – Testing Installation and configuration instructions
[17:19] – Conclusion

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

{             "name":"vorlon",             "version":"0.0.15",             "description": "vorlon",             "main": "server.js" }

  1. Now we want to commit this into azure website
  2. 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
  3. When it's done it should now say "Active Deployment"
  4. Go to dashboard / URL
  5. First time it loads it may error out, just refresh it
  6. That's it!

Embed

Download

Download this episode

The Discussion

Add Your 2 Cents