如何用Uniapp+Thinkphp6搭建一个交友系统

一、技术架构设计
mermaid
graph TD

A[UniApp前端] -->|HTTP/WebSocket| B[ThinkPHP6 API]
B --> C[MySQL主库]
B --> D[Redis缓存]
B --> E[MinIO文件存储]
B --> F[Elasticsearch搜索]

二、核心模块实现

1. 后端接口开发（ThinkPHP6）
   安装依赖（composer.json）：

json
{
"require": {

"topthink/think-swoole": "^3.0",    // WebSocket支持
"elasticsearch/elasticsearch": "^7.0",
"endroid/qr-code": "^4.0"           // 二维码生成

}
}
用户模块示例（app/controller/User.php）：

php
namespace app\controller;

use app\model\User as UserModel;
use think\facade\Cache;

class User {

// 用户注册（JWT令牌）
public function register() {
    $data = input('post.');
    $user = UserModel::create($data);
    
    $token = jwt_encode([
        'uid' => $user->id,
        'exp' => time() + 86400
    ]);
    
    return json(['token' => $token]);
}

// 附近的人（GeoHash算法）
public function nearby() {
    $lat = input('lat');
    $lng = input('lng');
    $geohash = GeoHash::encode($lat, $lng, 8);
    
    $users = UserModel::whereLike('geohash', substr($geohash, 0, 5).'%')
             ->field('id,nickname,avatar,distance')
             ->paginate(10);
    
    return json($users);
}

}

2. 前端开发（UniApp）
   聊天页面示例（pages/chat/chat.vue）：

vue
<template>
<view class="chat-container">

<scroll-view class="message-list" scroll-y>
  <view v-for="msg in messages" :key="msg.id" 
        :class="['message', msg.from === myId ? 'right' : 'left']">
    <image v-if="msg.type === 'image'" :src="msg.content" mode="widthFix"/>
    <text v-else>{{ msg.content }}</text>
  </view>
</scroll-view>

<view class="input-box">
  <uni-file-picker limit="1" @select="sendImage"/>
  <input v-model="inputText" @confirm="sendText"/>
  <button @click="sendVoice">按住说话</button>
</view>

</view>
</template>

<script>
export default {
data() {

return {
  inputText: '',
  messages: [],
  socket: null
}

},
onLoad() {

// WebSocket连接
this.socket = uni.connectSocket({
  url: 'wss://api.example.com/ws',
  success: () => {
    this.socket.onMessage(res => {
      this.messages.push(JSON.parse(res.data));
    });
  }
});

},
methods: {

sendText() {
  this.socket.send({
    data: JSON.stringify({
      type: 'text',
      content: this.inputText
    })
  });
  this.inputText = '';
}

}
}
</script>
三、关键技术实现

1. 即时通讯（WebSocket+Swoole）
   Swoole配置（config/swoole.php）：

php
return [

'server' => [
    'host' => '0.0.0.0',
    'port' => 9502,
    'mode' => SWOOLE_PROCESS,
    'sock_type' => SWOOLE_SOCK_TCP,
    'options' => [
        'worker_num' => 4,
        'task_worker_num' => 2,
        'enable_static_handler' => true
    ]
]

];
消息广播逻辑：

php
$server->on('message', function ($server, $frame) {

$data = json_decode($frame->data, true);

// 敏感词过滤
$filter = new SensitiveFilter();
$data['content'] = $filter->replace($data['content']);

// 消息持久化
Db::name('chat_log')->insert([
    'from_uid' => $data['from'],
    'to_uid' => $data['to'],
    'content' => $data['content'],
    'create_time' => time()
]);

// 广播消息
foreach ($server->connections as $fd) {
    $server->push($fd, json_encode($data));
}

});

2. 智能匹配算法
   用户相似度计算：

php
public function matchAlgorithm($uid) {

$user = UserModel::find($uid);
$candidates = UserModel::where('id', '<>', $uid)
             ->field('id, tags, location')
             ->select();

$scores = [];
foreach ($candidates as $candidate) {
    // 标签匹配度（Jaccard系数）
    $tagScore = count(array_intersect($user->tags, $candidate->tags)) 
              / count(array_unique(array_merge($user->tags, $candidate->tags)));
    
    // 地理位置得分（5公里内满分）
    $distance = GeoHelper::getDistance(
        $user->location['lat'], 
        $user->location['lng'],
        $candidate->location['lat'],
        $candidate->location['lng']
    );
    $distanceScore = max(0, 1 - ($distance / 5000));
    
    // 综合评分
    $scores[$candidate->id] = 0.6*$tagScore + 0.4*$distanceScore;
}

arsort($scores);
return array_slice($scores, 0, 10, true);

}
四、安全防护方案

1. 防御层实现
   风险类型 防御措施 实现代码示例
   SQL注入 预处理参数绑定 Db::name('user')->where('id', $id)->find()
   XSS攻击 富文本白名单过滤 使用htmlpurifier库过滤
   接口爆破 滑动窗口限流（Redis实现） Redis::incr('api_limit:'.$ip)
   敏感图片 阿里云绿网审核 上传时调用ImageScan::check()
2. 敏感词过滤系统
   字典树实现：

php
class SensitiveFilter {

private $trie = [];

public function __construct() {
    // 加载词库
    $words = file('sensitive_words.txt');
    foreach ($words as $word) {
        $node = &$this->trie;
        $word = trim($word);
        for ($i=0; $i<mb_strlen($word); $i++) {
            $char = mb_substr($word, $i, 1);
            if (!isset($node[$char])) {
                $node[$char] = [];
            }
            $node = &$node[$char];
        }
        $node['end'] = true;
    }
}

public function replace($text) {
    $len = mb_strlen($text);
    $i = 0;
    while ($i < $len) {
        $node = $this->trie;
        $j = $i;
        $match = '';
        while ($j < $len) {
            $char = mb_substr($text, $j, 1);
            if (!isset($node[$char])) break;
            $match .= $char;
            $node = $node[$char];
            if (isset($node['end'])) {
                $text = mb_substr($text, 0, $i) . '***' . mb_substr($text, $j+1);
                $len = mb_strlen($text);
                break;
            }
            $j++;
        }
        $i++;
    }
    return $text;
}

}
五、部署优化建议
性能优化：

使用Redis缓存用户基础信息（设置30分钟过期）

聊天消息采用分库分表（按用户ID取模）

监控体系：

bash

Prometheus监控配置示例

• job_name: 'thinkphp'
  static_configs:

  • targets: ['192.168.1.10:9100']

  压力测试：

bash

使用wrk进行接口压测

wrk -t12 -c400 -d30s https://api.example.com/user/nearby
六、开发注意事项
跨域问题：在ThinkPHP6中配置中间件

php
// middleware.php
return [

\think\middleware\AllowCrossDomain::class

];
UniApp适配：使用条件编译处理多端差异

vue
// #ifdef MP-WEIXIN
wx.login({...})
// #endif
版本控制：建议使用API版本管理

/api/v1/user/login
/api/v2/user/login

这套方案可实现日活10万级别的社交系统，完整代码需要约 3-4周开发周期。建议先从MVP版本（用户+匹配+聊天）开始迭代。
扫码了解系统安装和更多系统，欢迎咨询！