ExpressをシンプルなMVCの書き方に変えて、Docker+VSCodeでデバッグもできるようにしてみました

$ npm install -g express-generator
$ express --view=ejs node-app(プロジェクト名は何でもOK)
$ cd node-app
$ npm install -S dotenv mysql2
$ npm install -D eslint nodemon

{(略)"scripts":{"start":"node ./bin/www","start:debug":"nodemon -L --inspect-brk=0.0.0.0:3001 ./bin/www"//これを記述},(略)}

FROM node:14WORKDIR /srcCOPY ./package*.json /src/RUN npm install

version:"3.9"services:backend:build:.command:npm run startports:-"3000:3000"volumes:-.:/src-/src/node_modulesbackend-dev:build:.command:npm run start:debugenvironment:-NODE_ENV=development# devDependenciesのパッケージをインストールするためports:-"13000:3000"# backendサービスと同時に実行してしまった時のための予防-"3001:3001"# VSCodeでのデバッグで使用するためvolumes:-.:/src-/src/node_modulesmysql:image:mysql:8.0# MySQL8.0をnode.jsで使用する時はmysql_native_password指定をしてくださいcommand:mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_unicode_ci --default-authentication-plugin=mysql_native_passwordvolumes:-./.docker/mysql/data:/var/lib/mysqlexpose:-"3306"environment:-MYSQL_ROOT_USER=root-MYSQL_ROOT_PASSWORD=root-MYSQL_ROOT_HOST=%phpmyadmin:image:phpmyadminports:-"8080:80"environment:-PMA_ARBITRARY=1-PMA_HOST=mysql-PMA_PORT-3306-PMA_USER=root-PMA_PASSWORD=root

{"version":"0.2.0","configurations":[{"type":"node","request":"attach","name":"Docker: Attach to Node","port":3001,"address":"localhost","localRoot":"${workspaceFolder}","remoteRoot":"/src","protocol":"inspector"}]}

$ ./node_modules/.bin/eslint --init

{"env":{"browser":true,"es2021":true},"extends":"eslint:recommended","parserOptions":{"ecmaVersion":12},"rules":{"no-undef":"off","no-var":"error","no-unused-vars":0}}

constcreateError=require('http-errors');constexpress=require('express');constpath=require('path');constcookieParser=require('cookie-parser');constlogger=require('morgan');require('dotenv').config();// なるべく上の方で読ませたかったのでここに記述しました。constindexRouter=require('./routes/index');constusersRouter=require('./routes/users');

MYSQL_HOST=mysql
MYSQL_PORT=3306
MYSQL_USER=root
MYSQL_PASSWORD=root
MYSQL_DATABASE=node-app

constrouter=require('express').Router();constuserController=require('../controllers/userController');router.get('/',userController.index);router.get('/create',userController.create);router.post('/create',userController.store);router.get('/edit/:id(\\d+)',userController.edit);router.post('/edit/:id(\\d+)',userController.update);router.post('/delete',userController.destroy);module.exports=router;

constusers=require('../models/users');constredirectPath='/users';constuserController={index:async(req,res)=>{constresults=awaitusers.all();res.render('users/index.ejs',{title:'一覧画面',datas:results});},create:(req,res)=>{res.render('users/create.ejs',{title:'登録画面'});},store:async(req,res)=>{constformData=req.body;awaitusers.create(formData);res.redirect(redirectPath);},edit:async(req,res)=>{constid=req.params.id;constresult=awaitusers.selectById(id);res.render('users/edit.ejs',{title:'編集画面',data:result});},update:async(req,res)=>{constid=req.params.id;constformData=req.body;awaitusers.update(id,formData);res.redirect(redirectPath);},destroy:async(req,res)=>{constid=req.body.id;awaitusers.delete(id);res.redirect(redirectPath);}};module.exports=userController;

constexecuteQuery=require('./executeQuery');consttable='users'constusers={all:async()=>{constquery=`SELECT * FROM ${table}`;constresult=awaitexecuteQuery(query);returnresult;},selectById:async(id)=>{constquery=`SELECT * FROM ${table} WHERE id = ?`;constvalues=[id];constresult=awaitexecuteQuery(query,values);returnresult[0];},create:async(form)=>{constname=form.name;constaddress=form.address;constquery=`INSERT INTO ${table} (name, address) VALUES (?, ?)`;constvalues=[name,address];awaitexecuteQuery(query,values);},update:async(id,form)=>{constname=form.name;constaddress=form.address;constquery=`UPDATE ${table} SET name = ?, address = ? WHERE id = ?`;constvalues=[name,address,id];awaitexecuteQuery(query,values);},delete:async(id)=>{constquery=`DELETE FROM ${table} WHERE id = ?`;constvalues=[id];awaitexecuteQuery(query,values);}};module.exports=users;

constmysql=require('mysql2/promise');constconfig={host:process.env.MYSQL_HOST||'mysql',port:process.env.MYSQL_PORT||'3306',user:process.env.MYSQL_USER||'root',password:process.env.MYSQL_PASSWORD||'root',database:process.env.MYSQL_DATABASE||'node-app'}constexecuteQuery=async(query,values=[])=>{try{constconn=awaitmysql.createConnection(config);const[rows,fields]=awaitconn.execute(query,values);conn.end();returnrows;}catch(err){console.log(err);}}module.exports=executeQuery;

node-app/
  ├ .docker/mysql/data/...
  ├ .vscode/launch.json
  ├ bin/www
  ├ controllers/
  │   └ userController.js
  ├ models/
  │   ├ executeQuery.js
  │   └ users.js
  ├ node_modules/...
  ├ public/...
  ├ routes/
  │   ├ index.js
  │   └ users.js
  ├ views/...
  ├ .env
  ├ .eslintrc.json
  ├ app.js
  ├ docker-compose.yml
  ├ Dockerfile
  ├ package-lock.json
  ├ package.json
  └ Readme.md

$ docker-compose up -d backend-dev mysql phpmyadmin

CREATEDATABASEIFNOTEXISTS`node-app`;CREATETABLEIFNOTEXISTS`node-app`.`users`(`id`INTPRIMARYKEYAUTO_INCREMENT,`name`VARCHAR(100)NOTNULL,`address`VARCHAR(100)NOTNULL);INSERTINTO`node-app`.`users`(`name`,`address`)VALUES('Abe','JPN'),('Trump','USA');