Déploiement d'une application Visual Studio Lightswitch dans Windows Azure.

Transcription

1 Déploiement d'une application Visual Studio Lightswitch dans Windows Azure. Utilisation de SQL Azure avec Lightswitch Article par Eric Vernié Microsoft France Division Plate-forme & Ecosystème SOMMAIRE Déploiement d'une application Visual Studio Lightswitch dans Windows Azure. Utilisation de SQL Azure avec Lightswitch... 1 Introduction... 1 Pre-requis... 2 Etapes de déploiement d'une application Lightswitch dans Windows Azure... 2 Etape 1 : Création du Service Hôte... 2 Etape 2 : Création du serveur et de la base de données SQL Azure Etape 3 : Création de l'espace de stockage... 7 Etape 4 : Publication de l'application dans Windows Azure à partir de Lightswitch... 8 Introduction Depuis quelques semaines, est disponible la beta 2 de Visual Studio LightSwitch conçu pour simplifier et raccourcir le cycle de développement d'applications d'entreprise basées sur des données et des formulaires. Dans un précédant Tutoriel, j'explique comment créer simplement une application et même si ce tutoriel est basé sur la beta 1 de Lightswitch, rien ne vous empêche de l'utiliser avec la beta 2. Dans cette dernière version, l'une des nouveautés, est la possibilité de déployer une application dans Windows Azure et d'utiliser SQL Azure comme base de données. Dans cet article, nous allons étape par étape découvrir la manière de le faire.

2 Pre-requis Avoir au préalable créer un compte dans Windows Azure, pour ce faire, vous pouvez demander un pass Azure : Télechargez Lightswitch Beta 2 Avoir suivie le Tutoriel Français sur Lightswitch pour connaitre la manière de créer une application Lightswitch. Etapes de déploiement d'une application Lightswitch dans Windows Azure Etape 1 : Création du Service Hôte Une fois connecté au portail Azure windows.azure.com, nous allons à cette étape, créer notre service hôte Azure qui hébergera notre application Lightswitch. 1. Dans le portail Windows Azure, sélectionnez l'élément Hosted Services puis le bouton 2. La boite de dialogue suivante s'affiche, remplissez les champs en choisissant comme région West Europe et surtout, cochez la case Dot not deploy, car nous n'avons rien encore à déployer.

3 Etape 2 : Création du serveur et de la base de données SQL Azure. Une fois connecté au portail Azure, nous allons à cette étape, créer notre serveur et notre base de données. 1. Cliquez à gauche sur l'élément 2. Puis sur Create a new Sql Azure Server

4 3. L'assistant de création Create Server se lance. Choisissez votre souscription dans la liste des souscriptions, comme indiqué sur la figure suivante : 4. Choisissez votre région, West Europe pour être cohérent avec la création du service hôte.

5 5. Remplissez l'identifiant et le mot de passe de connexion au serveur de base de données. 6. Cochez la case Allow other Windows Azure Services to access this server, puis le bouton Finish.

6 7. La procédure de création, créée un serveur sous le nom kpi5j4auvf (dans notre exemple différent pour vous) 8. Maintenant, nous allons créer la base de données en sélectionnant le bouton

7 9. Renseignez les champs prévus à cet effet, comme illustré sur la figure suivante : (Notez bien le nom de la base de données, car nous la réutiliserons dans Visual Studio LightSwitch) Etape 3 : Création de l'espace de stockage L'espace de stockage servira à stocker les binaires de l'application Lightswitch. 1. Cliquez sur l'élément, puis sur l'élément Storage Accounts (0), Comme illustré sur la figure suivante : 2. Pour créer un nouvel espace de stockage sélectionnez

8 3. Sélectionnez votre souscription, puis remplissez les différents champs. Veillez à bien taper en minuscule le nom de l'url. Choisissez également West Europe comme région de déploiement du service hôte Etape 4 : Publication de l'application dans Windows Azure à partir de Lightswitch Maintenant que toutes les étapes ont été effectuées dans Windows Azure, nous allons utiliser Visual Studio Lightswitch pour publier l'application. 1. Affichez les propriétés de l'application Lightswitch, comme illustré sur la figure suivante : 2. Cliquez sur l'élément Application Type.

9 3. Puis cochez les case Web comme application et Host application services using Windows Azure 4. Cliquez sur Publish, l'assistant de publication démarre. 5. Gardez la case à cocher à Web, puis bouton Next

10 6. Si pas sélectionné, cochez la case Windows Azure, puis bouton Next 7. Entrez votre numéro de souscription Azure que vous pouvez retrouver sur le portail, en cliquant sur le bouton Open the Windows Azure Portal. Ensuite, si vous n'avez pas de certificat, choisissez <Create new self-signed certficate> (Recommandé)

11 8. Donnez un nom à votre certificat Un certificat est crée pour cette application. 9. Appuyez sur bouton Copy Path, afin de copier le chemin d'accès au certificat, car nous en aurons besoin à l'étape suivante, puis cliquez Next. 10. Maintenant nous allons retourner dans le Portail de Windows Azure, afin de lui indiquer quel certificat utiliser.

12 11. Dans le portail Windows Azure sélectionnez Management Certificate puis le bouton 12. Choisissez votre souscription, puis le bouton Browse... afin de transférer le certificat que nous venons de créer.

13 13. La boite de dialogue Ouvrir s'affiche, copiez le contenu obtenu à l'étape 9. Comme illustré sur la figure suivante, puis ouvrir afin de transférer le certificat. 14. Revenons à Visual Studio LightSwitch, et passons à l'étape configuration du Service Windows Azure. Si toutes les opérations à partir du portail Windows Azure se sont bien passées, cela devrait être une formalité.

14 15. Dans la liste déroulante, Service, selectionnez le service hôte que nous avons crée plus haut. Comme l'application n'est pas encore destinée à la production, dans la liste environment, selectionnez Staging. 16. Puis l'espace de stockage dans la liste Storage.

15 17. Pour un accès en HTTPS, il faut fournir également un certificat, que nous allons créer comme illustré sur la figure suivante : 18. Remplissez les champs à votre convenance et sauvegardez le certificat.

16 19. Puis transférez le fichier en cliquant sur Upload a PFX File 20. A cette étape, nous allons définir la chaine de connexion à la base de données, ainsi que la base de données que nous allons utiliser dans notre application, cliquez sur le bouton

17 21. La fenêtre des propriétés s'affiche, comme illustré sur la figure suivante : 22. Entrez le nom du serveur SQL Azure ainsi que les identifiants de connexion choisis lors de l'étape de la création du serveur SQL Azure.

18 23. Testez la connexion en cliquant sur le bouton Si vous obtenez le message d'erreur suivant : 24. Revenez sur le portail Windows Azure et cliquez sur le bouton Database afin d'afficher la fenêtre suivante : 25. Selectionnez le serveur SQL Azure. 26. Cliquez sur le bouton Firewall Rules : 1 afin de développer les règles du Pare-feu

19 27. Cliquez sur le bouton Add afin d'ajouter une nouvelle règle, en précisant la plage d'adresse IP à autoriser, comme illustré sur la figure suivante : 28. Testez à nouveau la connexion à la base de données, cette fois-ci vous devez recevoir le message. 29. Vous devez pouvoir désormais choisir la base de données que vous avez crée au préalablement. Ne pas oublier de sélectionner la base de données, sinon le déploiement ne fonctionnera pas.

20 30. Validez la connexion en cliquant sur OK puis Next 31. A cette étape laissez les valeurs par défaut, car nous ne voulons pas signer le XAP qui sera déployé.

21 32. Enfin un résumé s'affiche, vous êtes prêt à la publication de votre 1ere application Lightswitch dans Windows Azure. 33. Publiez l'application, la publication démarre et prend un certain temps il faut donc ici être patient!!

22 34. Quelques minutes plus tard vous devez voir apparaitre sur le portail Windows Azure la création et le déploiement de l'application. 35. Vous pouvez vérifier en vous connectant à la base de données SQL Azure que les tables Lightswitch ont bien été créées. 36. Si le service n'est pas démarré, vous pouvez le forcer avec le bouton Start. 37. Dans le portail Windows Azure, vous pouvez tester l'application, en cliquant sur le champ DNS Name, comme illustré sur la figure suivante :

23 38. L'application démarre dans le navigateur, passez outre cet avertissement en cliquant sur Poursuivre avec ce site Web 39. L'application Lightswitch étant une application Silverlight elle se charge

24 40. Une fois chargée, a vous de jouer!! Eric Vernié Article Powered by Windows Seven, Windows Azure and Windows Live