Deel 3 - HeinPauwelyn/IoTShop GitHub Wiki
Omschrijving
Deze les draait minder rond programmeren maar vooral rond het opzetten en configureren van een toepassing op Azure Websites. Er zitten ook 2 tal stappen in waar het de bedoeling is dat u zelf wat zoekwerk verricht.
Installatie Azure SDK
Download op http://azure.microsoft.com/en-us/downloads/ de laatste versie van de Azure SDK. Kies voor VS 2013 Install.
Uitwerking
Stap 1: SQL Azure Database
Voor we de website online kunnen zetten moeten we eerst de database online aanmaken. Wij kiezen voor een SQL Azure database. Maak een nieuwe SQL Azure database aan via de Azure portal. Zorg ervoor dat je via SQL Enterprise manager op je systeem connectie kan maken met de database op Azure. Zorg voor een duidelijke naam en kies de region west of north europa.
Tip: denk aan de firewall settings op Azure. Wat moet je daar nu weer wijzigen om connectie te kunnen maken? Als het connecteren lukt dan moet u ongeveer dit zien:
Stap 2: Wijzig applicatie connectionstring
Wijzig de connectiestring in de web.config van de webshop zodat deze verwijst naar de Azure database en niet meer naar de lokale database. Voor de unit tests blijven we de lokale database gebruiken.
Stap 3: Migration uitvoeren op SQL Azure
Voer nu de migratie uit zodat de database en de tabellen worden aangemaakt in de SQL Azure database. Dit ziet er als volgt uit:
Normaal kan u nu de applicatie starten en zou deze (iets trager) moeten werken. Dit omdat we naar de SQL Azure database connecteren en niet lokaal.
Stap 4: Aanmaken Azure Website
Maak een nieuwe Azure Website aan waar je de webshop online zal plaatsen. Kies een unieke naam.
Stap 5: Applicatie online zetten via publish profile
Je kan op Azure je toepassing op verschillende manieren online zetten. In deze stap gaan we de meest eenvoudige manier gebruiken: het publishing profile. Ga naar de in stap 4 aangemaakte Azure Website en kies dashboard. Daar kan je dan kiezen voor download publishing profile.
Ga nu in Visual Studio op het project staan en kies via rechtermuis knop het menu item "Publish". Kies daarna voor "Import" en selecteer het profile en klik alle venster weg tot je op "publish" kan drukken.
Als u nu naar de toepassing online surft en u krijgt een foutmelding dan moet u deze zelf proberen op te lossen. Indien u geen fout ziet zal u aanpassing moeten doen in web.config
en opnieuw publiceren om de fout te zien, welke aanpassing? Probeer zelf op te lossen.
Stap 6: Azure Website Options
In deze stap gaan we een aantal kleine maar handige opties bekijken.
Linked resources
Je kan binnen het dashboard gerelateerde diensten weergeven vb: de database van de webapplicatie. Ga naar het dashboard van de azure website en voeg een linked resource toe, dit zal de database van de webshop zijn. Volg de stappen op het scherm. Deze spreken voor zich. Na het toevoegen zien we extra info over de database in het dashboard van de website.
Scaling
Voeg een schema toe zodat de website automatisch 3 servers gaat gebruiken tussen 16u en 16u30. Maak hiervoor gebruik van de autoscaling functionaliteit in Azure Websites. Controleer dit voor 16u en na 16u30. U mag natuurlijk ook een ander tijdstip kiezen, maar best niet te lang omwille van Azure credits.
Stap 7: Remote debugging
Je kan ook vanuit Visual Studio 2013 je online applicatie live debuggen. Probeer dit zelf via volgende stappen: blogs.msdn.com//remote debugging a Window-Azure web site with Visual Studio 2013
Stap 8: Visual Studio Online
Wanneer we in team werken is het gebruik van publishing profiles niet echt handig. Een betere manier is het gebruik van GitHub of Visual Studio Online. In deze stap gaan we ons project toevoegen aan Visual Studio online en de account koppelen aan onze Azure Website. Normaal moet u een Visual Studio Online account hebben van vorig jaar of uit andere modules.
Indien niet, maak dan een account aan via http://www.visualstudio.com/. Na het aanmaken van de account moet u de source code van het project toevoegen aan Visual Studio Online. We moeten hiervoor eerst een "Team Project" aanmaken. Kies "New Team Project" in Visual Studio 2013. Daarna zal dit scherm openen in de browser en kan je het project aanmaken.
Na de aanmaak moet u vanuit Visual Studio 2013 connectie maken met het team project via de "Team Explorer".
Voeg nu de soure code toe aan dit project. (u zou dit reeds gezien moeten hebben).
Stap 9: Koppel Visual Studio Online aan Azure Website
Ga naar de Azure portal en open het dashboard. Kies voor "Setup Deployment from source control".
Kies hier voor Visual Studio Online. Daarna moeten we een aantal stappen doorlopen
De laatste stap is de build activeren. Zie voor meer info in de slides van de theorie. Probeer uw buur ook te koppelen aan het project op Visual Studio Online. Zorg ervoor dat hij ook eens de code kan downloaden. Een kleine verandering laten uitvoeren en dan inchecken.