Partager via

Créer et déployer l’application web Azure réutilisable (préversion)

  • Article

Pour créer et déployer l’application web Azure réutilisable, vous devez créer et déployer les applications web back-end et frontend. Ce tutoriel fournit des instructions pour créer et déployer les applications web principales et frontend réutilisables.

Assurez-vous de consulter le didacticiel de configuration du cloud de charge de travail avant de déployer vos applications Web back-end et front-end.

Créer et déployer l’application web back-end réutilisable

Créez une application web Azure dans le portail Azure :

  1. Créez une ressource Web App dans le portail Azure.
  2. Renseignez toutes les données pertinentes :
    • Sous Publier, sélectionnez Code.
    • Sélectionnez .NET 7 (STS) comme pile d’exécution et Windows.

Pour obtenir des instructions générales, consultez Prise en main d’Azure App Service.

Mappez votre nom de domaine à l’application web partie 1

  1. Accédez à Paramètres -Domaines> personnalisés.
  2. Sélectionnez Ajouter un domaine personnalisé, puis suivez les instructions. Pour plus d’informations sur le mappage de domaines personnalisés, consultez Mappage de domaine personnalisé dans Azure.
  3. Ouvrez votre solution Visual Studio réutilisable back-end.
  4. Cliquez avec le bouton droit sur le projet et sélectionnez Publier.
  5. Sélectionnez Azure comme cible.
  6. Connectez-vous avec un utilisateur qui a accès à l’application web Azure que vous avez créée.
  7. Utilisez l’interface utilisateur pour localiser l’abonnement et le groupe de ressources appropriés, puis suivez les instructions pour publier.

Mettre à jour CORS

  1. Dans la page Azure de votre application web, accédez à API ->CORS.
  2. Sous Origines autorisées, ajoutez l’URL de votre application web frontend.

Créer et déployer l’application web frontend réutilisable

Créez une application web Azure dans le portail Azure :

  1. Créez une ressource Web App dans le portail Azure. Vous pouvez ouvrir la ressource de «l’application web» dans le portail Azure.
  2. Renseignez toutes les données pertinentes :
    • Sous Publier, sélectionnez Code.
    • Pour la pile Runtime, sélectionnez Node 18 LTS et Windows.

Pour obtenir des instructions générales, consultez Démarrage rapide pour Node.js dans Azure App Service.

Mappez votre nom de domaine à l’application web

  1. Accédez à Paramètres -Domaines> personnalisés.
  2. Sélectionnez Ajouter un domaine personnalisé, puis suivez les instructions.

Pour plus d’informations sur le mappage de domaines personnalisés, consultez Mappage de domaine personnalisé dans Azure.

Publier votre application web réutilisable frontend 2

  1. Générez votre réutilisable front-end en exécutant npm run build:test.
  2. Accédez au dossier dist dans Microsoft-Fabric-developer-sample\Frontend\tools\dist.
  3. Sélectionnez tous les fichiers et le dossier de ressources sous dist et créez un fichier zip.
  4. Ouvrez PowerShell.
  5. Exécutez et connectez-vous Connect-AzAccount avec un utilisateur qui a accès à l’application web Azure que vous avez créée.
  6. Exécutez Set-AzContext -Subscription "<subscription_id>".
  7. Exécutez Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>.