Koa项目搭建步骤详解

这次给大家带来Koa项目搭建步骤详解,Koa项目搭建的注意事项有哪些,下面就是实战案例,一起来看一下。

本文介绍了Koa项目搭建过程详细记录,分享给大家,具体如下:

Koa项目搭建步骤详解

Java中的Spring MVC加MyBatis基本上已成为Java Web的标配。Node JS上对应的有Koa、Express、Mongoose、Sequelize等。Koa一定程度上可以说是Express的升级版。许多Node JS项目已开始使用非关系型数据库(MongoDB)。Sequelize对非关系型数据库(MSSQL、MYSQL、SQLLite)做了支持。

Koa项目构建

cnpm install -g koa-generator// 这里一定要用koa2koa2 /foo

登录后复制

Koa常用中间件介绍

koa-generator生成的应用已经包含常用中间件了,这里仅说它里面没有用到的。

koa-less

app.use(require('koa-less')(dirname + '/public'))

登录后复制

必须在static前use,不然会无效。

stylesheets文件夹下新建styles.less,并引入所有模块化less文件。

@import 'foo.less';@import 'bar.less';

登录后复制

这样所有的样式会被编译成一个style.css。在模板(pug)中引用style.css就行了。

koa-session

// 设置app keys,session会根据这个进行加密app.keys = ['some secret hurr'];// 配置session configconst CONFIG = {  key: 'bougie:session',  /** (string) cookie key (default is koa:sess) */  maxAge: 1000 * 60 * 60 * 24 * 7,  overwrite: true,  /** (boolean) can overwrite or not (default true) */  httpOnly: true,  /** (boolean) httpOnly or not (default true) */  signed: true,  /** (boolean) signed or not (default true) */  rolling: true,  /** (boolean) Force a session identifier cookie to be set on every response. The expiration is reset to the original maxAge, resetting the expiration countdown. (default is false) */  renew: false,  /** (boolean) renew session when session is nearly expired, so we can always keep user logged in. (default is false)*/};// 应用中间件app.use(session(CONFIG, app));

登录后复制

这个必须在router前use,不然会无效。

基本使用,可以当成一个普通对象

// 赋值ctx.session.statu = value// 取值ctx.session.statu// 删除ctx.session.statu = null

登录后复制

koa-proxies

用于代理配置

const proxy = require('koa-proxies')app.use(proxy('/octocat', {  target: 'https://api.github.com/users',    changeOrigin: true,  agent: new httpsProxyAgent('http://1.2.3.4:88'),  rewrite: path => path.replace(/^/octocat(/|/w+)?$/, '/vagusx'),  logs: true}))

登录后复制

路由控制

开发主要集中在路由控制这里,包括restful接口和模板渲染

获取参数(request)

查询参数(?param=a)

ctx.query.param

登录后复制

路由参数(/:id)

ctx.params.id

登录后复制

POST参数(JSON或Form)

ctx.request.body

登录后复制

请求回应(response)

服务器响应给客户端的数据

restful

ctx.body = yourData

登录后复制

模板渲染

默认从views目录开始,不许加文件后缀

ctx.render('layout', yourData)

登录后复制

路由拦截

未登录时拒绝请求,这样会返回404

const userAuth = (ctx, next) => {  let isLogin = ctx.session.isLogin  if(isLogin) return next()}router.use('/', userAuth)

登录后复制

此操作会包含在路由,如”/a”、”/b”等,需在子路由之前use,不然会无效

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

怎么阻止vuex页面刷新后数据清除

jQuery实现鼠标点击悬浮特效

以上就是Koa项目搭建步骤详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2766343.html

(0)
上一篇 2025年3月8日 11:13:26
下一篇 2025年2月24日 02:52:17

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 编写d.ts文件步骤详解

    这次给大家带来编写d.ts文件步骤详解,编写d.ts文件的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 本文主要讲怎么写一个typescript的描述文件(以d.ts结尾的文件名,比如xxx.d.ts)。 最近开始从js转ts了。…

    2025年3月8日 编程技术
    200
  • 实现圆弧形拖动进度条步骤详解

    这次给大家带来实现圆弧形拖动进度条步骤详解,实现圆弧形拖动进度条的注意事项有哪些,下面就是实战案例,一起来看一下。 先上效果图 因为需求需要实现这个效果图 非原生实现, 难点1:绘制 使用svg 难点2:点击事件的处理 难点3:封装 由于绘…

    2025年3月8日
    200
  • JS实现JSON数组去重步骤详解

    这次给大家带来JS实现JSON数组去重步骤详解,JS实现JSON数组去重的注意事项有哪些,下面就是实战案例,一起来看一下。 需求描述:去除JSON数组中paymode字段相同的项,并将paymoney累加。 paylist:[{paymod…

    编程技术 2025年3月8日
    200
  • vue-cli 3.0.x 入门详解

    这次给大家带来vue-cli 3.0.x 入门详解,vue-cli 3.0.x 使用的注意事项有哪些,下面就是实战案例,一起来看一下。 最近项目正在优化。乘着有时间看了一下 vue-cli3.0.x 使用 。感觉还蛮不错的。 因为之前项目使…

    编程技术 2025年3月8日
    200
  • select内置组件使用详解

    这次给大家带来select内置组件使用详解,select内置组件使用的注意事项有哪些,下面就是实战案例,一起来看一下。 1.整合了第三方 jQuery 插件 (select2) html, body { font: 13px/18px sa…

    2025年3月8日
    400
  • vue.js中安装npm步骤详解

    这次给大家带来vue.js中安装npm步骤详解,vue.js中安装npm的注意事项有哪些,下面就是实战案例,一起来看一下。 node.js是javascript的一种运行环境,是对Google V8引擎进行的封装。是一个服务器端的javas…

    2025年3月8日 编程技术
    200
  • vue2.0实现注册登录步骤详解

    这次给大家带来vue2.0实现注册登录步骤详解,vue2.0实现注册登录的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 前段时间和公司一个由技术转产品的同事探讨他的职业道路,对我说了一句深以为然的话: “不要把自己禁锢在某一个领域…

    2025年3月8日
    200
  • bing Map使用步骤详解

    这次给大家带来bing Map使用步骤详解,bing Map使用的注意事项有哪些,下面就是实战案例,一起来看一下。 写在最前面 拥有全球数据库国内好像就只有百度地图有,高德、搜狗、腾讯的都不行,但是由于百度地图的数据更新不及时,所以在做相关…

    2025年3月8日 编程技术
    200
  • code spliting优化Vue打包步骤详解

    这次给大家带来code spliting优化Vue打包步骤详解,code spliting优化Vue打包的注意事项有哪些,下面就是实战案例,一起来看一下。 在http1的时代,比较常见的一种性能优化就是合并http的请求数量,通常我们会把许…

    2025年3月8日 编程技术
    200
  • vue-cli多模块打包使用详解

    这次给大家带来vue-cli多模块打包使用详解,vue-cli多模块打包的注意事项有哪些,下面就是实战案例,一起来看一下。 场景 在实际的项目开发中会出现这样的场景,项目中需要多个模块(单页或者多页应用)配合使用的情况,而vue-cli默认…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论