Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Schritte zum Aufbau des Koa-Projekts

php中世界最好的语言
Freigeben: 2018-04-28 14:06:40
Original
2268 Leute haben es durchsucht

Dieses Mal werde ich Ihnen die Schritte zum Aufbau des Koa-Projekts ausführlich erläutern. Was sind die Vorsichtsmaßnahmen für den Aufbau des Koa-Projekts?

Dieser Artikel stellt die detaillierte Aufzeichnung des Koa-Projektbauprozesses vor und teilt sie mit allen. Die Details sind wie folgt:

Spring MVC plus MyBatis in Java ist im Grunde zum Java-Webstandard 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
Nach dem Login kopieren

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'))
Nach dem Login kopieren
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';
Nach dem Login kopieren

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));
Nach dem Login kopieren
Dies muss vor dem Router verwendet werden, sonst ist es ungültig.

Grundsätzlich

verwenden, das als normales Objekt verwendet werden kann

koa-proxies

für die Proxy-Konfiguration

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
}))
Nach dem Login kopieren

Routing-Steuerung

Die Entwicklung konzentriert sich hauptsächlich auf die Routing-Steuerung, einschließlich erholsamer Schnittstelle und

Vorlagen-Rendering

Abrufen von Parametern (Anfrage)

Abfrageparameter (?param=a)

ctx.query.param
Nach dem Login kopieren

Routing-Parameter

(/:id)

POST-Parameter (JSON oder Form)

ctx.request.body
Nach dem Login kopieren

Antwort anfordern (Antwort)

Die Daten, die der Server dem Client antwortet

erholsam

ctx.body = yourData
Nach dem Login kopieren

Vorlagenrendering

Standard ab Ausgehend vom Ansichtsverzeichnis ist kein Dateisuffix zulässig

ctx.render('layout', yourData)
Nach dem Login kopieren

Routenabfang

Anfrage ablehnen, wenn Sie nicht angemeldet sind, was 404 zurückgibt

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

Dieser Vorgang umfasst In Routen wie „/a“, „/b“ usw. müssen diese vor Unterrouten verwendet werden, andernfalls sind sie ungültig

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website. Andere verwandte Artikel!

Empfohlene Lektüre:

So verhindern Sie das Löschen von Daten nach der Aktualisierung der Vuex-Seite


jQuery implementiert den Mausklick-Sperreffekt

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum Aufbau des Koa-Projekts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage