Koa 프로젝트 건설에 대한 상세 분석

이번에는 Koa 프로젝트 구축에 대한 자세한 분석과 Koa 프로젝트 구축 시 주의사항에 대해 알려드리겠습니다. 다음은 실제 사례를 살펴보겠습니다.

Spring MVC와 Java의 MyBatis는 기본적으로 Java 웹의 표준이 되었습니다. Node JS에 해당하는 것은 Koa, Express, Mongoose, Sequelize 등입니다. Koa는 어느 정도 Express의 업그레이드 버전이라고 할 수 있습니다. 많은 Node JS 프로젝트가 비관계형 데이터베이스(MongoDB)를 사용하기 시작했습니다. Sequelize는 비관계형 데이터베이스(MSSQL, MYSQL, SQLLite)를 지원합니다.

Koa 프로젝트 구축

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

Koa의 공통 미들웨어 소개

koa-generator로 생성된 애플리케이션에는 이미 공통 미들웨어가 포함되어 있습니다. 여기서는 사용되지 않는 것들에 대해서만 이야기합니다.

koa-less

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

는 static 앞에 사용해야 합니다. 그렇지 않으면 유효하지 않습니다.

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 config
const 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));

이것은 라우터 앞에서 사용해야 합니다. 그렇지 않으면 유효하지 않습니다.

기본적으로 사용하면 일반 객체로 취급 가능

// 赋值
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 인터페이스 및 템플릿 렌더링을 포함한 라우팅 제어에 중점을 둡니다

매개변수 가져오기(요청)

쿼리 매개변수(?param=a)

ctx.query.param

라우팅 매개변수(/:id)

ctx.params.id

POST 매개변수(JSON 또는 양식)

ctx.request.body

요청 응답(응답)

서버 클라이언트에 응답합니다. 최종 데이터

restful

ctx.body = yourData

템플릿 렌더링

기본적으로 views 디렉토리에서 시작합니다. 파일 접미사는 허용되지 않습니다.

ctx.render('layout', yourData)

경로 차단

로그인하지 않으면 요청을 거부합니다. return 404

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

이 작업은 라우팅에 포함됩니다(예: "/a", "/b" 등). 하위 경로 전에 사용해야 합니다. 그렇지 않으면 유효하지 않습니다

이 기사의 사례를 읽은 후 방법을 익혔습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

vue의 루프 탐색 지침은 무엇입니까

팝업 창 기능을 구현하는 두 가지 방법

위 내용은 Koa 프로젝트 건설에 대한 상세 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!