> 웹 프론트엔드 > JS 튜토리얼 > Koa 프로젝트 구축 단계에 대한 자세한 설명

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

php中世界最好的语言
풀어 주다: 2018-04-28 14:06:40
원래의
2290명이 탐색했습니다.

이번에는 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));
로그인 후 복사
이것은 라우터 앞에서 사용해야 합니다. 그렇지 않으면 유효하지 않습니다.

기본적으로 사용

, 일반 개체로 취급할 수 있습니다

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)

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 중국어 웹사이트의 기타 관련 기사를 참고하세요!

추천 자료:

vuex 페이지 새로 고침 후 데이터 삭제를 방지하는 방법


jQuery는 마우스 클릭 정지 효과를 구현합니다

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿