Installing TurnKey as an Azure WebApp
No edit summary
No edit summary
Line 5: Line 5:
You can run MDriven Turnkey on your Azure account or set it up on you local IIS. To setup on a local IIS, see [[Installing MDriven Server]]
You can run MDriven Turnkey on your Azure account or set it up on you local IIS. To setup on a local IIS, see [[Installing MDriven Server]]


=== Video tutorial ===
<html>
<p class="warn">
<em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now you can pick any topic to be instructed without watching the whole video.</em>
<style type="text/css">
p.warn {
opacity: 0.7;
width: 90%
}
</style>
</p>
<style>
#video12 {
  position: relative;
  height: 500px;
  width:560px;
  padding-bottom: 10px;
}
#video12 iframe {
  position: absolute;
  min-height: auto;
  min-width: auto;
}
#video12 div {
  position: absolute;
  top: 0;
  left:760px;
  width: 260px;
  height: 100%;
  padding-left: 10px;
  overflow-y: auto;
}
span.time {
    font-size: 18;
    display:block;
    padding-bottom: 0.5;
    padding-top: 0.5;
}
span.time:hover {
  color: #0000FF;
  cursor: pointer;
}
span.time:focus {
  color: blue;
</style>
<br>
<div id="video12">
<iframe width="740" height="500" src="https://www.youtube.com/embed/EOozaKVGuqQ?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
  <div>
    <span class="time" data-video="EOozaKVGuqQ" data-start="17" tabindex="0"> creating site </span>
    <span class="time" data-video="EOozaKVGuqQ" data-start="115" tabindex="0"> Installing the MDriven server software </span>
    <span class="time" data-video="EOozaKVGuqQ" data-start="153" tabindex="0"> Pouring in information for IIS </span>
    <span class="time" data-video="EOozaKVGuqQ" data-start="242" tabindex="0"> Checking MDriven server  </span>
    <span class="time" data-video="EOozaKVGuqQ" data-start="305" tabindex="0"> Adding a certificate</span>
    <span class="time" data-video="EOozaKVGuqQ" data-start="428" tabindex="0"> Register a user </span>
    <span class="time" data-video="EOozaKVGuqQ" data-start="575" tabindex="0"> Set up Turnkey Settings</span>
    <span class="time" data-video="EOozaKVGuqQ" data-start="763" tabindex="0"> Uploading the Model</span>
  <ul> <span class="time" data-video="EOozaKVGuqQ" data-start="822" tabindex="0"> Creating Index ViewModel </span>
    <span class="time" data-video="EOozaKVGuqQ" data-start="900" tabindex="0"> ASPNETIdentity Snippets </span></ul>
</div> 
</div>
<script>
var IMG = document.querySelectorAll('#video12 span'),
    IFRAME = document.querySelector('#video12 iframe');
for (var i = 0; i < IMG.length; i++) {
  IMG[i].onclick = function() {
    IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
    this.style.backgroundColor='rgba(0,0,0,.2)';
  }
}
</script>
</html>
=== First ===
=== First ===
1. Create your site “YourSite” as webapplication
1. Create your site “YourSite” as webapplication

Revision as of 14:31, 25 May 2017

Introduction

All the components needed to run MDriven Turnkey is available from the download page.

You can run MDriven Turnkey on your Azure account or set it up on you local IIS. To setup on a local IIS, see Installing MDriven Server

First

1. Create your site “YourSite” as webapplication

2. Create another webapplication under “YourSite” called “__MDrivenServer” (double underscore) so that it ends up like this: “YourSite/__MDrivenServer”

3. In “YourSite/__MDrivenServer” you install the MDriven Server zip from the download page

4. In “YourSite” you install the MDriven Turnkey zip from the download page

That is all as far installation requirements – the rest is configuration

Second

1. Make sure your MDrivenServer works

2. Set up the YourSite/App_Data/TurnkeySettings.xml by looking in the one already there called “TurnkeySettings – NotInEffect.xml”

3. You can now use your “a” account and pwd from MDrivenDesigner cloud dialog to upload a model to the MDrivenServer

4. After this you can run the prototyper against MDrivenServer

Third

1. You need a ViewModel named Index and one named About, If you have those you should see them showing up as index page and as https://<yoursite>/MDriven/About

2. You may however want to override these with your own styled static pages. Create Index.cshtml and About.cshtml in <YourSite>\Views\EXT_OverridePages\ The file content can make use of the data in your ViewModels if needed – if so these pages are strictly MVC5 and not AngularJS

3. Other ViewModels you add will be defaulted to AngularJS. If you instead want MVC5 for a specific page you set a tagged value on the ViewModel : “MVC=True”

Fourth

1. You can now run the ”YourApp” as AngularJS app

2. You can run the WPF-Fat-client against the “YourSite” url

3. You can now make model updates and evolve your system from MDrivenDesigner

This page was edited 126 days ago on 01/09/2024. What links here