React Native应用Node.js后端连接个人云服务器的技术咨询

Express完全适配你的需求——它是Node.js生态里最成熟的Web框架，用来快速搭建RESTful API给React Native客户端收发数据简直是标配。下面是一步步的实现方案：

1. 初始化Express后端项目 #

• 先在本地（或直接在云服务器上）创建项目文件夹，执行初始化命令：

  mkdir rn-backend && cd rn-backend
  npm init -y
  npm install express mongoose cors
  

  其中mongoose是连接MongoDB的工具（如果你选择把MongoDB部署在个人服务器上），cors是解决React Native跨域请求的必备包。

• 创建入口文件server.js，编写基础服务器代码：

  const express = require('express');
  const cors = require('cors');
  const mongoose = require('mongoose');
  
  const app = express();
  const PORT = process.env.PORT || 3000;
  
  // 允许跨域请求
  app.use(cors());
  // 解析JSON格式的请求体
  app.use(express.json());
  
  // 连接个人服务器上的MongoDB
  mongoose.connect('mongodb://你的云服务器IP:27017/你的数据库名', {
    useNewUrlParser: true,
    useUnifiedTopology: true
  })
  .then(() => console.log('MongoDB连接成功'))
  .catch(err => console.error('连接失败:', err));
  
  // 测试接口
  app.get('/', (req, res) => {
    res.send('后端服务器运行正常');
  });
  
  app.listen(PORT, () => {
    console.log(`服务器运行在端口 ${PORT}`);
  });
  

2. 配置个人云服务器的MongoDB #

• 确保云服务器已安装MongoDB，修改配置文件允许外部IP访问（默认仅本地127.0.0.1可访问，需改为0.0.0.0）。
• 给MongoDB创建专用数据库用户，不要使用root账号，设置好对应数据库的读写权限。
• 在云服务器的防火墙/安全组中开放27017端口（MongoDB默认端口）和3000端口（Express服务器端口）。

3. 编写数据收发的API接口 #

以用户数据的增删改查为例：

• 创建数据模型models/User.js：

  const mongoose = require('mongoose');
  
  const userSchema = new mongoose.Schema({
    name: String,
    email: String,
    age: Number
  });
  
  module.exports = mongoose.model('User', userSchema);
  

• 创建路由文件routes/users.js：

  const express = require('express');
  const router = express.Router();
  const User = require('../models/User');
  
  // 获取所有用户
  router.get('/', async (req, res) => {
    try {
      const users = await User.find();
      res.json(users);
    } catch (err) {
      res.status(500).json({ message: err.message });
    }
  });
  
  // 添加新用户
  router.post('/', async (req, res) => {
    const user = new User({
      name: req.body.name,
      email: req.body.email,
      age: req.body.age
    });
  
    try {
      const newUser = await user.save();
      res.status(201).json(newUser);
    } catch (err) {
      res.status(400).json({ message: err.message });
    }
  });
  
  module.exports = router;
  

• 在server.js中引入路由：

  const userRoutes = require('./routes/users');
  app.use('/api/users', userRoutes);
  

4. React Native客户端调用接口 #

用fetch或axios均可，以下是fetch的示例：

// 获取用户列表
const fetchUsers = async () => {
  try {
    const response = await fetch('http://你的云服务器IP:3000/api/users');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('请求失败:', error);
  }
};

// 添加用户
const addUser = async () => {
  const userData = {
    name: '张三',
    email: 'zhangsan@example.com',
    age: 25
  };

  try {
    const response = await fetch('http://你的云服务器IP:3000/api/users', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(userData),
    });
    const data = await response.json();
    console.log('新增用户:', data);
  } catch (error) {
    console.error('添加失败:', error);
  }
};

5. 部署后端到云服务器 #

• 把本地代码上传到云服务器（用Git或SFTP均可）。
• 安装PM2管理Node.js进程，避免服务器重启后进程中断：

  npm install pm2 -g
  pm2 start server.js --name rn-backend
  

• 如果需要域名访问，可配置Nginx做反向代理，将域名请求转发到3000端口。

内容的提问来源于stack exchange，提问作者Reality Failure