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
Pagesdans la barre latérale gauche (dans la sectionCode and automation). - Sélectionner la
Sourceet choisirGitHub Actionsdans le menu déroulant. - Modifier le fichier
app.jsonavec le nom du dépôt (ex.exemple-blueurà remplacer par son pseudo) pour définir labaseUrl: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.ymlavec le contenu :.github/workflows/deploy.ymlname: 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 websiteet cliquer surSave 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
- Mettre le projet sur le GitHub Classroom pour le projet.