Créez un environnement de développement React avec Docker. Créer une image → Lancer le conteneur → Push to Docker Hub
Motivation
Un mémorandum lorsque l'environnement de développement de React / Redux a été créé avec Docker.
environnement
macOS Catalina 10.15.5 Docker version 19.03.13 docker-compose version 1.27.4
Dockerfile
From node:latest
WORKDIR /usr/src/app
RUN npm install -g create-react-app
docker-compose
docker-compose.yml
version: '3'
services:
node:
build:
context: .
dockerfile: Dockerfile
tty: true
environment:
- NODE_ENV=production
volumes:
- ./:/usr/src/app
command: sh -c "cd project_name && yarn start"
ports:
- "3000:3000"
| article | sens |
|---|---|
| version | docker-composer la version |
| services | Service de construction |
| build | Spécifiez le répertoire et le fichier Dockerfile |
| tty | Décidez si vous souhaitez que le conteneur continue de fonctionner |
| environment | Définir les variables d'environnement |
| volumes | Annuaire local connecté(Spécifiez le répertoire de travail à monter) |
| command | Commandes à exécuter sans conteneur |
| ports | Port à exposer à l'extérieur |
NODE_ENV Définir l'environnement d'exploitation Environnement de production: production Environnement de développement: développement
command
Création d'image
docker-compose build
Créer une application
docker-compose run --rm node sh -c "create-react-app project_name"
docker-compose runDémarrez l'image créée précédemment et échantillonnez-Nous allons créer une application avec projet. run ne lance le conteneur qu'une seule fois.
Installez Redux, la bibliothèque Express.
npm install redux --save
npm install react-redux --save
npm install express --save
Confirmation d'installation
npm list --depth=0
Démarrer le conteneur
docker-compose up -d
Commencez en arrière-plan.
Arrêter le conteneur
docker-compose down
L'option -v supprime les volumes nommés dans la section volumes du fichier de composition.
Command
Vérification du conteneur en mouvement
docker-compose ps
Supprimer le conteneur
docker rm <ID du conteneur>
Supprimer l'image
docker rmi <ID de l'image>
Pousser vers le hub Docker
Balise l'image du menu fixe
docker tag <nom de l'image de la base> <DockerhubID>/<nom de l'image>:Nom de la balise
Connectez-vous à Dockerhub
docker login
pousser vers le hub docker
docker push <DockerhubID>/<nom de l'image>:Nom de la balise
Cela ajoutera le
Paramètres de construction automatiques
La procédure de liaison avec GitHub est indiquée. Vous devez préparer un référentiel sur GitHub à l'avance.
Sélectionnez le référentiel cible dans Dockerhub → "Builds" → "Link to Git Hub"
Sélectionnez le référentiel à lier
Sélectionnez Référentiel pour ouvrir l'écran de sélection ci-dessous. Si AUTEST est désactivé, il ne sera pas construit automatiquement, alors sélectionnez-en un autre. Aimez-vous les LIENS DE DÉPÔT. BUILD RULES est un paramètre détaillé pour la construction automatique. Si vous aimez la valeur par défaut, c'est celle-ci.
Au début de la création, Save and Build semble être bon.
Désormais, une fois poussé vers GitHub, DockerHub sera une compilation automatique.