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

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.

Veillez à passer en revue le didacticiel de configuration de cloud de charge de travail avant de déployer vos applications back-end et front-end.

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

1. Dans le portail Microsoft Azure, créez une ressource d’application web.

2. Entrez ou sélectionnez les informations 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, veuillez consulter Bien démarrer avec Azure App Service.

Mapper votre domaine à l’application web back-end

1. Accédez à Paramètres>Domaines personnalisés.

2. Sélectionnez Ajouter un domaine personnalisé, puis suivez les instructions.

   Si vous souhaitez en savoir plus, veuillez consulter Mappage de domaine personnalisé dans Azure.

3. Dans Visual Studio, ouvrez votre solution réutilisable back-end.

4. Cliquez avec le bouton droit sur le projet et sélectionnez Publier.

5. Pour la cible, sélectionnez Azure.

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 de publication.

Mettre à jour CORS

1. Dans le volet Vue d’ensemble de votre application web dans le portail Azure, 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 front-end réutilisable

1. Dans le portail Microsoft Azure, créez une ressource d’application web.

2. Entrez ou sélectionnez les informations 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.

Mapper votre domaine à l’application web front-end

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

Si vous souhaitez en savoir plus, veuillez consulter Mappage de domaine personnalisé dans Azure.

Publier votre application web réutilisable front-end

1. Générez votre réutilisable front-end en exécutant npm run build:test.
2. Accédez au dossier Microsoft-Fabric-developer-sample\Frontend\tools\dist.
3. Sélectionnez tous les fichiers et le dossier de ressources sous dist, puis créez un fichier .zip avec les fichiers sélectionnés.
4. Ouvrez PowerShell.
5. Dans PowerShell, exécutez Connect-AzAccount et connectez-vous 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>.