使用 Koa 和 MySQL 实现简单的注册和登录功能

本节课我们来通过koa来完成一个简单的登录,注册功能,后台使用mysql

  1. 初始化项目并安装依赖
  • koa: Koa2框架
  • koa-router: 处理路由的中间件
  • koa-bodyparser: 解析请求体
  • koa-session: 处理用户会话
  • mysql2: MySQL连接
  • bcrypt: 密码哈希
csharp 复制代码
npm -y init
yarn add koa koa-router koa-bodyparser koa-session mysql2 bcrypt
  1. 创建数据库
  • 如果之前没有用docker创建过mysql,进行创建
css 复制代码
docker run --name mysql1 -e MYSQL_ROOT_PASSWORD=123456 -p 3306:3306 -d mysql:5.7.27
  • 我们使用docker启动Mysql,之前有提到过,我们直接启动
sql 复制代码
docker start mysql1
docker exec -it mysql1 bash
mysql -uroot -p123456
  • 运行脚本,来建库建表
sql 复制代码
CREATE DATABASE IF NOT EXISTS MyEnglishLearningApp;
USE MyEnglishLearningApp;
CREATE TABLE IF NOT EXISTS users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(255) NOT NULL,
    password VARCHAR(255) NOT NULL
);
  1. 配置数据库连接
  • db.js
php 复制代码
const mysql = require('mysql2');

const pool = mysql.createPool({
  host: 'your_database_host',
  user: 'your_database_user',
  password: 'your_database_password',
  database: 'your_database_name',
  waitForConnections: true,
  connectionLimit: 10,
  queueLimit: 0
});

module.exports = pool.promise();
  1. 实现注册和登录路由
  • 创建一个文件(例如authRoutes.js)来处理注册和登录路由:
js 复制代码
// authRoutes.js

const Router = require('koa-router');
const bcrypt = require('bcrypt');
const db = require('./db');

const router = new Router();

router.post('/register', async (ctx) => {
  const { username, password } = ctx.request.body;

  // Hash the password before saving it
  const hashedPassword = await bcrypt.hash(password, 10);

  try {
    const [result] = await db.query('INSERT INTO users (username, password) VALUES (?, ?)', [username, hashedPassword]);
    ctx.body = { success: true, userId: result.insertId };
  } catch (error) {
    ctx.status = 500;
    ctx.body = { success: false, error: error.message };
  }
});

router.post('/login', async (ctx) => {
  const { username, password } = ctx.request.body;

  try {
    const [rows] = await db.query('SELECT * FROM users WHERE username = ?', [username]);

    if (rows.length === 0) {
      ctx.body = { success: false, error: 'User not found' };
      return;
    }

    const user = rows[0];

    const passwordMatch = await bcrypt.compare(password, user.password);

    if (passwordMatch) {
      ctx.session.userId = user.id;
      ctx.body = { success: true, userId: user.id };
    } else {
      ctx.body = { success: false, error: 'Invalid password' };
    }
  } catch (error) {
    ctx.status = 500;
    ctx.body = { success: false, error: error.message };
  }
});

module.exports = router.routes();
  1. 使用路由
  • 在主应用程序中使用上述路由:
js 复制代码
// app.js

const Koa = require('koa');
const bodyParser = require('koa-bodyparser');
const session = require('koa-session');
const authRoutes = require('./authRoutes');

const app = new Koa();

app.keys = ['your_secret_key']; // Change this to a secure random key

// Session configuration
app.use(session(app));

// Body parser middleware
app.use(bodyParser());

// Use auth routes
app.use(authRoutes);

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});
  1. 启动应用
  • node-dev app.js,这样会在修改代码后自动重启
  • 添加.gitignore,提交代码
bash 复制代码
# Node.js
node_modules/

# Logs
logs
*.log
npm-debug.log*

# Environment
.env

# Output
dist/
build/

# OS-generated files
.DS_Store
Thumbs.db

.idea
  1. 使用postman来模拟注册和登录,以及登录mysql验证
  • 注册
  • 登录
  1. 后续需要完善的
  • 统一封装返回状态码
  • 登录成功后增加记录登录状态的方式
相关推荐
月下点灯4 分钟前
使用Set集合新特性,快速实现一个商品SKU(单品)规格选择器
前端·javascript·vue.js
大侠Luffy4 分钟前
做了这些SEO动作,独立开发的网站开始被搜索引擎逐量收录
前端·seo
四棱子11 分钟前
炫酷!18.5kb实现流体动画,这个开源项目让个人主页瞬间高大上!
前端·开源
Sparkxuan12 分钟前
封装WebSocket
前端·websocket
工呈士12 分钟前
Redux 实践与中间件应用
前端·react.js·面试
Nano13 分钟前
深入解析 JavaScript 数据类型:从基础到高级应用
前端
无羡仙13 分钟前
浮动与BFC容器
前端
xphjj13 分钟前
树形数据模糊搜索
前端·javascript·算法
刺客_Andy13 分钟前
React 第三十四节 Router 开发中 useLocation Hook 的用法以及案例详解
前端·react.js
我的div丢了肿么办14 分钟前
HarmonyOS鸿蒙tabBar的详细讲解
前端·javascript·harmonyos