집 > 기사 > 웹 프론트엔드 > Koa 프로젝트 구축 단계에 대한 자세한 설명

Koa 프로젝트 구축 단계에 대한 자세한 설명

php中世界最好的语言원래의: 2018-04-28 14:06:402256검색

이번에는 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)

라우트 차단

요청을 거부합니다. 로그인하면 404

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

가 반환됩니다. 이 작업은 "/a", "/b" 등과 같은 경로에 포함되며 하위 경로 이전에 사용해야 합니다. 그렇지 않으면 유효하지 않습니다

더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 기타 관련 기사를 참고하세요!