Embed Size (px)
DESCRIPTION
my talk for Visug on Visual Studio Online for Windows Azure, named Monaco
Citation preview
Developing Windows Azure Websites with Visual Studio Online “Monaco”
Mike Martin Crosspoint Solutions
Architect
Azug crew
Azure MVP
Azure Insider
MEET Member
@Techmike2kx
Who Am I Where I Work What I Do Where to find me
View more tips on my blog
http://techmike2kx.wordpress.com
Because it’s mundane “Monaco”
info: _ _____ _ ___ ___info: /_\ |_ / | | | _ \ __|info: _ ___/ _ \__/ /| |_| | / _|___ _ _info: (___ /_/ \_\/___|\___/|_|_\___| _____)info: (_______ _ _) _ ______ _)_ _info: (______________ _ ) (___ _ _)info:info: Windows Azure: Microsoft's Cloud Platforminfo:/ $info: It is not to be confound with Viusal Studio Onlineinfo: It is an extension to thatinfo:info:info: Use it for on the fly change mechanism or as dev stage for info: simple or more complex websites
/ $ Render 01 – Architecture – To the drawingboard.html
Azure Monaco Help -Description
Web page titlehttp://www.url.com
Web page titlehttp://www.url.com
SandBox and Dev site
Node.jsPHPEtc.
Node.jsPHPEtc.
SITE EXTENSION
WWW ROOT
WORKSPACE
DEVSITE URL
Monaco URL
R/W ACCESS
runs
AZURE WEBSITE
<html><Body> <H1>The backend uses the following node modules:</H1>
edge – Edge.js: run .NET and node.js code in-process (https://npmjs.org/package/edge)
express – Sinatra inspired web development framework (https://npmjs.org/package/express)
glob - Match files using the patterns the shell uses, like stars and stuff. (https://npmjs.org/package/glob)
graceful-fs - A drop-in replacement for fs, making various improvements. (https://npmjs.org/package/graceful-fs)
ini - An ini encoder/decoder for node (https://npmjs.org/package/ini) jake - JavaScript build tool, similar to Make or Rake (https://npmjs.org/package/jake)
nake - GNU Make/Ruby Rake like tasks management tool for NodeJS (https://npmjs.org/package/nake)
npm - A package manager for node (https://npmjs.org/package/npm) optimist - Light-weight option parsing with an argv hash. No optstrings attached. (https://npmjs.org/package/optimist)
sax - An evented streaming XML parser in JavaScript (https://npmjs.org/package/sax)
send - Better streaming static file server with Range and conditional-GET support (https://npmjs.org/package/send)
<Body></html>
/ $ info: File Explorerinfo: Searchinfo: Gitinfo: Output windowinfo: Console Window
/ $ More
Azure Monaco list NAVIGATION ONSCREEN
/ $info: Shostcut key supportinfo: - CTRL + Einfo: - CTRL + .info: - ALT + F1info:
/ $ More
Azure Monaco list NAVIGATION Shortcuts
/ $info: settings Pageinfo: Theminginfo:info:
/ $ More
Azure Monaco list NAVIGATION Settings
/ $info: Split window viewinfo: Helpinfo:info:
/ $
/ $
DEMO
Azure Monaco list NAVIGATION OTHER
03 – Capabilities – wat is in ze box - Air.html
info: _ _____ _ ___ ___info: /_\ |_ / | | | _ \ __|info: _ ___/ _ \__/ /| |_| | / _|___ _ _info: (___ /_/ \_\/___|\___/|_|_\___| _____)info: (_______ _ _) _ ______ _)_ _info: (______________ _ ) (___ _ _)info:info: Windows Azure: Microsoft's Cloud Platforminfo:/ $info: Intellisenseinfo:info: Source Control Integrationinfo:info: Some stuff we know from Visual Studioinfo:
/ $
/ $
DEMO
04 – Addendum – Far beyond driven.html
Azure Monaco Help -functions
/ $info: NUGETinfo: Ability is foreseen for packet managementinfo:info:info: NPMinfo: Node PacketManager … mmm nice tricks :-)info:info: Otherinfo: express Express node.js MVC info: framework commandinginfo: git Git source controlinfo: commandinginfo: jake Jake commandinginfo: msbuild MSBuild commandinginfo: node Node.js commandinginfo: node-sass SASS translatorinfo: ps PowerShell commandinginfo: unzip Unzip archives
/ $ error
Azure Monaco Help -extra
/ $info: TFS Repository Cloning?info: not for the moment, but probably will comeinfo:info:info: Is there any debugging support?info: no vs style, noinfo:info: BUTinfo: console.log output from your site will info: be routed to the Output info: window in Monacoinfo: You can use node-inspector to debug nodeinfo: based websitesinfo:info: Visual Studio 2013 now provides remote info: debugging of Azure Web Sitesinfo:info:
/ $ 05 – Epilogue – Elementary dear Watson.html
FAQ
info: _ _____ _ ___ ___info: /_\ |_ / | | | _ \ __|info: _ ___/ _ \__/ /| |_| | / _|___ _ _info: (___ /_/ \_\/___|\___/|_|_\___| _____)info: (_______ _ _) _ ______ _)_ _info: (______________ _ ) (___ _ _)info:info: Windows Azure: Microsoft's Cloud Platforminfo:/ $info: KUDUinfo: Underlying system used for hosting the extension info: and some additional fooling aroundinfo:info: DEV – TEST – PROD enablementinfo: need of standard server for thatinfo:info: Staging scenarioinfo:info:
/ $
/ $
LAST DEMO
Azure Monaco Help –Scenarios -Extended
cls
.'''''''''''''. .'.. .'. .''.. .''. ..'. .''. ..''. .''. ..'. .''''. .'.. .'. .KMMMMMMMMMMMMW0. ,NWX: 'KWK' cXWMNd. .KMMXc .kWNl .KWNc .c0WNd, dNWK' ;0WXl. .ckKWMMMMW0d' ,KWN: oNWx. ',,,:OWWO;,,,,. lWWO. .oNWx lNWXWWK. :NMWMXc ,XMX. cNMX. .c0WNk, '0WWo .oXWO' .dXWXkc,,,;xXMNx. .dWWO. .0MX; ,KMN; .0MNl .0WNc lNNd;0WN: .OWKoKWXc .xWWx. .0WWd :0WNx' cNMK. 'OWNd. :KMWx. 'KMWO. 'KMNc cXM0. lNMK. ,XM0. cNMK. .dNNo .dWNo ,XMO.,KWX; 'KMX; ;XMX:;OWNx' .OWWc ;0WK: :XMWo. lNMX; oNW0. .OMWl .0WNl .dWMNOOkOOOkkOXMWx .kWWo cNWO. .dWNc ;KWK: oNWO. .xWMNKNNk' ;XMKkNNd. .OWWO. cNMN; .0WWo. :XMX, cNMK' 'KMNOkkkkkkkOKWMX, ,0WNd. ,XMX, 'KMK. ,KWX' .0WN: ,XMNdOWWx. .xWMWK: .KMWd. .xWMK' :NMK' .kWWx. .OWWx. lNWk. .dWWO. ;KMMW0OOOOKWMWc lNWd :XWO.:NMK. .oWM0..kWWO. :XMK' .0MWd. :NMNc lWWO. ;XMN; ;NMX; .0WX; ,XMX: cXMNOkxxxxxkKWWk .0WN; :KW0KWNo .KMNl .xWW0; dNWd oNMXl .cXMXl cNMX; ,0WWo. .dWWO. cNMO. .oWW0. .dNMX: :NM0. cNWO. ;XMMMX' lNMK' .dNMXl. 'KMX' lXWW0c;;;ckXWNx. .kWMNx:;;cONWXl. ,KWXc .kWWo 'KWNo .dWWK; .KWX, .kWNo lNMWx. .OWNd. .oNMNd. lNWO. .lkNMMMMWXOo' .:kXWMMMWXOo. .'. .''. .'. .''. .'. .'.. .'.. .'.. .''. .''. .'''''. .'''''. ';,. ,;;, ,;;. ,;;;;;. ,;,. .;;' ';;;;;;' .xWNo .oNMXc ,XMN: ,xKWMMMMWNx. 'KMK' .kWWk. 'lOKNMMMMMMW0l cNWk. .dNW0, oWW0. cNWXd,...,l; dWNd ;XMN; :OWWXxc'....'ld; 'KM0. .xWWk. .KMNc .OMWx. '0MX, .xWWO. .xWMXl. .OMK; .dWWk. ;NMK' dWMXo. lNWx. 'KMNc cNMX: dWNo .dNNo. xWNd .oXWWXOc. .OWN: oNW0. .OMWd. '::::::; ;XWk. .xNXc .KMX, .;xXMMK: :XM0. .KMNl .0MNc .0NWWMMMO. 'XM0..xWNc lNWk. .dNMK' lNMk. oNM0. .OMWd. ...,0MWl .OMXd0WXc .OWX: ;XMK' cXMK, :XMX: :XMNd. :XMX' oWMWW0, cXWO. '0XxlcclxNMXc .oXMNklcloKWWO, ;0WMN0occco0WWd. :NWNO, .xNXl .lkNWWWWNOo' 'oKWWWWWKd;. .;okNWWWWNKxl.
/ $
EXIT
