Création de projets web ASP.NET dans Visual Studio 2013Creating ASP.NET Web Projects in Visual Studio 2013

par Tom Dykstraby Tom Dykstra

Cette rubrique explique les options de création de projets web ASP.NET dans Visual Studio 2013 avec Update 3This topic explains the options for creating ASP.NET web projects in Visual Studio 2013 with Update 3

Voici quelques-unes des nouvelles fonctionnalités pour le développement web par rapport aux versions antérieures de Visual Studio :Here are some of the new features for web development compared to earlier versions of Visual Studio:

Pour plus d’informations sur la création de projets web pour les Services Cloud Azure ou Azure Mobile Services, consultez prise en main Azure Cloud Services et ASP.NET et création d’une application de Leaderboard avec Azure Mobile Services .NET Serveur principal.For information about how to create web projects for Azure Cloud Services or Azure Mobile Services, see Get Started with Azure Cloud Services and ASP.NET and Creating a Leaderboard App with Azure Mobile Services .NET Backend.

PrérequisPrerequisites

Cet article s’applique aux Visual Studio 2013 avec Update 3 installé.This article applies to Visual Studio 2013 with Update 3 installed.

Projets d’application Web et projets de site webWeb application projects versus web site projects

ASP.NET vous offre le choix entre deux types de projets web : projets d’application web et projets de site web.ASP.NET gives you a choice between two kinds of web projects: web application projects and web site projects. Nous vous recommandons de projets d’application web pour tout nouveau développement, et cet article s’applique uniquement aux projets d’application web.We recommend web application projects for new development, and this article applies only to web application projects. Pour plus d’informations, consultez projets d’Application Web et projets de Site Web dans Visual Studio sur le site MSDN.For more information, see Web Application Projects versus Web Site Projects in Visual Studio on the MSDN site.

Vue d’ensemble de la création de projet d’application webOverview of web application project creation

Les étapes suivantes montrent comment créer un projet web :The following steps show how to create a web project:

  1. Cliquez sur nouveau projet dans le Démarrer page ou dans le fichier menu.Click New Project in the Start page or in the File menu.

  2. Dans le nouveau projet boîte de dialogue, cliquez sur Web dans le volet gauche et Application Web ASP.NET dans le volet central.In the New Project dialog, click Web in the left pane and ASP.NET Web Application in the middle pane.

    Boîte de dialogue Nouveau projet

    Vous pouvez choisir Cloud dans le volet gauche pour créer un Azure Cloud Service, Service Mobile Azure, ou une tâche Web Azure.You can choose Cloud in the left pane to create an Azure Cloud Service, Azure Mobile Service, or Azure WebJob. Cette rubrique n’aborde pas ces modèles.This topic doesn't cover those templates.

  3. Dans le volet droit, cliquez sur le ajouter Application Insights au projet case à cocher si vous souhaitez que l’intégrité et la surveillance de l’utilisation de votre application.In the right pane, click the Add Application Insights to Project check box if you want health and usage monitoring for your application. Pour plus d’informations, consultez surveiller les performances dans les applications web.For more information, see Monitor performance in web applications.

  4. Spécifier le projet nom, emplacementet autres options, puis cliquez sur OK.Specify project Name, Location, and other options, and then click OK.

    Le nouveau projet ASP.NET boîte de dialogue apparaît.The New ASP.NET Project dialog appears.

    Boîte de dialogue Nouveau projet

  5. Cliquez sur un modèle.Click a template.

    Sélectionnez un modèle

  6. Si vous souhaitez ajouter la prise en charge des infrastructures supplémentaires non inclus dans le modèle, cliquez sur la case à cocher appropriée.If you want to add support for additional frameworks not included in the template, click the appropriate check box. (Dans l’exemple, vous pouvez ajouter MVC et/ou API Web à un projet Web Forms.)(In the example shown, you could add MVC and/or Web API to a Web Forms project.)

    Ajouter des infrastructures

  7. Si vous souhaitez ajouter un projet de test unitaire, cliquez sur ajouter des tests unitaires.If you want to add a unit test project, click Add unit tests.

    Ajouter des tests unitaires

  8. Si vous souhaitez une autre méthode d’authentification que ce que fournit le modèle par défaut, cliquez sur modifier l’authentification.If you want a different authentication method than what the template provides by default, click Change Authentication.

    Configurer l’authentification bouton

    Configurer la boîte de dialogue authentification

Créer une application web ou une machine virtuelle dans AzureCreate a web app or virtual machine in Azure

Visual Studio inclut des fonctionnalités qui facilitent l’utilisation des services Azure pour l’hébergement d’applications web.Visual Studio includes features that make it easy to work with Azure services for hosting web applications. Par exemple, vous pouvez effectuer toutes les conditions suivantes directement à partir de l’IDE Visual Studio :For example, you can do all of the following right from the Visual Studio IDE:

  • Créer et gérer des applications web ou des machines virtuelles qui rendent votre application disponible sur Internet.Create and manage web apps or virtual machines that make your application available over the Internet.
  • Afficher les journaux créés par l’application en cours d’exécution dans le cloud.View logs created by the application as it runs in the cloud.
  • Exécuter en mode débogage à distance alors que l’application s’exécute dans le cloud.Run in debug mode remotely while the application runs in the cloud.
  • Affichez et gérez les autres services tels que des bases de données SQL Azure.View and manage other Azure services such as SQL databases.

Vous pouvez créer un compte Azure qui inclut des services de base telles que les applications web gratuitement, et si vous êtes abonné à MSDN, vous pouvez activer les avantages qui fournissent des crédits mensuels vers Azure supplémentaires Services.You can create an Azure account that includes basic services such as web apps for free, and if you are an MSDN subscriber you can activate benefits that give you monthly credits toward additional Azure services.

Par défaut le nouveau projet ASP.NET boîte de dialogue vous permet de créer une application web ou une machine virtuelle pour un nouveau projet web.By default the New ASP.NET Project dialog box enables you to create a web app or virtual machine for a new web project. Si vous ne souhaitez pas créer une nouvelle application web ou une machine virtuelle, désactivez le hôte dans le cloud case à cocher.If you don't want to create a new web app or virtual machine, clear the Host in the cloud check box.

Créer des ressources distantes

La légende de la case à cocher peut être hôte dans le cloud ou créer des ressources distantes, et dans les deux cas, l’effet est le même.The check box caption might be Host in the cloud or Create remote resources, and in either case the effect is the same. Si vous laissez la case à cocher, Visual Studio crée une application web dans Azure App Service par défaut.If you leave the check box selected, Visual Studio creates a web app in Azure App Service by default. Vous pouvez utiliser la zone de liste déroulante pour la remplacer par un Machine virtuelle si vous préférez.You can use the drop-down box to change that to a Virtual Machine if you prefer. Si vous n’êtes pas déjà connecté à Azure, vous êtes invité pour les informations d’identification Azure.If you're not already signed in to Azure, you're prompted for Azure credentials. Après que vous être connecté, une boîte de dialogue vous permet de configurer les ressources que Visual Studio va créer pour votre projet.After you sign in, a dialog box enables you to configure the resources that Visual Studio will create for your project. L’illustration suivante montre la boîte de dialogue pour une application web ; différentes options s’affichent si vous choisissez de créer une machine virtuelle.The following illustration shows the dialog for a web app; different options appear if you choose to create a virtual machine.

Configurer les paramètres d’application Azure

Pour plus d’informations sur l’utilisation de ce processus pour la création de ressources Azure, consultez prise en main Azure et ASP.NET et création d’une machine virtuelle pour un site web avec Visual Studio.For more information about how to use this process for creating Azure resources, see Get Started with Azure and ASP.NET and Creating a virtual machine for a web site with Visual Studio.

Le reste de cet article fournit des informations sur les modèles disponibles et leurs options.The remainder of this article provides more information about the available templates and their options. Il présente également framework Bootstrap, la disposition et le thème utilisé dans les modèles.The article also introduces Bootstrap, the layout and theming framework used in the templates.

Modèles de projet Web Visual Studio 2013Visual Studio 2013 Web Project Templates

Visual Studio utilise des modèles pour créer des projets web.Visual Studio uses templates to create web projects. Un modèle de projet peut créer des fichiers et dossiers dans le nouveau projet, installez les packages NuGet et fournit un exemple de code pour une application opérationnelle rudimentaire.A project template can create files and folders in the new project, install NuGet packages, and provide sample code for a rudimentary working application. Les modèles implémentent les dernières normes web et sont destinés à illustrer les meilleures pratiques pour savoir comment utiliser les technologies ASP.NET ainsi que pour vous donner un saut démarrer sur la création de votre propre application.Templates implement the latest web standards and are intended to demonstrate best practices for how to use ASP.NET technologies as well as give you a jump start on creating your own application.

Visual Studio 2013 fournit les options suivantes pour les modèles de projet web pour les projets qui ciblent le .NET 4.5 ou versions ultérieures du .NET framework :Visual Studio 2013 provides the following choices for web project templates for projects that target .NET 4.5 or later versions of the .NET framework:

Vous pouvez également installer une extension Visual Studio qui fournit un Facebook modèle.You can also install a Visual Studio extension that provides a Facebook template.

Pour plus d’informations sur la création de projets qui ciblent le .NET 4, consultez modèles de Visual Studio 2012 plus loin dans cette rubrique.For information about how to create projects that target .NET 4, see Visual Studio 2012 Templates later in this topic.

Pour plus d’informations sur la façon de créer des applications ASP.NET pour les clients mobiles, consultez prise en charge Mobile dans ASP.NET.For information about how to create ASP.NET applications for mobile clients, see Mobile Support in ASP.NET.

Modèle videEmpty Template

Le modèle vide fournit les dossiers au minimum un système et les fichiers d’une application web ASP.NET, tel qu’un fichier de projet (.csproj ou. vbproj) et un Web.config fichier.The Empty template provides the bare minimum folders and files for an ASP.NET web app, such as a project file (.csproj or .vbproj) and a Web.config file. Vous pouvez ajouter la prise en charge des Web Forms, MVC, et/ou une API Web en utilisant les cases à cocher sous la ajouter des dossiers et les références principales pour : étiquette.You can add support for Web Forms, MVC, and/or Web API by using the check boxes under the Add folders and core references for: label.

Pour le modèle vide, aucune option d’authentification n’est disponibles.For the Empty template no authentication options are available. Fonctionnalité d’authentification est implémentée dans les exemples d’applications, et le modèle vide ne crée pas un exemple d’application.Authentication functionality is implemented in sample applications, and the Empty template does not create a sample application.

Modèle de formulaires WebWeb Forms Template

Le framework fournit les fonctionnalités suivantes qui vous permettent de rapidement créer des sites web qui sont riches en données et de l’interface utilisateur Web Forms accéder aux fonctionnalités :The Web Forms framework provides the following features that let you rapidly build web sites that are rich in UI and data access features:

  • Un outil de conception dans Visual Studio.A WYSIWYG designer in Visual Studio.
  • Contrôles serveur qui a rendu HTML et que vous pouvez personnaliser en définissant des propriétés et des styles.Server controls that render HTML and that you can customize by setting properties and styles.
  • Un large éventail de contrôles pour l’accès aux données et l’affichage de données.A rich assortment of controls for data access and data display.
  • Un modèle d’événement qui expose des événements dans lequel vous pouvez programmer tels que vous devez programmer une application cliente telles que WPF.An event model that exposes events which you can program like you would program a client application such as WPF.
  • Conservation automatique de l’état (données) entre les requêtes HTTP.Automatic preservation of state (data) between HTTP requests.

En général, la création d’une application Web Forms nécessite moins d’efforts programmation que la création de la même application à l’aide de l’infrastructure ASP.NET MVC.In general, creating a Web Forms application requires less programming effort than creating the same application by using the ASP.NET MVC framework. Toutefois, Web Forms n’est pas seulement pour le développement rapide d’applications.However, Web Forms is not just for rapid application development. Il existe de nombreuses applications commerciales complexes et infrastructures reposant sur des Web Forms.There are many complex commercial applications and frameworks built on top of Web Forms.

Comme une page Web Forms et les contrôles sur la page génèrent automatiquement une grande partie de la balise qui est envoyée au navigateur, vous n’avez le type d’un contrôle affiné sur le code HTML qui offre d’ASP.NET MVC.Because a Web Forms page and the controls on the page automatically generate much of the markup that's sent to the browser, you don't have the kind of fine-grained control over the HTML that ASP.NET MVC offers. Le modèle déclaratif pour la configuration des pages et contrôles réduit la quantité de code, vous devez écrire mais masque une partie du comportement du code HTML et HTTP.The declarative model for configuring pages and controls minimizes the amount of code you have to write but hides some of the behavior of HTML and HTTP. Par exemple, il n’est pas toujours possible de spécifier exactement quelles balises peuvent être générés par un contrôle.For example, it's not always possible to specify exactly what markup might be generated by a control.

L’infrastructure Web Forms ne se prête pas aussi facilement qu’ASP.NET MVC à des pratiques de développement basé sur des modèles tels que développement piloté par test, séparation des préoccupations, inversion de contrôle, et l’injection de dépendances.The Web Forms framework doesn't lend itself as readily as ASP.NET MVC to patterns-based development practices such as test-driven development, separation of concerns, inversion of control, and dependency injection. Si vous souhaitez écrire de code prises en charge de cette façon, vous pouvez ; Il n’est pas aussi automatique car il s’agit de l’infrastructure ASP.NET MVC.If you want to write code factored that way, you can; it's just not as automatic as it is in the ASP.NET MVC framework. Le ASP.NET Web Forms MVP projet montre une approche qui facilite la séparation des intérêts et de la testabilité, tout en conservant le développement rapide Web Forms a été conçu pour offrir.The ASP.NET Web Forms MVP project shows an approach that facilitates separation of concerns and testability while maintaining the rapid development that Web Forms was built to deliver. Microsoft SharePoint s’appuie sur des Web Forms MVP.Microsoft SharePoint is built on Web Forms MVP.

Le modèle Web Forms crée un exemple d’application Web Forms qui utilise Bootstrap pour fournir des fonctionnalités de création et de thèmes réactives.The Web Forms template creates a sample Web Forms application that uses Bootstrap to provide responsive design and theming features. L’illustration suivante montre la page d’accueil.The following illustration shows the home page.

Page d’accueil application modèle Web Forms

Pour plus d’informations sur les Web Forms, consultez ASP.NET Web Forms.For more information about Web Forms, see ASP.NET Web Forms. Pour plus d’informations sur ce que fait le modèle Web Forms pour vous, consultez générer une application Web Forms de base à l’aide de Visual Studio 2013.For information about what the Web Forms template does for you, see Building a basic Web Forms application using Visual Studio 2013.

Modèle MVCMVC Template

ASP.NET MVC a été conçu pour faciliter les pratiques de développement basé sur des modèles tels que développement piloté par test, séparation des préoccupations, l’inversion de contrôle, et l’injection de dépendances.ASP.NET MVC was designed to facilitate patterns-based development practices such as test-driven development, separation of concerns, inversion of control, and dependency injection. Cette infrastructure encourage en séparant la couche de logique métier d’une application web à partir de sa couche de présentation.The framework encourages separating the business logic layer of a web application from its presentation layer. En divisant l’application dans les modèles (M), des vues (V) et des contrôleurs (C), ASP.NET MVC peut rendre plus facile à gérer la complexité dans les applications de grande taille.By dividing the application into models (M), views (V), and controllers (C), ASP.NET MVC can make it easier to manage complexity in larger applications.

Avec ASP.NET MVC, vous travaillez plus directement avec HTML et HTTP que dans Web Forms.With ASP.NET MVC, you work more directly with HTML and HTTP than in Web Forms. Par exemple, Web Forms peut conserver automatiquement l’état entre les requêtes HTTP, mais vous avez vers du code qui explicitement dans MVC.For example, Web Forms can automatically preserve state between HTTP requests, but you have to code that explicitly in MVC. L’avantage du modèle MVC est qu’il vous permet de prendre le contrôle complet sur exactement ce que fait votre application et comment elle se comporte dans l’environnement web.The advantage of the MVC model is that it enables you to take complete control over exactly what your application is doing and how it behaves in the web environment. L’inconvénient est que vous avez à écrire davantage de code.The disadvantage is that you have to write more code.

MVC a été conçu pour être extensible, en fournissant aux développeurs de power la possibilité de personnaliser le framework pour leurs besoins de l’application.MVC was designed to be extensible, providing power developers the ability to customize the framework for their application needs. En outre, le code source ASP.NET MVC est disponible sous licence OSI.In addition, the ASP.NET MVC source code is available under an OSI license.

Le modèle MVC crée un exemple d’application MVC 5 qui utilise Bootstrap pour fournir des fonctionnalités de création et de thèmes réactives.The MVC template creates a sample MVC 5 application that uses Bootstrap to provide responsive design and theming features. L’illustration suivante montre la page d’accueil.The following illustration shows the home page.

Exemple d’application MVC

Pour plus d’informations sur MVC, consultez ASP.NET MVC.For more information about MVC, see ASP.NET MVC. Pour plus d’informations sur la façon de sélectionner le modèle MVC 4, consultez modèles Visual Studio 2012 plus loin dans cet article.For information about how to select the MVC 4 template, see Visual Studio 2012 templates later in this article.

Modèle d’API WebWeb API Template

Le modèle API Web crée un exemple de service web basé sur les API Web, y compris les pages d’aide API basées sur MVC.The Web API template creates a sample web service based on Web API, including API help pages based on MVC.

API Web ASP.NET est une infrastructure qui facilite la création de services HTTP qui atteignent une large gamme de clients, y compris les navigateurs et appareils mobiles.ASP.NET Web API is a framework that makes it easy to build HTTP services that reach a broad range of clients, including browsers and mobile devices. API Web ASP.NET est une plateforme idéale pour créer des services RESTful sur le .NET Framework.ASP.NET Web API is an ideal platform for building RESTful services on the .NET Framework.

Le modèle API Web crée un exemple de service web.The Web API template creates a sample web service. Les illustrations suivantes montrent des exemples de pages aide.The following illustrations show sample help pages.

Page d’aide API Web

Page d’aide API Web pour obtenir des API

Pour plus d’informations sur l’API Web, consultez API Web ASP.NET.For more information about Web API, see ASP.NET Web API.

Modèle d’Application monopageSingle Page Application Template

Le modèle d’Application à Page unique (SPA) crée un exemple d’application qui utilise JavaScript, HTML 5, et KnockoutJS sur le client et ASP.NET Web API sur le serveur.The Single Page Application (SPA) template creates a sample application that uses JavaScript, HTML 5, and KnockoutJS on the client, and ASP.NET Web API on the server.

Est la seule option d’authentification pour le modèle SPA comptes d’utilisateur individuels.The only authentication option for the SPA template is Individual User Accounts.

L’illustration suivante montre l’état initial de l’exemple d’application qui génère le modèle SPA.The following illustration shows the initial state of the sample application that the SPA template builds.

Exemple d’application SPA

Pour plus d’informations sur la création d’une application en utilisant le modèle SPA, consultez API Web - Services d’authentification externe.For information about how to create an application by using the SPA template, see Web API - External Authentication Services.

Pour plus d’informations sur les Applications à Page unique ASP.NET et les modèles SPA supplémentaires qui utilisent des infrastructures JavaScript autre que KnockoutJS, consultez les ressources suivantes :For more information about ASP.NET Single Page Applications, and about additional SPA templates that use JavaScript frameworks other than KnockoutJS, see the following resources:

Modèle pour FacebookFacebook Template

Vous pouvez installer un extension Visual Studio qui fournit un modèle de Facebook.You can install a Visual Studio extension that provides a Facebook template. Ce modèle crée un exemple d’application qui est conçu pour s’exécuter dans le site web Facebook.This template creates a sample application that is designed to run inside the Facebook web site. Il est basé sur ASP.NET MVC et utilise les API Web pour la fonctionnalité de mise à jour en temps réel.It is based on ASP.NET MVC and uses Web API for real-time update functionality.

Aucune option d’authentification n’est disponibles pour le modèle de Facebook, car les applications Facebook s’exécutent dans le site Facebook et s’appuient sur l’authentification de Facebook.No authentication options are available for the Facebook template because Facebook applications run within the Facebook site and rely on Facebook's authentication.

Pour plus d’informations sur les applications ASP.NET Facebook, consultez mise à jour de l’API de Facebook MVC.For more information about ASP.NET Facebook applications, see Updating the MVC Facebook API.

Modèles de Visual Studio 2012Visual Studio 2012 Templates

La boîte de dialogue Création de projet web Visual Studio 2013 ne donne pas accès à certains modèles qui étaient disponibles dans Visual Studio 2012.The Visual Studio 2013 web project creation dialog does not provide access to some templates that were available in Visual Studio 2012. Si vous souhaitez utiliser un de ces modèles, vous pouvez cliquer sur le nœud Visual Studio 2012 dans le volet gauche de la boîte de dialogue Nouveau projet Visual Studio.If you want to use one of these templates, you can click the Visual Studio 2012 node in the left pane of the Visual Studio New Project dialog box.

Modèles de Visual Studio 2012

Le Visual Studio 2012 nœud vous permet de choisir les modèles web suivants que vous n’avez pas accès à la liste par défaut des modèles pour Visual Studio 2013 :The Visual Studio 2012 node lets you choose the following web templates that you don't have access to in the default list of templates for Visual Studio 2013:

  • Application Web ASP.NET MVC 4ASP.NET MVC 4 Web Application
  • Application Web ASP.NET Dynamic Data EntitiesASP.NET Dynamic Data Entities Web Application
  • Contrôle serveur ASP.NET AJAXASP.NET AJAX Server Control
  • Extendeur de contrôle serveur ASP.NET AJAXASP.NET AJAX Server Control Extender
  • Contrôle serveur ASP.NETASP.NET Server Control

Données d’amorçage dans les modèles de projet web Visual Studio 2013Bootstrap in the Visual Studio 2013 web project templates

Utilisent les modèles de projet Visual Studio 2013 Bootstrap, une infrastructure de mise en page et des thèmes créée par Twitter.The Visual Studio 2013 project templates use Bootstrap, a layout and theming framework created by Twitter. Programme d’amorçage utilise CSS3 pour fournir une conception réactive, ce qui signifie que des dispositions puissent s’adapter dynamiquement aux tailles de fenêtre de navigateur différents.Bootstrap uses CSS3 to provide responsive design, which means layouts can dynamically adapt to different browser window sizes. Par exemple, dans une fenêtre de navigateur large la page d’accueil créée par le modèle Web Forms ressemble à l’illustration suivante :For example, in a wide browser window the home page created by the Web Forms template looks like the following illustration:

Page d’accueil application modèle Web Forms

Rétrécir la fenêtre, et les colonnes sont organisés horizontalement déplacement dans une disposition verticale :Make the window narrower, and the horizontally arranged columns move into vertical arrangement:

Disposition de colonne verticale d’amorçage

Affiner un peu plus de la fenêtre, et le menu supérieur horizontal se transforme en une icône que vous pouvez cliquer pour développer dans un menu orienté verticalement :Narrow the window a little more, and the horizontal top menu turns into an icon that you can click to expand into a vertically oriented menu:

Icône de menu d’amorçage

Menu vertical d’amorçage

Vous pouvez également utiliser la fonctionnalité de thèmes de Bootstrap pour facilement effectuer un changement dans l’apparence de l’application.You can also use Bootstrap's theming feature to easily effect a change in the application's look and feel. Par exemple, peut procéder comme suit pour modifier le thème.For example, you can do the following steps to change the theme.

  1. Dans votre navigateur, accédez à http://Bootswatch.com , choisissez un thème, puis cliquez sur télécharger.In your browser, go to http://Bootswatch.com, choose a theme, and then click Download. (Cette opération télécharge Bootstrap.min.CSS par défaut ; si vous souhaitez examiner le code CSS, obtenez bootstrap.css au lieu de la version minifiée.)(This downloads bootstrap.min.css by default; if you want to examine the CSS code, get bootstrap.css instead of the minified version.)
  2. Copiez le contenu du fichier CSS téléchargé.Copy the contents of the downloaded CSS file.
  3. Dans Visual Studio, créez un nouveau feuille de Style fichier nommé bootstrap-Theme.CSS dans le contenu dossier et collez le code CSS téléchargé code dedans.In Visual Studio, create a new Style Sheet file named bootstrap-theme.css in the Content folder and paste the downloaded CSS code into it.
  4. Ouvrez application_Start/Bundle.config et modifiez bootstrap.css à bootstrap-Theme.CSS.Open App_Start/Bundle.config and change bootstrap.css to bootstrap-theme.css.

Exécuter à nouveau le projet, et l’application a un nouveau look.Run the project again, and the application has a new look. L’illustration suivante montre l’effet du thème Amelia :The following illustration shows the effect of the Amelia theme:

Thème d’amorçage Amelia

Plusieurs thèmes d’amorce sont disponibles, les versions gratuites et premium.Many Bootstrap themes are available, both free and premium versions. Bootstrap offre également une grande variété de composants d’interface utilisateur, tel que listes déroulantes, bouton groupes, et icônes.Bootstrap also offers a wide variety of UI components, such as drop-downs, button groups, and icons. Pour plus d’informations sur les données d’amorçage, consultez le site d’amorçage.For more information about Bootstrap, see the Bootstrap site.

Si vous utilisez le Concepteur Web Forms dans Visual Studio, notez que le concepteur ne prend en charge CSS3, il n’affiche pas correctement tous les effets des thèmes d’amorçage ou changements de disposition dynamique.If you use the Web Forms designer in Visual Studio, note that the designer doesn't support CSS3, so it doesn't accurately show all the effects of Bootstrap themes or responsive layout changes. Toutefois, les pages Web Forms seront affichent correctement lorsqu’ils sont affichés avec un navigateur.However, the Web Forms pages will display correctly when viewed with a browser.

Ajout de prise en charge des infrastructures supplémentairesAdding Support for Additional Frameworks

Lorsque vous sélectionnez un modèle, la case à cocher pour les ou les frameworks utilisés par le modèle est automatiquement sélectionné.When you select a template, the check box for the framework(s) used by the template is automatically selected. Par exemple, si vous sélectionnez le Web Forms modèle, le Web Forms case à cocher est activée et vous ne pouvez pas la désactiver.For example, if you select the Web Forms template, the Web Forms check box is selected and you can't clear it.

Sélectionnez un modèle

Ajouter des infrastructures

Vous pouvez sélectionner la case à cocher pour une infrastructure qui n’est pas incluse dans le modèle afin d’ajouter la prise en charge ce framework lorsque le projet est créé.You can select the check box for a framework that isn't included in the template in order to add support for that framework when the project is created. Par exemple, pour activer l’utilisation des Web Forms .aspx pages lorsque vous avez sélectionné le modèle MVC, sélectionnez le Web Forms case à cocher.For example, to enable the use of Web Forms .aspx pages when you've selected the MVC template, select the Web Forms check box. Ou pour permettre à MVC lorsque vous utilisez le modèle Web Forms, cliquez sur le MVC case à cocher.Or to enable MVC when you're using the Web Forms template, click the MVC check box. Ajout d’un framework permet la prise en charge au moment du design, ainsi que des temps d’exécution.Adding a framework enables design-time as well as run-time support. Par exemple, si vous ajoutez la prise en charge MVC à un projet Web Forms, vous serez en mesure de générer automatiquement des contrôleurs et des vues.For example, if you add MVC support to a Web Forms project, you will be able to scaffold controllers and views.

Si vous combinez des Web Forms et MVC dans un projet et activez URL conviviales dans Web Forms, il peut y avoir inattendue de problèmes de routage où une URL a plusieurs cibles possibles.If you combine Web Forms and MVC in a project and enable Friendly URLs in Web Forms, there might be unexpected routing problems where one URL has multiple possible targets. Les itinéraires définis tout d’abord seront prioritaire.The routes that are defined first will take precedence. Par exemple, si vous avez un Home contrôleur et un Home.aspx page, le http://contoso.com/home URL ira à Home.aspx si vous appelez le EnableFriendlyUrls méthode avant d’appeler le MapRouteméthode dans RouteConfig.cs, ou la même URL passera à l’affichage par défaut pour votre Home contrôleur si vous appelez MapRoute avant EnableFriendlyUrls.For example, if you have a Home controller and a Home.aspx page, the http://contoso.com/home URL will go to Home.aspx if you call the EnableFriendlyUrls method before you call the MapRoute method in RouteConfig.cs, or the same URL will go to the default view for your Home controller if you call MapRoute before EnableFriendlyUrls.

Ajout d’un framework n’ajoute pas les fonctionnalités de l’application exemple.Adding a framework does not add any sample application functionality. Par exemple, si vous ajoutez des Web Forms prend en charge lorsque vous avez sélectionné le modèle MVC, ne Default.aspx page d’accueil du fichier est créée.For example, if you add Web Forms support when you've selected the MVC template, no Default.aspx home page file is created. Seuls les dossiers, les fichiers et les références requises pour prendre en charge l’infrastructure sont ajoutés.Only the folders, files, and references required to support the framework are added. Pour cette raison, ajout d’infrastructures ne change pas les options d’authentification, qui sont implémentées par du code dans les exemples d’applications créés par les modèles.For that reason, adding frameworks doesn't change authentication options, which are implemented by code in sample applications created by the templates. Par exemple, si vous sélectionnez le modèle vide et ajoutez des Web Forms ou MVC prend en charge, le configurer l’authentification bouton restera désactivé.For example, if you select the Empty template and add Web Forms or MVC support, the Configure Authentication button will still be disabled.

Les sections suivantes décrivent brièvement l’effet de chaque case à cocher.The following sections describe briefly the effect of each check box.

Ajouter la prise en charge de Web FormsAdd Web Forms Support

Crée un vide application_données et modèles dossiers et un Global.asax fichier.Creates empty App_Data and Models folders and a Global.asax file. Ceux-ci sont déjà créés par tous les modèles autres que le modèle vide, donc en sélectionnant la case à cocher Web Forms ne fait aucune différence pour les autres modèles.These are already created by all templates other than the Empty template, so selecting the Web Forms check box makes no difference for other templates.

Le modèle Web Forms active les URL conviviales par défaut, mais lorsque vous ajoutez des que Web Forms prend en charge à d’autres modèles en sélectionnant la case à cocher Web Forms Qu'url conviviales ne sont pas activés automatiquement.The Web Forms template enables Friendly URLs by default, but when you add Web Forms support to other templates by selecting the Web Forms check box Friendly URLs are not automatically enabled.

Ajouter la prise en charge MVCAdd MVC Support

Installe les packages MVC, Razor et WebPages NuGet, crée vide application_données, contrôleurs, modèles, et vuesdossiers, crée application_Démarrer dossier avec RouteConfig.cs de fichiers et crée Global.asax fichier.Installs MVC, Razor, and WebPages NuGet packages, creates empty App_Data, Controllers, Models, and Views folders, creates App_Start folder with RouteConfig.cs file, and creates Global.asax file.

Ajouter la prise en charge des API WebAdd Web API Support

Installe les packages WebApi et Newtonsoft.Json NuGet, crée vide application_données, contrôleurs, et modèles dossiers, crée Application_Démarrer dossier avec WebApiConfig.cs de fichiers et crée Global.asax fichier.Installs WebApi and Newtonsoft.Json NuGet packages, creates empty App_Data, Controllers, and Models folders, creates App_Start folder with WebApiConfig.cs file, and creates Global.asax file.

Méthodes d’authentificationAuthentication Methods

Visual Studio 2013 offre plusieurs options d’authentification pour les modèles Web Forms, MVC et API Web :Visual Studio 2013 offers several authentication options for the Web Forms, MVC, and Web API templates:

Configurer la boîte de dialogue authentification

Aucune authentificationNo Authentication

Si vous sélectionnez aucune authentification, l’exemple d’application ne contiendra aucune page web pour la connexion, ne l’interface utilisateur qui indique qui est connecté, aucune entité de classes pour une base de données d’appartenance et aucune chaîne de connexion pour une base de données d’appartenance.If you select No Authentication, the sample application will contain no web pages for logging in, no UI indicating who is logged in, no entity classes for a membership database, and no connection string for a membership database.

Comptes d’utilisateur individuelsIndividual User Accounts

Si vous sélectionnez comptes d’utilisateur individuels, l’exemple d’application sera être configuré pour utiliser ASP.NET Identity (anciennement appelé l’appartenance ASP.NET) pour l’authentification utilisateur.If you select Individual User Accounts, the sample application will be configured to use ASP.NET Identity (formerly known as ASP.NET membership) for user authentication. ASP.NET Identity permet à un utilisateur à inscrire un compte, en créant un nom d’utilisateur et le mot de passe sur le site ou en vous connectant avec des fournisseurs de réseaux sociaux tels que Facebook, Google, Microsoft Account ou Twitter.ASP.NET Identity enables a user to register an account, by creating a username and password on the site or by signing in with social providers such as Facebook, Google, Microsoft Account, or Twitter. Le magasin de données par défaut pour les profils utilisateur dans ASP.NET Identity est une base de données SQL Server LocalDB, vous pouvez déployer vers SQL Server ou de la base de données SQL Azure pour le site de production.The default data store for user profiles in ASP.NET Identity is a SQL Server LocalDB database, which you can deploy to SQL Server or Azure SQL Database for the production site.

Dans Visual Studio 2013, ces fonctionnalités sont les mêmes que dans Visual Studio 2012, mais le code sous-jacent pour le système d’appartenance ASP.NET a été réécrit.In Visual Studio 2013 these features are the same as in Visual Studio 2012, but the underlying code for the ASP.NET membership system has been rewritten. Avantages de la nouvelle base de code sont les suivants :Advantages of the new code base include the following:

  • Le nouveau système d’appartenance est basé sur OWIN plutôt que le module d’authentification par formulaire ASP.NET.The new membership system is based on OWIN rather than the ASP.NET Forms Authentication module. Cela signifie que vous pouvez utiliser le même mécanisme d’authentification si vous utilisez des Web Forms ou MVC dans IIS, ou vous êtes l’auto-hébergement API Web ou SignalR.This means that you can use the same authentication mechanism whether you're using Web Forms or MVC in IIS, or you're self-hosting Web API or SignalR.
  • La nouvelle base de données d’appartenance est gérée par Entity Framework Code First, et toutes les tables sont représentées par des classes d’entité que vous pouvez modifier.The new membership database is managed by Entity Framework Code First, and all of the tables are represented by entity classes that you can modify. Cela signifie que vous pouvez facilement personnaliser le schéma de base de données et les web liés au profil de l’interface utilisateur en fonction de vos propres besoins, et vous pouvez facilement déployer vos mises à jour à l’aide des Migrations Code First.This means that you can easily customize the database schema and profile-related web UI to fit your own needs, and you can easily deploy your updates using Code First Migrations.

Le nouveau système d’appartenance est implémenté automatiquement dans les nouveaux modèles, et il peut être implémentées manuellement dans un projet qui cible le .NET 4.5 ou version ultérieure.The new membership system is implemented automatically in the new templates, and it can be implemented manually in any project that targets .NET 4.5 or later.

ASP.NET Identity est un bon choix si vous créez un site Internet qui est principalement pour les clients externes.ASP.NET Identity is a good choice if you are creating an Internet web site which is mainly for external customers. Si votre organisation utilise Active Directory ou Office 365 et que vous souhaitez créer un projet qui permet à l’authentification unique pour les employés et partenaires commerciaux, les comptes professionnels option peut être un meilleur choix.If your organization uses Active Directory or Office 365 and you want to create a project that enables single-sign-on for employees and business partners, the Organizational Accounts option might be a better choice.

Pour plus d’informations sur l’option comptes d’utilisateur individuels, consultez les ressources suivantes :For more information about the Individual User Accounts option, see the following resources:

Comptes professionnelsOrganizational Accounts

Si vous sélectionnez comptes professionnels, l’exemple d’application sera être configuré pour utiliser Windows Identity Foundation (WIF) pour l’authentification basée sur les comptes d’utilisateur dans Azure Active Directory (Azure AD, qui inclut Office 365) ou Windows Server Active Directory.If you select Organizational Accounts, the sample application will be configured to use Windows Identity Foundation (WIF) for authentication based on user accounts in Azure Active Directory (Azure AD, which includes Office 365) or Windows Server Active Directory. Pour plus d’informations, consultez options d’authentification de compte de société plus loin dans cette rubrique.For more information, see Organizational account authentication options later in this topic.

Authentification WindowsWindows Authentication

Si vous sélectionnez l’authentification Windows, l’exemple d’application sera être configuré pour utiliser le module IIS de l’authentification Windows pour l’authentification.If you select Windows Authentication, the sample application will be configured to use the Windows Authentication IIS module for authentication. L’application affiche le domaine et l’ID utilisateur d’Active directory ou du compte d’ordinateur local qui est connecté à Windows, mais ne comprennent l’inscription utilisateur ou journal dans l’interface utilisateur.The application will display the domain and user ID of the Active directory or local machine account that is logged into Windows but won't include user registration or log-in UI. Cette option est destinée aux sites web Intranet.This option is intended for Intranet web sites.

Vous pouvez également créer un site Intranet qui utilise l’authentification Active Directory en choisissant le option sous des comptes professionnels sur site.Alternatively, you can create an Intranet site that uses AD authentication by choosing the On-Premises option under Organizational Accounts. L’option On-Premises utilise Windows Identity Foundation (WIF) au lieu du module d’authentification Windows.The On-Premises option uses Windows Identity Foundation (WIF) instead of the Windows Authentication module. Quelques étapes supplémentaires sont nécessaires pour configurer l’option On-Premises, mais WIF Active les fonctionnalités qui ne sont pas disponibles avec le module d’authentification Windows.Some additional steps are required in order to set up the On-Premises option, but WIF enables features that aren't available with the Windows Authentication module. Par exemple, avec WIF, vous pouvez configurer des accès aux applications dans les données d’annuaire Active Directory et de la requête.For example, with WIF you can configure application access in Active Directory and query directory data.

Options d’authentification de compte professionnelOrganizational account authentication options

Le configurer l’authentification boîte de dialogue vous propose plusieurs options pour l’authentification de compte de Windows Server Active Directory (AD) ou Azure Active Directory (Azure AD, qui inclut Office 365) :The Configure Authentication dialog gives you several options for Azure Active Directory (Azure AD, which includes Office 365) or Windows Server Active Directory (AD) account authentication:

Si vous souhaitez essayer une des options d’Azure AD mais que vous n’avez pas encore, un compte cliquez ici pour vous inscrire à un compte Azure AD.If you want to try one of the Azure AD options but don't have an account yet, click here to sign up for a Azure AD account.

Note

Si vous choisissez une des options d’Azure AD, votre projet nécessite une base de données et vous devez vous connecter à un compte d’administrateur général pour votre locataire Azure AD.If you choose one of the Azure AD options, your project requires a database and you have to sign in to a global administrator account for your Azure AD tenant. Entrez le nom et le mot de passe pour un compte professionnel (par exemple, admin@contoso.onmicrosoft.com) qui dispose des autorisations d’administration pour votre client Azure AD.Enter the name and password for an organizational account (for example, admin@contoso.onmicrosoft.com) that has administrative permissions for your Azure AD tenant.

N’entrez des informations d’identification pour un compte Microsoft (par exemple, contoso@hotmail.com) dans la boîte de dialogue de connexion.Don't enter credentials for a Microsoft account (for example, contoso@hotmail.com) in the sign-in dialog box.

Cloud - authentification d’organisation uniqueCloud - Single Organization Authentication

Authentification d’organisation unique

Choisissez cette option si vous souhaitez activer l’authentification pour les comptes d’utilisateur qui sont définies dans un annuaire Azure AD locataire.Choose this option if you want to enable authentication for user accounts that are defined in one Azure AD tenant. Par exemple, le site est contoso.com et elle sera disponible aux employés de la société Contoso qui se trouvent dans le locataire contoso.onmicrosoft.com.For example, the site is contoso.com and it will be made available to employees of the Contoso Company who are in the contoso.onmicrosoft.com tenant. Vous ne pourrez pas configurer Azure AD pour permettre aux utilisateurs d’autres locataires d’accéder à l’application.You won't be able to configure Azure AD to allow users from other tenants to access the application.

DomaineDomain

Entrez le domaine Azure AD que vous souhaitez configurer l’application, par exemple : contoso.onmicrosoft.com.Enter the Azure AD domain that you want to set up the application in, for example: contoso.onmicrosoft.com. Si vous avez un domaine personnalisé, tel que contoso.com au lieu de contoso.onmicrosoft.com, vous pouvez le saisir ici.If you have a custom domain, such as contoso.com instead of contoso.onmicrosoft.com, you can enter that here.

Niveau d’accèsAccess Level

Si l’application doit interroger ou mettre à jour les informations d’annuaire à l’aide de l’API Graph, choisissez Single Sign-On, les données d’annuaire en lecture ou Single Sign-On, lire et écrire des données de répertoire.If the application needs to query or update directory information by using the Graph API, choose Single Sign-On, Read Directory Data or Single Sign-On, Read and Write Directory Data. Sinon, choisissez Single Sign-On.Otherwise, choose Single Sign-On. Pour plus d’informations, consultez niveaux d’accès Application et à l’aide de l’API Graph pour interroger Azure AD.For more information, see Application Access Levels and Using the Graph API to Query Azure AD.

URI ID d’applicationApplication ID URI

Par défaut, le modèle crée une URI ID d’application pour vous en ajoutant le nom du projet au domaine Azure AD.By default, the template creates an application ID URI for you by appending the project name to the Azure AD domain. Par exemple, si le nom du projet est Example et le domaine est contoso.onmicrosoft.com, l’application devient URI ID https://contoso.onmicrosoft.com/Example.For example, if the project name is Example and the domain is contoso.onmicrosoft.com, the application ID URI becomes https://contoso.onmicrosoft.com/Example. Si vous souhaitez spécifier manuellement l’URI ID d’application, développez le plus d’Options section et entrez l’URI ID d’application dans la zone de texte.If you want to manually specify the application ID URI, expand the More Options section and enter the application ID URI in the text box. L’application ID URI doit commencer par https://.The application ID URI must begin with https://.

Par défaut, si une application qui est déjà approvisionnée dans Azure AD a la même URI ID d’application que celui qui est à l’aide de Visual Studio pour le projet, le projet est connecté à l’application existante au lieu d’approvisionner un nouveau.By default, if an application that is already provisioned in Azure AD has the same application ID URI as the one that Visual Studio is using for the project, the project will be connected to the existing application instead of provisioning a new one. Si vous souhaitez une nouvelle application à être configurés dans ce cas, désactivez le remplacer l’entrée de l’application si un avec le même ID existe déjà case à cocher.If you want a new application to be provisioned in that case, clear the Overwrite the application entry if one with the same ID already exists check box.

Si le remplacer case à cocher est désactivée et Visual Studio recherche une application existante avec la même URI ID d’application, il crée un URI en ajoutant un numéro à l’URI il allait à utiliser.If the Overwrite check box is cleared, and Visual Studio finds an existing application with the same application ID URI, it creates a new URI by appending a number to the URI it was going to use. Par exemple, supposons que le nom du projet est Example, vous ne renseignez la zone de texte, vous désactivez le remplacer case à cocher et le client Azure AD a déjà une application avec l’URI https://contoso.onmicrosoft.com/Example.For example, suppose the project name is Example, you leave the text box blank, you clear the Overwrite check box, and the Azure AD tenant already has an application with the URI https://contoso.onmicrosoft.com/Example. Dans ce cas, une nouvelle application est préparée avec une application que les URI d’ID https://contoso.onmicrosoft.com/Example_20130619330903.In that case, a new application will be provisioned with an application ID URI like https://contoso.onmicrosoft.com/Example_20130619330903.

Approvisionnement de l’application dans Azure ADProvisioning the application in Azure AD

Pour configurer l’application dans Azure AD ou de connexion du projet à une application existante, Visual Studio nécessite les informations d’identification d’un administrateur général pour le domaine.In order to provision the application in Azure AD or connect the project to an existing application, Visual Studio needs the credentials of a global administrator for the domain. Lorsque vous cliquez sur OK dans le configurer l’authentification boîte de dialogue, vous êtes invité au nom d’utilisateur et le mot de passe d’un administrateur général pour le domaine que vous avez spécifié.When you click OK in the Configure Authentication dialog box, you are prompted for the user name and password of a global administrator for the domain you specified. Ensuite, lorsque vous cliquez sur créer un projet dans le nouveau projet ASP.NET boîte de dialogue, Visual Studio configure l’application dans Azure AD.Later, when you click Create Project in the New ASP.NET Project dialog, Visual Studio provisions the application in Azure AD. Notez que dans le cadre de ce processus Visual Studio incorpore des valeurs secrètes de client dans le fichier Web.config qui expirent un an après sa création.Note that as part of this process Visual Studio embeds client secret values in the Web.config file that expire one year after creation.

Pour plus d’informations sur la création d’applications qui utilisent Cloud - organisation unique l’authentification, consultez les ressources suivantes :For information about how to create applications that use Cloud - Single Organization authentication, see the following resources:

Les didacticiels n’ont pas encore été mis à jour pour Visual Studio 2013 ; les didacticiels vous invitent à effectuer manuellement certaines est automatisé dans Visual Studio 2013.The tutorials have not yet been updated for Visual Studio 2013; some of what the tutorials direct you to do manually is automated in Visual Studio 2013.

Cloud - Multi organisation AuthenticationCloud - Multi Organization Authentication

Authentification d’organisation multiple

Choisissez cette option si vous souhaitez activer l’authentification pour les comptes d’utilisateur qui sont définis dans Azure AD plusieurs locataires.Choose this option if you want to enable authentication for user accounts that are defined in multiple Azure AD tenants. Par exemple, le site est contoso.com, et il sera disponible pour les employés de la société Contoso qui se trouvent dans le locataire contoso.onmicrosoft.com et les employés de la société Fabrikam qui se trouvent dans le locataire de fabrikam.onmicrosoft.com.For example, the site is contoso.com and it will be made available to employees of the Contoso Company who are in the contoso.onmicrosoft.com tenant, and employees of the Fabrikam Company who are in the fabrikam.onmicrosoft.com tenant.

Les paramètres que vous entrez et l’application d’étape de configuration sont similaires aux l’authentification unique organisation.The settings that you enter and the application provisioning step are similar to single organization authentication.

Pour plus d’informations sur la création d’applications qui utilisent Cloud - Multi organisation l’authentification, consultez les ressources suivantes :For information about how to create applications that use Cloud - Multi Organization authentication, see the following resources:

Authentification d’organisation en localOn-Premises Organizational Authentication

Authentification d’organisation en local

Choisissez cette option si vous souhaitez activer l’authentification pour les comptes d’utilisateur qui sont définies dans Windows Server Active Directory (AD), et vous ne souhaitez pas utiliser Azure AD.Choose this option if you want to enable authentication for user accounts that are defined in Windows Server Active Directory (AD), and you don't want to use Azure AD. Vous pouvez utiliser cette option pour créer un site Intranet ou un site Internet.You can use this option to create an Intranet site or an Internet site. Pour un site Internet, utilisez Active Directory Federation Services (ADFS) pour fournir l’accès à Active Directory.For an Internet site, use Active Directory Federation Services (ADFS) to provide access to AD. Pour plus d’informations, consultez utiliser l’Option d’authentification d’organisation (ADFS) On-Premises avec ASP.NET dans Visual Studio 2013.For more information, see Use the On-Premises Organizational Authentication Option (ADFS) With ASP.NET in Visual Studio 2013.

Pour un site Intranet, en guise d’alternative que vous pouvez choisir l’authentification Windows au lieu de cette option.For an Intranet site, as an alternative you can choose Windows Authentication instead of this option. Pour l’option d’authentification de Windows vous n’êtes pas obligé de fournir une URL de document de métadonnées.For the Windows Authentication option you don't have to provide a metadata document URL. Toutefois, l’authentification Windows ne vous donne pas la possibilité pour contrôler l’accès application dans Active Directory ou pour interroger des données de répertoire.However, Windows Authentication does not give you the ability to control application access in Active Directory or to query directory data.

Autorité localeOn-Premises Authority

Entrez une URL qui pointe vers le document de métadonnées.Enter a URL that points to the metadata document. Le document de métadonnées contient les coordonnées de l’autorité.The metadata document contains the coordinates of the authority. L’application utilisera ces coordonnées pour piloter le flux d’authentification web.The application will use those coordinates to drive the web sign-on flow.

URI ID d’applicationApplication ID URI

Spécifiez un URI unique AD peut utiliser pour identifier cette application, ou laissez vide pour permettre à Visual Studio de créer un.Provide a unique URI that AD can use to identify this application, or leave blank to let Visual Studio create one.

Étapes suivantesNext steps

Ce document propose une aide de base pour la création d’un projet web ASP.NET dans Visual Studio 2013.This document has provided some basic help for creating a new ASP.NET web project in Visual Studio 2013. Pour plus d’informations sur l’utilisation de Visual Studio pour le développement web, consultez https://www.asp.net/visual-studio/ .For more information about using for Visual Studio for web development, see https://www.asp.net/visual-studio/.