[PYTHON] [Django] Créez rapidement un environnement de développement de conteneur Django (Docker) à l'aide de VS Code + Remote Containers

introduction

Les RemoteContainers sont très pratiques, n'est-ce pas? Grâce à vous, PyCharm semble tromper VS Code. Je n'avais pas d'article sur Django + Remote Containers, je publierai donc les étapes pour créer un environnement de développement Django avec une configuration minimale.

Qu'est-ce que les conteneurs distants?

Il s'agit d'une extension VS Code qui vous permet de créer et de connecter des conteneurs très facilement. Vous pouvez terminer la construction de l'environnement sans toucher à aucune commande Docker. Il n'y a aucun problème avec ce niveau de compréhension pour lire cet article.

Préparation préalable

1. 1. Préparer un Dockerfile

Si vous utilisez l'image python: 3.8, il n'y a pas de package spécial requis pour démarrer Django, Si vous avez des packages requis, n'hésitez pas à les installer.

FROM python:3.8

#Installez si vous disposez des packages requis
# RUN apt install ~~~

2. Préparez docker-compose.yml

docker-compose.yml

version: '3'
services:
  app:
    build: .
    ports:
      - "8000:8000"
    volumes:
      - './:/app/sampleApp'
    working_dir: '/app/sampleApp'
    container_name: sampleApp
    privileged: true
    tty: true

Structure de répertoire jusqu'à présent

Django-docker-sample　#Ce dossier d'espace de travail
        ├─ docker-compose.yml
        └─ Dockerfile

3. 3. Extension ajoutée avec VS Code

Ouvrez le dossier de l'espace de travail avec VS Code et ajoutez l'extension "Remote --Containers". Si vous recherchez des "conteneurs distants", il apparaîtra probablement en haut.

Maintenant vous êtes prêt!

Il est temps de se connecter au conteneur!

Lorsque vous ajoutez des conteneurs distants, une icône s'affiche en bas à gauche de l'écran VS Code, cliquez donc dessus.

Sélectionnez Remote-Containers: Reopen in Container dans le menu déroulant.

Sélectionnez From'docker-compose.yml 'dans le menu déroulant.

(Au premier démarrage, la construction du conteneur s'exécutera, alors attendez un moment ...: cat2 :) C'est OK si les informations de connexion du conteneur sont affichées en bas à gauche de l'écran VS Code!

Vous êtes maintenant connecté au code VS exécuté à l'intérieur du conteneur à partir de votre machine locale. Cela signifie que les commandes suivantes exécutées dans le terminal seront exécutées dans le conteneur au lieu de la machine hôte.

Exécutez Django

Exécutez la commande suivante à partir du terminal.

/workspace# pip install django
/workspace# django-admin startproject sampleApp
/workspace# cd sampleApp
/workspace/sampleApp# python manage.py migrate
/workspace/sampleApp# python manage.py runserver

Ouvrez l'URL affichée dans le terminal avec [Ctrl + clic gauche], et lorsque l'écran d'exemple Django s'affiche, c'est OK!

Extensions supplémentaires

En développement réel, j'aimerais utiliser des points d'arrêt et des formules de surveillance, mais cela peut être fait en suivant les étapes ci-dessous.

• Remote Containers utilise VS Code s'exécutant localement sur le conteneur, vous devrez donc rajouter les extensions nécessaires. Cependant, il est difficile de le rajouter à chaque fois que le conteneur est mis à jour, nous vous expliquerons donc les fonctions de support qui peuvent être facilitées plus tard.

１．Python Cela ne commencera pas sans cela.

２．Django

Entraine toi!

Vous pourrez mettre des points d'arrêt dans votre code, alors essayez de les mettre quelque part.

Créez launch.json pour le débogage Django.

On vous demandera le chemin de manage.py, changez-le donc en "$ {workspaceFolder} /sampleApp/manage.py".

Exécution de débogage! Il devrait s'arrêter au point d'arrêt.

Gestion des extensions

Je pense qu'il y a un dossier inconnu appelé ".devcontainer" dans le dossier de l'espace de travail et des fichiers json et yml. Il s'agit d'un fichier créé par Remote Containers. En décrivant l'ID d'extension au format liste dans les "extensions" de ".devcontainer / devcontainer.json", il sera installé sans autorisation lors de la création du conteneur. Pratique!

• L'ID d'extension peut être obtenu en sélectionnant [Clic droit] → [Copier l'ID d'extension] dans la liste d'extensions. Écrivez des extensions pour Python et Django.

Cela élimine le besoin de réinstaller manuellement l'extension même si le conteneur est recréé. Ajoutons votre extension préférée.

c'est tout. Merci pour votre travail acharné: cat2: