用代理服務器作接口整合大大減小http請求

時間 2019-12-05

原文原文鏈接

代理服務器拿到後臺數據之後，總體發送給客戶端，客戶端一次性將數據展現給視圖123，這樣顯示的時候幾乎是同步顯示三個視圖模塊。體驗比較好。這樣比直接從客戶端進行三次請求過來要節省不少時間，客戶端對服務端發起請求到迴應這個過程很複雜。並且易於數據整合。

如何一鍵生成koa2

一. 安裝html

全局安裝(支持koa1.2和koa2) npm install koa-generator -gios

koa1.2生成test項目並下載依賴 koa test cd test npm installnpm

koa2生成test項目並下載依賴 koa2 test cd test npm installjson

二. 運行 npm start 在package.josn配置相關項目信息axios

html內容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
接口整合
</div>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
    axios.get('/json')
        .then(function (response) {
            console.log(response);
        })
        .catch(function (error) {
            console.log(error);
        });
</script>
</body>
</html>
複製代碼

路由模塊處理

const router = require('koa-router')()
//下載個koa2-request 用於請求接口 ，我這裏就把中間服務器和代理服務器都用了一個，只是爲了說明原理因此就不另外起一個了。
var koa2Req = require('koa2-request');
//koa2Req也是我寫這個時候臨時下的只支持80 
router.get('/', async (ctx, next) => {
  await ctx.render('index', {
    title: 'Hello Koa 2!'
  })
});
router.get('/num1', async (ctx, next) => {
  ctx.body = '我是接口1'
});
router.get('/num2', async (ctx, next) => {
  ctx.body = '我是接口2'
});
router.get('/num3', async (ctx, next) => {
  ctx.body = '我是接口3'
});
//整合三個
let ip='http://192.168.0.131/'
//項目啓動之後換成你本身ip就好
async function num(){
 var res = await koa2Req(ip+'num1');
 var res2 = await koa2Req(ip+'num2');
 var res3 = await koa2Req(ip+'num3');
 var res4= res.body+res2.body+res3.body;
 return res4;
}
//接口一同返給前臺。
router.get('/json', async (ctx, next) => {
 let re = await num();
     ctx.body = {
    body: re
  }
})

module.exports = router
複製代碼