bi站学习即时聊天：后端篇（1）

这次用node后端来开发即时聊天，这篇博客将进行前后端的接口对接。

一、创建项目

• 创建server文件夹，安装express

C:\uni-app-project\server>cnpm install express --save

image.png

二、编写后端文件

如图：

image.png

在安装了express框架后，以这样的文件结构，首先在yike.js中写主体逻辑：

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => res.send('哈哈哈哈'))

//设置允许跨域访问该服务.
app.all('*', function (req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    //Access-Control-Allow-Headers ,可根据浏览器的F12查看,把对应的粘贴在这里就行
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    res.header('Access-Control-Allow-Methods', '*');
    res.header('Content-Type', 'application/json;charset=utf-8');
    next();
});

require('./router/index')(app);
//404页面
app.use(function (req, res, next) {
    let err = new Error('Not Found');
    err.status = 404;
    next(err)
})

//出现错误处理
app.use(function (req, res, next) {
    res.status(err.status || 500)
    res.send(err.message)
})

app.listen(port, () => console.log(`Example app listening on port ${port}!`))

• 在router中index.js中写：

module.exports = function (app) {
    app.get('/test', (req, res) => res.send('这里是test页面'))
}

node yike.js即可运行程序，找到/test就能看到相关数据

三、链接前后端接口

前端写入方法（这里是uniapp的请求方法，axios同理）：

uni.request({
                    url:'http://192.168.0.105:3000/test',
                    data:{},
                    method:'GET',
                    success(data){
                        console.log(data);
                    }
                })

就可以对接上了

image.png