[RUBY] Créer un environnement de débogage sur un conteneur - Créer un environnement de développement local pour les didacticiels Rails avec Docker -

introduction

Nous créons un environnement de développement local avec Docker et réexécutons le didacticiel Rails.

--Rails 6 compatible avec la dernière version du tutoriel Rails (à partir de 2020.8.6)

• L'environnement de développement peut être reproduit à l'aide de Docker --Ne pas installer autant que possible dans l'environnement local

Cette fois, la partie correspondant au chapitre 7 du tutoriel Rails, Présentation du contenu à déboguer lors du développement sur le conteneur Docker

La première Création d'un environnement de développement local pour les didacticiels Rails avec Docker (Rails 6 + PostgreSQL + Webpack) --Qiita

Deuxième fois Création d'un environnement de développement local pour les didacticiels Rails avec Docker - Présentation de RSpec et déploiement de Heroku avec CircleCI --- Qiita

3e Création d'un environnement de développement local pour les didacticiels Rails avec Docker --- Présentation de Bootstrap et Font Awesome avec Webpack --- Qiita

Application développée personnellement mdClip <éditeur de démarques en ligne>

Lorsque vous utilisez le conteneur Docker, utilisez les commandes du terminal comme il convient.

$ docker-compose run app ...

Ou

$ docker-compose exec app ...

Veuillez remplacer par.

Déboguer les rails dans un environnement de développement sur un conteneur Docker

Méthode 1 Attacher au conteneur Rails-> Détacher

Site de référence Activer le débogage dans l'environnement de développement Docker et Rails 5.2 - Blog Coconara Yomoyama

Attacher au conteneur Rails

$ docker attach $(docker-compose ps -q app)

Vous pouvez maintenant utiliser la console de débogage

Détacher du conteneur

Si vous quittez le débogage avec quit Le serveur rails tombe également en panne car le conteneur est fermé Si vous pensez que c'est très gênant

Si vous vous détachez simplement du conteneur (Control P-> Control Q), vous n'avez pas à fermer le conteneur.

Cependant, lors de l'utilisation sur la console VS Code Control P, Control Q ne peuvent pas être affectés à d'autres raccourcis

C'est une solution en remplaçant les touches tactiles par un conteneur

Article de référence Pour résoudre le problème de double pression Ctrl-p (problème de détachement des touches) dans docker-Qiita

Écrivez les paramètres dans ~ / .docker / config.json

vi ~/.docker/config.json

{
  # ...réduction
  "detachKeys": "ctrl-e"
}

Je l'ai configuré pour être détachable avec control + e

Méthode 2 Exécuter un conteneur de débogage avec VS Code

Il semble y avoir un moyen de configurer un conteneur pour le débogage et le débogage à partir de la fonction de débogage de code VS.

Developing inside a Container using Visual Studio Code Remote Development

Je pensais que ce serait transparent et pratique J'ai passé un peu de temps jusqu'à présent, je vais donc l'ajouter à une autre occasion.

Notes personnelles

Get started with development Containers in Visual Studio Code

VS Code - Connectez-vous à une application Rails exécutée sur Docker Compose avec Remote Containers-Same Coffee

Troubleshoot

Les deux sont dus à des versions différentes de Bootstrap Je ne pense pas qu'il soit logique de passer trop de temps à enquêter

Il peut être préférable de faire correspondre la version Bootstrap

Le formulaire se déplace vers la gauche

#Avant correction
col-md-offset-3
#modifié
offset-md-3

Il n'y a pas de $ state-danger-text

$text-danger: #dc3545;

# ...Omission...

.field_with_errors {
  @extend .has-error;
  .form-control {
    color: $text-danger;
  }
}

Il n'y a pas d'erreur .has

.has-error -> :invalid

$text-danger: #dc3545;

# ...Omission...

.field_with_errors {
  @extend :invalid;
  .form-control {
    color: $text-danger;
  }
}