koa2学习笔记01 - 创建项目 —— koa生成器一键生成koa项目

koa2学习笔记01 - 创建项目 —— koa生成器一键生成koa项目

前言

从17年开始尝试学习搭建个人网站开始,就开始学习摸索node了,至今差不多快两年了。
说起来现在都9102年了,所以最近打算整体设计重构一下网站,索性node后台也重写一遍。
重温一下node,并记录一下学习历程。虽说有相应的基础,也算轻车熟路,
但是因为公司项目中的应用,基本都用java、php等作为后台语言,
除了前端自动化工具使用,实际工作中倒是很少用到,几乎没有node的用武之地。
也没有真正做过以node为后台语言的实战经验,
仅仅只是在个人网站中使用。
所以本系列学习笔记仅供参考学习。

正文

使用node开发web应用,肯定要使用web应用框架。
最早比较出名的是 Express 框架,但是现在更流行的是 Koa 框架。
Koa 是一个新的 web 框架,也是由 Express 原班人马开发,
官网 很简洁,看英文比较困难的可以看 中文的网站
至于它有什么优势,可以看它的来源,自己体会, 不多做讨论。

前端使用框架,最喜欢的是使用脚手架,像vue-cli、create-react-app。
koa也有脚手架,但不是官方的,koa 生成器 koa-generator
站在巨人的肩膀上就是方便, 省却了我们一步一步配置。
如果不想用脚手架,可以移步 koa 官网,和 阮大大的博客网站 一步步配置学习。

1.1 安装koa-generator

npm install -g koa-generator

1.2 使用koa-generator生成koa2项目

koa2 test

项目生成示例
成功创建项目后,进入项目目录,并下载依赖

cd test
npm install

1.3 启动项目

npm start

项目启动后,默认端口号是3000,在浏览器中运行可以得到下图的效果说明运行成功。

启动成功示例

koa-generator 默认使用的模板是pug, 如果不习惯使用pug的可以使用html, 具体修改配置如下,然后把views中 pug后缀的文件换成 html后缀的文件 。
修改模板
最后附一下koa-generator参数, 官网上都有

-h --help 帮助
-V --version 版本号
-e --ejs 添加ejs模板引擎支持(默认是jade)
–hbs 添加hbs模板引擎支持(默认是hbs)
-H --hogan 添加hogan.js支持
-c --css 添加css样式 支持 less sass styus css(默认是css)
–git (g小写) 添加 .gitignore
-f --force force on non-empty directory

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Koa2 中使用 svg-captcha 生成验证码可以按照以下步骤进行: 1. 安装 svg-captcha 和 koa-svgrouter 模块 ```bash npm install svg-captcha koa-svgrouter --save ``` 2. 在 Koa2 应用中引入相关模块 ```javascript const Koa = require('koa'); const Router = require('koa-router'); const svgrouter = require('koa-svgrouter'); const svgCaptcha = require('svg-captcha'); const app = new Koa(); const router = new Router(); ``` 3. 设置路由,生成验证码 ```javascript router.get('/captcha', async (ctx, next) => { const captcha = svgCaptcha.create(); ctx.session.captcha = captcha.text; ctx.type = 'svg'; ctx.body = captcha.data; }); ``` 4. 添加 SVG 路由 ```javascript app.use(svgrouter('/captcha/:id', { useSession: true, sessionName: 'captcha' })); ``` 5. 在需要使用验证码的地方,可以通过如下代码获取验证码图片 ```html <img src="/captcha/1" /> ``` 注意,上述代码中的数字 1 是路由参数,可以自行设置。 6. 验证验证码 在需要验证验证码的地方,可以通过如下代码获取用户输入的验证码,并与之前生成的验证码进行比较。 ```javascript const userCaptcha = ctx.request.body.captcha; if (userCaptcha.toLowerCase() === ctx.session.captcha.toLowerCase()) { // 验证码输入正确 } else { // 验证码输入错误 } ``` 以上就是使用 svg-captcha 生成验证码的基本步骤。需要注意的是,在生成验证码和验证验证码时都需要使用到 Koa2 的 session 功能,因此需要在应用中添加相关中间件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值