Déployer un Site Web ASP.net sur Azure utilisant le .Net Framework 4.5

Depuis fin octobre 2012, il est possible de déployer des sites web sur la plateforme Azure utilisant le .Net Framework  en version 4.5 à l’aide de Visual Studio 2012.

Nous allons donc voir dans ce tutoriel comment déployer un site web azure .Net 4.5.

Pré-requis :

• Un compte Windows Azure (évidemment ), si ce n’est pas déjà fait, n’hésiter pas à activer votre version d’évaluation gratuite pour 90 jours ici)
• Visual Studio 2012
• Windows Azure SDK 1.8
  • Téléchargement des différents composant ici
  • Téléchargement automatisé via WebPi ici (cliquez sur Install the SDK)

Création d’un projet Web MVC utilisant le .Net Framework 4.5

• Ouvrez Visual Studio 2012
• Choisissez Nouveau Projet …
• Créez un nouveau projet Web MVC 4 spécifiant la version de Framework 4.5

• Choisissez le modèle de site que vous souhaitez, nous choisirons pour la démonstration un projet de Type Internet Application

Pour vérifier que nous utilisons bien le Framework 4.5, nous allons modifier le controller par défaut qui a été créé pour afficher la page Home.

Une des nouveautés du Framework 4.5 est la mise en place des éléments await, async pour les méthodes asynchrones, nous allons donc utiliser ses nouveaux éléments.

Pour cela ouvrez le fichier HomeController.cs situé dans le répertoire Controllers du projet :

public class HomeController : AsyncController
{
public async Task<ActionResult> Index()
{
return  await Task.Factory.StartNew(() =>
{
Thread.Sleep(3000);
ViewBag.Message = "Vous avez configuré une application Web utilisant le Framework .Net 4.5.";

return View();
});

}

// code inchangé
public ActionResult About()
{
ViewBag.Message = "Your app description page.";

return View();
}

public ActionResult Contact()
{
ViewBag.Message = "Your contact page.";

return View();
}
}

Création d’un site web sur le portail Windows Azure

Nous allons maintenant déployer cette application sur Azure.

Pour cela, rendez-vous sur le portail Windows Azure : http://manage.windowsazure.com.

• Cliquez sur Sites Web, puis sur le bouton Nouveau :

• Choisissez Calcul – Site Web – Création Rapide :

• Choisissez une URL pour héberger votre site, la région ainsi que l’abonnement où vous souhaitez déployer votre site. (Pour information , vous avez le droit de créer jusqu’à 10 Web Sites gratuits par Région)

• Après cette opération, vous pouvez observez la création de votre site web.

• Une fois le site crée, l’url pour y accéder est disponible.

• Cliquez sur l’url du site, vous devriez obtenir la fenêtre suivante, en effet, le site a été correctement initialisé, la page IIS habituel étant remplacé par une page d’informations donnant quelques liens pour commencer les développements.

Déploiement du site projet Web sur Azure :

Pour le déploiement d’une solution, il existe plusieurs moyens :

• via un gestionnaire de source du type TFS ou GitHub
• via FTP par transfert de fichier
• via Web Deploy (permet notamment le transfert incrémental de fichier suite à des modifications)

Pour le déploiement de notre solution sur Azure, nous allons utiliser le composant Web Deploy. Pour nous faciliter la tâche, il est possible de télécharger un fichier de configuration pour Web Deploy correspondant à notre site Web.

• Revenez sur le portail Windows Azure, et cliquez sur le nom du site afin d’accéder à son tableau de bord, cliquez sur Télécharger le profil de publication.

• Enregistrez le profil sur votre disque local

• Retournez sur la solution Visual Studio, faites un clic droit sur le projet Web et cliquez sur le bouton Publish…, une nouvelle fenêtre s’ouvre.

• Cliquez sur le bouton Import…

• Choisissez le fichier préalablement téléchargé

• Une fois le fichier chargé, la page de connexion apparait avec l’ensemble des informations pré-remplies. Cliquez sur le bouton Validate Connection et vérifier que le résultat du test est correct. Cliquez ensuite sur Next.

• Sur cette page, vous pouvez choisir la configuration que vous souhaitez déployer ainsi que les surcharges au niveau des chaines de connexion. Cliquez ensuite sur Next

• Vous avez la possibilité de visionner les fichiers que vous allez télécharger sur le serveur à l’aide du bouton Start Preview. Cliquez sur Publish pour continuer.

• La fenêtre de sortie de Visual Studio indique alors le statut du déploiement.

• La page du site s’ouvre dans votre navigateur préféré.

Bravo, vous avez déployer votre premier Web Site ASP.Net 4.5 sur Windows Azure.

Advertisement