教你如何用Node实现API的转发（node中间层）（某音乐）

alkun
7,291 阅读4分钟

node转发API（node中间层）的优势

  • 可以在中间层把java|php的数据，处理成对前端更友好的格式
  • 可以解决前端的跨域问题，因为服务器端的请求是不涉及跨域的，跨域是浏览器的同源策略导致的
  • 可以将多个请求在通过中间层合并，减少前端的请求
  • api转发：自己写的小项目，可以拿些别人家真实数据来做😂😂😂
  • ......

Node、Express

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
Express 基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
nodemon 一个可以实现node热更新的插件包

快速上手

文档目录

├── dist
├── node_modules
├── public
│   └── index.html
├── src
│   └── apiList
│       ├── index.js
│       └── client_play_list_tag.js
│       └── ...
│   └── utils
│       └── request.js
│       └── userAgent.js
│   ├── index.js
├── package.json

package.json

{
 "name": "testnodeapi",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "scripts": {
   "test": "echo \"Error: no test specified\" && exit 1",
   "dev": "nodemon src/index.js"
 },
 "author": "alkun",
 "license": "ISC",
 "dependencies": {
   "axios": "^0.19.0",
   "express": "^4.17.1"
 },
 "devDependencies": {
   "nodemon": "^1.19.2"
 }
}

第一步：配置入口文件index.ts

  1. 首先需要在导入下载好的安装包,并尝试开启一个服务
    const express = require('express')
const app = express()
const port = 3001
app.use((req, res) => {
    res.send('hahhaha')
})
app.listen(port, ()=>{
    console.log(`Example app listening on http://127.0.0.1:${port}`)
})

第二步：安装axios,并实现一个简易的转发

    ...
    const axios = require('axios')
   
    app.use(async (req, res) => {
        let resp = await axios({
            baseURL: 'http://m.music.migu.cn/migu/remoting/',
            method: 'get',
            url: '/client_play_list_tag',
        })
        res.send(resp.data)
    })
    
    app.listen(port, () => {
        console.log(`Example app listening on http://127.0.0.1:${port]`)
    })

第三步：我们需要把axiox进行一些简易封装

// 在utils文件夹中创建 request.js文件，用来处理axios
const axios = require('axios')
const userAgent = require('./userAgent')
const request = (paramInfo) => {
    function getDataFn(obj) {
        let getData = {
            url: obj.url,
            method: obj.method ||'get',
            baseURL: 'http://m.music.migu.cn/migu/remoting/',
            headers: {
                'User-Agent': userAgent(),
            }
        }
        if (getData.method == 'get'){
            getData.params = obj.data
        } else {
            getData.data = obj.data
        }
        return getData
    }
    
    if(!Array.isArray(paramInfo)){
        return axios(getDataFn(paramInfo))
    } else {
        let fetchArray = paramInfo.map(v => {
            return axios(getDataFn(v))
        })
        return new Promise((resolve, reject) => {
            axios.all(fetchArray)
            .then(axios.spread(function (...arg) {
                // 多个请求现在都执行完成
                resolve(arg)
            })).catch(err => {
                console.log(err)
            })
        })

    }
}

module.exports = request

第四步：创建随机User-Agent

// 返回一个随机的请求头 headers的UA
const user_agent_list = [
    // 各种PC端
    // Safari
    "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2",
    // chrome
    "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36",
    "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11",
    "Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.16 (KHTML, like Gecko) Chrome/10.0.648.133 Safari/534.16",
    // 360
    "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.101 Safari/537.36",
    "Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11.0) like Gecko",
    // QQ浏览器
    "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; QQBrowser/7.0.3698.400)",
    "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; QQDownload 732; .NET4.0C; .NET4.0E)",
    // sogou浏览器
    "Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.84 Safari/535.11 SE 2.X MetaSr 1.0",
    "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; SV1; QQDownload 732; .NET4.0C; .NET4.0E; SE 2.X MetaSr 1.0)",
    // 各种移动端
    // IPhone
    "Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5",
    // IPod
    "Mozilla/5.0 (iPod; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5",
    // IPAD
    "Mozilla/5.0 (iPad; U; CPU OS 4_2_1 like Mac OS X; zh-cn) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5",
    "Mozilla/5.0 (iPad; U; CPU OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5",
    // Android
    "Mozilla/5.0 (Linux; U; Android 2.2.1; zh-cn; HTC_Wildfire_A3333 Build/FRG83D) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
    "Mozilla/5.0 (Linux; U; Android 2.3.7; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
    // QQ浏览器 Android版本
    "MQQBrowser/26 Mozilla/5.0 (Linux; U; Android 2.3.7; zh-cn; MB200 Build/GRJ22; CyanogenMod-7) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
    // Android Opera Mobile
    "Opera/9.80 (Android 2.3.4; Linux; Opera Mobi/build-1107180945; U; en-GB) Presto/2.8.149 Version/11.10",
    // Android Pad Moto Xoom
    "Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13",
    // BlackBerry
    "Mozilla/5.0 (BlackBerry; U; BlackBerry 9800; en) AppleWebKit/534.1+ (KHTML, like Gecko) Version/6.0.0.337 Mobile Safari/534.1+",
    // WebOS HP Touchpad
    "Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.70 Safari/534.6 TouchPad/1.0",
    // Nokia N97
    "Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124",
    // Windows Phone Mango
    "Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0; HTC; Titan)",
    // UC浏览器
    "UCWEB7.0.2.37/28/999",
    "NOKIA5700/ UCWEB7.0.2.37/28/999",
    // UCOpenwave
    "Openwave/ UCWEB7.0.2.37/28/999",
    // UC Opera
    "Mozilla/4.0 (compatible; MSIE 6.0; ) Opera/UCWEB7.0.2.37/28/999",
    // 一部分 PC端的
    "Mozilla/5.0 (Windows NT 6.1) AppleWebKit/536.3 (KHTML, like Gecko) Chrome/19.0.1061.1 Safari/536.3",
    "Mozilla/5.0 (Windows NT 6.2) AppleWebKit/536.3 (KHTML, like Gecko) Chrome/19.0.1061.0 Safari/536.3",
    "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/535.24 (KHTML, like Gecko) Chrome/19.0.1055.1 Safari/535.24",
    "Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/535.24 (KHTML, like Gecko) Chrome/19.0.1055.1 Safari/535.24"
]

module.exports = () =>{
    let index = Math.floor(Math.random() * user_agent_list.length)
    return user_agent_list[index]
}

第五步：apiList的封装

// 在apiList文件夹下面穿件client_play_list_tag.js文件
/**
 * @todo 推荐歌单首页推荐模块
 * @api /client_play_list_tag
 * @param {}
 */
module.exports = (app) => {
    app.get('/client_play_list_tag', async (req, res) => {
        try {
            let result = await app.request({
                url: "client_play_list_tag",
                data: {
                    ...req.query
                }
            })
            res.send(result.data)
        } catch (err) {
            res.send({ code: -500, msg: err.message })
        }
    })
}

第六步：需要在当前文件夹中再创建入口文件./apiList/index.js

const fs = require('fs')
const path = require('path')

const request = require('../utils/request')

// 查找出当前文件夹所有的api文件名
const routes = fs.readdirSync(__dirname).filter(item => item.indexOf('index') != 0)
module.exports = (router) => {
    // 将请求放到每个实例中
    router.request = request
    routes.forEach((item) => {
        let routeFn = require(path.resolve(__dirname, item))
        routeFn(router)
    })
    return router
}

最后：更新我们完整的入口index.js文件

const express = require('express')
const Router = express.Router()

const app = express()

const apiList  = require('./apiList')
const port = 3001
app.use((req, res, next) => {
    res.set('Access-Control-Allow-Origin', '*')
    next()
})

// 挂载路由
app.use(apiList(Router))

app.listen(port, () => {
    console.log(`Example app listening on http://127.0.0.1:${port}`)
})

写到这里，本文已基本实现了这个音乐api转发功能，还有一些别的接口，需要自己去

注：

本文涉及的代码还是非常简单的，更多的高大上功能还需要自己去折腾吧。
这里有完整版代码，TS + Node + Express 欢迎 STAR STAR STAR 传送门>>

avatar
文章
阅读
粉丝