Serveurs fictifs de construction de nœuds

1. Origines

Les données fictives jouent un rôle important dans le développement précoce des exigences frontales. C'est un maillon indispensable pour le développement simultané du devant et du dos. Il existe également de nombreuses bibliothèques de données fictives tierces sur le marché, avec de nombreuses fonctions, de grandes bibliothèques et un accès compliqué. Vous pouvez donc utiliser node pour créer un simple serveur générateur de simulation. (Une autre méthode consiste à utiliser directement les serveurs fictifs fournis par l'outil de gestion d'interface, tels que YAPI, APIFOX, ce qui est recommandé.)

2. Technologie utilisée

nœud koa-routeur koa-cors koa-badyparser koa-statique

3. Code de base

const Koa = require('koa')
const app = new Koa()
const KoaRouter = require('koa-router')
const router = new KoaRouter()
const cors = require('koa2-cors')
const bodyparser = require('koa-bodyparser')
const staticKoa = require('koa-static') // 处理静态资源
// 静态文件处理
function staticPath(path){
  app.use(staticKoa(path))
}

app.use(bodyparser())
// 跨域
app.use(cors({
  origin: function(ctx) {
    // 这里用 headers 和 header 属性皆可
    return ctx.header.origin
  }
}))

app.use(router.routes()) // 启动路由
app.use(router.allowedMethods())
app.listen(9000, console.log('application is start at port 9000'))

module.exports = {
  router,
  app,
  staticPath
}

4. Comment utiliser

Installer

npm i ff-koa

importer

import myKoa from 'ff-koa/lib/mock.js'
const router = myKoa.router

exemple de retour de données factice

const users = {
  'superadmin-token': {
    permission: [1],
    introduction: 'I am a super admin',
    name: '超级管理员'
  },
  'admin-token': {
    permission: [2],
    introduction: 'I am an admin',
    name: '管理员'
  },
}
router.post('/user/login', ctx => {
  const { username } = ctx.request.body
  const token = tokens[username]
  ctx.body = fhcode(token)
})

5. Autres

import myKoa from 'ff-koa/lib/mock.js'
myKoa.staticPath('../dist')

myKoa.staticPath('.../dist') démarre le fichier de package.
Scénario d'utilisation :
pour tester si le fichier empaqueté en ligne est normal, il existe plusieurs façons :
1. Utilisez nginx pour publier le fichier dist empaqueté
2. Utilisez la synchronisation du navigateur pour exécuter le fichier

npm install -g browser-sync

// 终端运行
browser-sync start --server --files "*.css, *.html , *.js" --reload-delay 800 -no-ghost-mode --open external --host= I P

3. Utilisez les données fictives, démarrez le service fictif, configurez le chemin du fichier d'empaquetage '.../dist' et exécutez 127.0.0.1:9000 pour exécuter le fichier d'empaquetage.

Le port 9000 peut être personnalisé, défini comme :

import myKoa from 'ff-koa/lib/mock.js'
const app = myKoa. app
app.listen(9001)

Remarque : Le service fictif doit uniquement sélectionner la méthode de données fictives appropriée en fonction des besoins de l'entreprise. Non limité à un certain type. Son but est d'améliorer l'efficacité du développement et de résoudre le problème du développement simultané des front et back-ends.

Technologie connexe Package NPM : interface
de routage automatique
demande de simulation simulation de données
vue échafaudage