Detaillierte Analyse des Koa-Projektbaus

Dieses Mal werde ich Ihnen eine detaillierte Analyse des Koa-Projektbaus und der Vorsichtsmaßnahmen für den Koa-Projektbau geben. Das Folgende ist ein praktischer Fall, werfen wir einen Blick darauf.

Spring MVC plus MyBatis in Java ist im Grunde zum Standard für Java Web geworden. Zu Node JS gehören Koa, Express, Mongoose, Sequelize usw. Man kann sagen, dass Koa gewissermaßen eine aktualisierte Version von Express ist. Viele Node JS-Projekte haben damit begonnen, nicht relationale Datenbanken (MongoDB) zu verwenden. Sequelize unterstützt nicht relationale Datenbanken (MSSQL, MYSQL, SQLLite).

Koa-Projektkonstruktion

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

Einführung in die gemeinsame Middleware von Koa

Die vom koa-generator generierte Anwendung enthält bereits gemeinsame Middleware , hier spreche ich nur über diejenigen, die darin nicht verwendet werden.

koa-less

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

muss vor static verwendet werden, sonst ist es ungültig.

Erstellen Sie „styles.less“ im Ordner „Stylesheets“ und importieren Sie alle modularen Less-Dateien.

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

Auf diese Weise werden alle Stile in einer style.css kompiliert. Verweisen Sie einfach auf style.css in der Vorlage (pug).

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

Dies muss vor dem Router verwendet werden, sonst ist es ungültig.

Grundsätzlich verwendet, kann als normales Objekt verwendet werden

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

koa-proxies

Wird für die Proxy-Konfiguration verwendet

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
}))

Routing-Steuerung

Die Entwicklung konzentriert sich hauptsächlich auf die Routing-Steuerung, einschließlich Restful-Interface- und Template-Rendering

Abrufen von Parametern (Anfrage)

Abfrageparameter (?param= a)

ctx.query.param

Routenparameter (/:id)

ctx.params.id

POST-Parameter (JSON oder Form)

ctx.request.body

Antwort anfordern (Antwort)

Die Daten, die der Server dem Client antwortet

erholsam

ctx.body = yourData

Vorlagenrendering

Startet standardmäßig im Ansichtsverzeichnis, es ist kein Dateisuffix zulässig

ctx.render('layout', yourData)

Routenabfang

Wenn Sie nicht angemeldet sind, lehnen Sie die Anfrage ab, wodurch 404 zurückgegeben wird

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

Dieser Vorgang wird in die Route aufgenommen, z „/a“, „/b“ usw. und muss im Untertitel enthalten sein. Vor dem Routing verwenden, sonst ist es ungültig

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Was sind die Schleifendurchlaufanweisungen in Vue?

Zwei Methoden zum Implementieren der Popup-Funktion

Das obige ist der detaillierte Inhalt vonDetaillierte Analyse des Koa-Projektbaus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!