Utilisation de SQL Azure avec Lightswitch

clip_image001
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.

Introduction

Pre-requis

Etapes de déploiement d'une application Lightswitch dans Windows Azure

Etape 1 : Création du Service Hôte

Etape 2 : Création du serveur et de la base de données SQL Azure

Etape 3 : Création de l'espace de stockage

Etape 4 : Publication de l'application dans Windows Azure à partir de Lightswitch

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.

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 clip_image003

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.
clip_image005

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 clip_image007clip_image009

2. Puis sur Create a new Sql Azure Server
clip_image011

3. L'assistant de création Create Server se lance. Choisissez votre souscription dans la liste des souscriptions, comme indiqué sur la figure suivante :
clip_image013

4. Choisissez votre région, West Europe pour être cohérent avec la création du service hôte.
clip_image015

5. Remplissez l'identifiant et le mot de passe de connexion au serveur de base de données.
clip_image017

6. Cochez la case Allow other Windows Azure Services to access this server, puis le bouton Finish.
clip_image019

7. La procédure de création, créée un serveur sous le nom kpi5j4auvf (dans notre exemple différent pour vous)
clip_image021

8. Maintenant, nous allons créer la base de données en sélectionnant le bouton clip_image023
clip_image024

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)
clip_image026

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 clip_image028, puis sur l'élément Storage Accounts (0), Comme illustré sur la figure suivante :
clip_image030

2. Pour créer un nouvel espace de stockage sélectionnez clip_image032

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
clip_image034

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 :
clip_image036

2. Cliquez sur l'élément Application Type.

3. Puis cochez les case Web comme application et Host application services using Windows Azure
clip_image038

4. Cliquez sur Publish, l'assistant de publication démarre.

5. Gardez la case à cocher à Web, puis bouton Next
clip_image040

6. Si pas sélectionné, cochez la case Windows Azure, puis bouton Next
clip_image042

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é)
clip_image044

8. Donnez un nom à votre certificat
clip_image046
Un certificat est crée pour cette application.
clip_image048

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.

11. Dans le portail Windows Azure sélectionnez Management Certificate puis le bouton clip_image050
clip_image052

12. Choisissez votre souscription, puis le bouton Browse... afin de transférer le certificat que nous venons de créer.
clip_image054

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.
clip_image056

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é.
clip_image058

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.
clip_image060

16. Puis l'espace de stockage dans la liste Storage.
clip_image062

17. Pour un accès en HTTPS, il faut fournir également un certificat, que nous allons créer comme illustré sur la figure suivante :
clip_image064

18. Remplissez les champs à votre convenance et sauvegardez le certificat.
clip_image066

19. Puis transférez le fichier en cliquant sur Upload a PFX File
clip_image068

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 clip_image070
clip_image072

21. La fenêtre des propriétés s'affiche, comme illustré sur la figure suivante :
clip_image074

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.
clip_image076

23. Testez la connexion en cliquant sur le bouton clip_image078
Si vous obtenez le message d'erreur suivant :
clip_image080

24. Revenez sur le portail Windows Azure et cliquez sur le bouton Database afin d'afficher la fenêtre suivante :
clip_image082

25. Selectionnez le serveur SQL Azure.

26. Cliquez sur le bouton Firewall Rules : 1 afin de développer les règles du Pare-feu

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 :
clip_image084

28. Testez à nouveau la connexion à la base de données, cette fois-ci vous devez recevoir le message.
clip_image086

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.
clip_image088

30. Validez la connexion en cliquant sur OK puis Next
clip_image090

31. A cette étape laissez les valeurs par défaut, car nous ne voulons pas signer le XAP qui sera déployé.
clip_image092

32. Enfin un résumé s'affiche, vous êtes prêt à la publication de votre 1ere application Lightswitch dans Windows Azure.
clip_image094

33. Publiez l'application, la publication démarre et prend un certain temps il faut donc ici être patient !!
clip_image096

34. Quelques minutes plus tard vous devez voir apparaitre sur le portail Windows Azure la création et le déploiement de l'application. clip_image098

35. Vous pouvez vérifier en vous connectant à la base de données SQL Azure que les tables Lightswitch ont bien été créées.
clip_image100

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 :
clip_image102

38. L'application démarre dans le navigateur, passez outre cet avertissement en cliquant sur Poursuivre avec ce site Web
clip_image104

39. L'application Lightswitch étant une application Silverlight elle se charge
clip_image106

40. Une fois chargée, a vous de jouer !!
clip_image108

Eric Vernié

clip_image110

Article Powered by Windows Seven, Windows Azure and Windows Live