「JavaScriptでのWeb開発Node.js Express + MongoDB + ReactでWebアプリを開発しよう〜 その1 〜」の感想・備忘録

"use strict";

const http = require('http');
const express = require('express');

const app = express()

app.use((req, res, next) => {
  res.send('hello');
});
var server = http.createServer(app);
server.listen('3000');

const path = require('path');
// 〜省略〜
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');
app.get('/', (req, res, next) => {
 res.render('index', {title: 'Hello World'});
});

doctype html
html(lang="ja")
  head
    meta(charset="utf-8")
  body
    h1 #{title}

const mongoose = require('mongoose');
// 〜省略〜
mongoose.connect(
  'mongodb://localhost:27017/chatapp',
  { useNewUrlParser: true, useUnifiedTopology: true },
  err => {
    if (err){
      console.error(err);
    } else{
      console.log("successfully connected to MongoDB.");
    }
  }
);

const mongoose = require('mongoose');

const Message = mongoose.Schema({
  username: String,
  message: String,
  date: {type: Date, default: new Date()} // dateに現在日時が登録される
});

module.exports = mongoose.model('Message', Message)

const Message = require('./schema/Message');
// 〜省略〜
const newMessage = new Message({
  username: req.body.username,
  message: req.body.message
});
newMessage.save((err)=>{
  if (err) {
    throw err;
  }
  console.log("successfully inserted to MongoDB.");
});

doctype html
html(lang="ja")
  head
    meta(charset="utf-8")
  body
    h1 メッセージを保存
    form(action="update" method="POST")
      input(type="text" name="username" placeholder="名前")
      textarea(placeholder="メッセージ" name="message")
      button(type="submit") 送信

const bodyParser = require('body-parser'); // POSTをreq.bodyに格納する
// 〜省略〜
app.use(bodyParser.urlencoded({ extended: false }))
app.get('/update', (req, res, next) => {
  res.render('update');
});
app.post('/update', (req, res, next) => {
  const newMessage = new Message({
    username: req.body.username,
    message: req.body.message
  });
  newMessage.save((err) => {
    if (err) {
      throw err;
    }
    res.redirect('/');
  });
});

doctype html
html(lang="ja")
  head
    meta(charset="utf-8")
  body
    h1 投稿一覧
    section
      each msg in messages
        div
          h2 #{msg.username}
          time #{msg.date}
          p #{msg.message}

Message.find({}, (err, msgs) => {
  if (err) {
    throw err;
  }
  res.render('index', {messages: msgs});
});

const fileUpload = require('express-fileupload');
// 〜省略〜
app.use(fileUpload());
app.post("/update", (req, res, next) => {
  if(req.files && req.files.image) {
    req.files.image.mv(`./images/${req.files.image.name}`, err => {
      if (err) {
        throw err;
      }
    });
  }
});

form(action="update" method="POST" encType="multipart/form-data")
      input(type="text" name="username" placeholder="名前")
      textarea(placeholder="メッセージ" name="message")
      input(type="file" name="image")
      button(type="submit") 送信

app.use("/images", express.static(path.join(__dirname, 'images')));
// またはapp.use(express.static('./'));
// 〜省略〜
const newMessage = new Message({
  username: req.body.username,
  message: req.body.message,
  image_path: `/images/${req.files.image.name}`
});

const Message = mongoose.Schema({
  username: String,
  message: String,
  date: {type: Date, default: new Date()},
  image_path: String
});

doctype html
html(lang="ja")
  head
    meta(charset="utf-8")
  body
    h1 投稿一覧
    section
      each msg in messages
        div
          h2 #{msg.username}
          time #{msg.date}
          p #{msg.message}
        if msg.image_path
          img(src=msg.image_path)

const passport = require('passport');
const LocalStrategy = require('passport-local').Strategy;
const session = require('express-session');
// 〜省略〜
app.use(session({ secret: 'HogeFuga', resave: false, saveUninitialized: false, }));
app.use(passport.initialize());
app.use(passport.session());
// 〜省略〜
app.post('/login', passport.authenticate('local', {
  successRedirect: '/',
  failureRedirect: '/login'
}));
// セッション用のシリアライズ（これがないと動作しない）
passport.serializeUser(function(user, done) {
  done(null, user);
});
passport.deserializeUser(function(user, done) {
  done(null, user);
});
// ログインしていない場合の処理
passport.use(new LocalStrategy({
  usernameField: 'username',
  passwordField: 'password'
}, function (username, password, done) {
  process.nextTick(function () {
    if (username === "test" && password === "test") {
      return done(null, username)
    } else {
      console.log("login error")
      return done(null, false, { message: 'パスワードが正しくありません。' })
    }
  })
}));