You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ML-For-Beginners/translations/fr/quiz-app
Pikachú 9fc2b847b8
updated image translation for the various languages
7 months ago
..
README.md updated image translation for the various languages 7 months ago

README.md

Quiz

Ces quiz sont les quiz pré- et post-conférence pour le programme ML sur https://aka.ms/ml-beginners

Configuration du projet

npm install

Compile et recharge à chaud pour le développement

npm run serve

Compile et minifie pour la production

npm run build

Lint et corrige les fichiers

npm run lint

Personnaliser la configuration

Voir Référence de configuration.

Crédits : Merci à la version originale de cette application de quiz : https://github.com/arpan45/simple-quiz-vue

Déploiement sur Azure

Voici un guide étape par étape pour vous aider à démarrer :

  1. Forkez un dépôt GitHub
    Assurez-vous que le code de votre application web statique est dans votre dépôt GitHub. Forkez ce dépôt.

  2. Créez une application web statique Azure

  • Créez un compte Azure
  • Allez sur le portail Azure
  • Cliquez sur « Créer une ressource » et recherchez « Application web statique ».
  • Cliquez sur « Créer ».
  1. Configurez l'application web statique
  • Bases : Abonnement : Sélectionnez votre abonnement Azure.

  • Groupe de ressources : Créez un nouveau groupe de ressources ou utilisez un existant.

  • Nom : Fournissez un nom pour votre application web statique.

  • Région : Choisissez la région la plus proche de vos utilisateurs.

  • Détails du déploiement :

  • Source : Sélectionnez « GitHub ».

  • Compte GitHub : Autorisez Azure à accéder à votre compte GitHub.

  • Organisation : Sélectionnez votre organisation GitHub.

  • Dépôt : Choisissez le dépôt contenant votre application web statique.

  • Branche : Sélectionnez la branche à partir de laquelle vous souhaitez déployer.

  • Détails de la construction :

  • Préréglages de construction : Choisissez le framework avec lequel votre application est construite (par exemple, React, Angular, Vue, etc.).

  • Emplacement de l'application : Spécifiez le dossier contenant le code de votre application (par exemple, / s'il est à la racine).

  • Emplacement de l'API : Si vous avez une API, spécifiez son emplacement (optionnel).

  • Emplacement de sortie : Spécifiez le dossier où la sortie de la construction est générée (par exemple, build ou dist).

  1. Examinez et créez
    Examinez vos paramètres et cliquez sur « Créer ». Azure mettra en place les ressources nécessaires et créera un workflow GitHub Actions dans votre dépôt.

  2. Workflow GitHub Actions
    Azure créera automatiquement un fichier de workflow GitHub Actions dans votre dépôt (.github/workflows/azure-static-web-apps-.yml). Ce workflow gérera le processus de construction et de déploiement.

  3. Surveillez le déploiement
    Allez dans l'onglet « Actions » de votre dépôt GitHub.
    Vous devriez voir un workflow en cours d'exécution. Ce workflow construira et déploiera votre application web statique sur Azure.
    Une fois le workflow terminé, votre application sera en ligne à l'URL Azure fournie.

Exemple de fichier de workflow

Voici un exemple de ce à quoi le fichier de workflow GitHub Actions pourrait ressembler :
name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - main
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

jobs:
  build_and_deploy_job:
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v2
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
          repo_token: ${{ secrets.GITHUB_TOKEN }}
          action: "upload"
          app_location: "/quiz-app" # App source code path
          api_location: ""API source code path optional
          output_location: "dist" #Built app content directory - optional

Ressources supplémentaires

Avertissement :
Ce document a été traduit à l'aide de services de traduction automatisée par IA. Bien que nous visons à garantir l'exactitude, veuillez noter que les traductions automatiques peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue native doit être considéré comme la source autorisée. Pour des informations critiques, une traduction humaine professionnelle est recommandée. Nous ne sommes pas responsables des malentendus ou des interprétations erronées résultant de l'utilisation de cette traduction.