Aller au contenu principal

Git

Prise en main

  • Créer un compte GitHub (utiliser un compte privé pour garder le compte par la suite).
  • Suivre un tutoriel GitHub et Git pour les débutants.
  • Mettre le projet d'exemple sur GitHub Classroom.
  • Publier le projet sur GitHub Pages.
    • Aller sur le site du dépôt GitHub du projet.
    • Cliquer sur Settings.
    • Cliquer sur Pages dans la barre latérale gauche (dans la section Code and automation).
    • Sélectionner la Source et choisir GitHub Actions dans le menu déroulant.
    • Modifier le fichier app.json avec le nom du dépôt (ex. exemple-blueur à remplacer par son pseudo) pour définir la baseUrl :
      app.json
      {
      "expo": {
      "experiments": {
      "baseUrl": "/exemple-blueur"
      }
      }
      }
    • Ajouter un nouveau fichier dans le dépôt GitHub (créer les dossiers nécessaires) .github/workflows/deploy.yml avec le contenu :
      .github/workflows/deploy.yml
      name: Deploy to GitHub Pages
      on:
      push:
      branches:
      - main
      jobs:
      build:
      name: Build Expo Web
      runs-on: ubuntu-latest
      steps:
      - uses: actions/checkout@v6
      with:
      fetch-depth: 0
      - uses: actions/setup-node@v6
      with:
      node-version: lts/*
      cache: npm
      - name: Install dependencies
      run: npm ci
      - name: Build website
      run: npx expo export -p web
      - name: Upload Build Artifact
      uses: actions/upload-pages-artifact@v4
      with:
      path: dist
      deploy:
      name: Deploy to GitHub Pages
      needs: build
      permissions:
      pages: write
      id-token: write
      environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
      runs-on: ubuntu-latest
      steps:
      - name: Deploy to GitHub Pages
      id: deployment
      uses: actions/deploy-pages@v4
    • Commiter et pousser les changements sur GitHub.
    • Aller sur le site du dépôt GitHub du projet.
    • Cliquer sur à droite de About.
    • Cocher Use your GitHub Pages website et cliquer sur Save changes.
    • Cliquer sur le lien disponible pour accéder au site web.
  • Voici un exemple de projet publié sur GitHub Pages : https://github.com/gymnase-vaud/exemple-blueur

Collaboration

Ressources