Partager via

Héberger et déployer ASP.NET Core autonome Blazor WebAssembly avec Azure Static Web Apps

Remarque

Ceci n’est pas la dernière version de cet article. Pour la version actuelle, consultez la version .NET 10 de cet article.

Avertissement

Cette version d'ASP.NET Core n'est plus prise en charge. Pour plus d’informations, consultez la stratégie de support .NET et .NET Core. Pour la version actuelle, consultez la version .NET 10 de cet article.

Cet article explique comment héberger et déployer une application autonome Blazor WebAssembly avec Microsoft Azure Static Web Apps.

la configuration d’une application ;

Pour garantir que les requêtes pour n’importe quel chemin renvoient index.html, définissez un itinéraire de secours pour la navigation.

Créez un fichier nommé staticwebapp.config.json dans le dossier racine du projet avec le contenu suivant :

{
  "navigationFallback": {
    "rewrite": "/index.html"
  }
}

Déployer à partir de Visual Studio

Pour déployer à partir de Visual Studio, créez un profil de publication pour Azure Static Web Apps :

  1. Enregistrez tout travail non enregistré dans le projet, car un redémarrage de Visual Studio peut être nécessaire pendant le processus.

  2. Dans l’interface utilisateur Publier de Visual Studio, sélectionnez Cible>Azure>Cible spécifique>Azure Static Web Apps pour créer un profil de publication.

  3. Si le composant Azure WebJobs Tools pour Visual Studio n’est pas installé, une invite s’affiche pour installer le composant de développement web et ASP.NET. Suivez les invites pour installer les outils à l’aide de Visual Studio Installer. Visual Studio ferme et rouvre automatiquement lors de l’installation des outils. Une fois les outils installés, commencez la première étape pour créer le profil de publication.

  4. Dans la configuration du profil de publication, fournissez le nom de l’abonnement. Sélectionnez une instance existante ou sélectionnez Créer une instance. Lors de la création d’une instance dans l’interface utilisateur Créer une application web statique du portail Azure, définissez les Détails du déploiement>Source sur Autre. Attendez que le déploiement se termine dans le portail Azure avant de continuer.

  5. Dans la configuration du profil de publication, sélectionnez l’instance Azure Static Web Apps dans le groupe de ressources de l’instance. Sélectionnez Terminer pour créer le profil de publication. Si Visual Studio invite à installer l’interface CLI Static Web Apps (SWA), installez-la en suivant les invites. L’interface CLI SWA nécessite npm/Node.js (documentation Visual Studio).

Une fois le profil de publication créé, déployez l’application sur l’instance Azure Static Web Apps à l’aide du profil de publication en sélectionnant le bouton Publier.

Scénarios de déploiement GitHub

  • Last updated on