喜得赞uniapp社交电商系统源码

源码系统概览

源码简介

这是一套仿抖音风格的社交电商系统源码，项目名为”喜得赞”。系统采用前后端分离架构，前端使用uni-app开发，支持App、H5、小程序多端部署；后端分为三个独立服务：ThinkPHP 6.0负责商城核心业务，Egg.js框架分别支撑即时通讯和直播功能。源码包含完整的用户系统、短视频刷播、直播互动、商品交易、即时聊天等模块，是一个功能覆盖全面的社交电商实战项目。

适用场景

• 社交电商 App 学习参考：完整的前后端分离架构，适合研究短视频+直播+商城的组合模式
• 即时通讯功能二次开发：基于 WebSocket 的聊天系统，包含单聊、群聊、朋友圈等完整功能
• 直播平台技术调研：腾讯云直播推拉流、礼物打赏、评论互动的完整实现参考

功能亮点

• 短视频模块：支持视频发布、刷播推荐、点赞评论、视频打赏，刷视频还可获得金币奖励，提升用户留存
• 直播系统：集成腾讯云直播，支持主播推流、观众拉流、直播间礼物打赏、实时评论互动，含完整的直播币充值流程
• 商城交易：完整的电商闭环，包含商品搜索展示、购物车、订单管理、多方式支付、优惠券、发票管理、收货地址等
• 即时通讯：基于 WebSocket 实现实时聊天，支持单聊和群聊，包含好友申请管理、黑名单、星标好友、朋友圈发布点赞评论、消息撤回和收藏
• 钱包体系：内置余额、金币、积分、零钱四种资产类型，支持充值提现、转账支付、佣金分成、签到抽奖等运营功能
• 商户入驻：提供商家认证入驻流程，支持商户管理后台，可实现平台+商户的双边模式

技术架构与部署指南

维度	本套源码	同类通用方案
技术栈	前端：uni-app（Vue.js）+ ColorUI + uni-ui 商城后端：ThinkPHP 6.0 + MyS	依具体方案选型，需自行搭建与维护
部署方式	后端三个服务需分别配置并启动：ThinkPHP商城后端配置数据库和路由，Egg.js即时通讯和直播后端需配置数据库和We	多托管于第三方平台或订阅云服务
功能侧重	短视频模块：支持视频发布、刷播推荐、点赞评论、视频打赏，刷视频还可获得金币奖励，提升用户留存 直播系统：集成腾讯云直播，	功能通用，定制深度有限
数据归属	数据自持，部署在自有服务器，不出站	数据通常留存于服务商侧
成本模式	获取后自主部署，无持续授权费用	通常按订阅或调用量计费

技术栈与运行环境

• 前端：uni-app（Vue.js）+ ColorUI + uni-ui
• 商城后端：ThinkPHP 6.0 + MySQL 5.7+ + Redis
• 即时通讯后端：Egg.js（Node.js）+ MySQL + WebSocket
• 直播后端：Egg.js（Node.js）+ MySQL + 腾讯云直播SDK
• 支付集成：微信支付、支付宝支付、余额支付、积分支付
• 环境要求：PHP 7.1+ / Node.js 10+ / MySQL 5.7+

安装与部署提示

后端三个服务需分别配置并启动：ThinkPHP商城后端配置数据库和路由，Egg.js即时通讯和直播后端需配置数据库和WebSocket端口。前端uni-app项目使用HBuilderX导入后可编译到多端，注意配置后端API地址和腾讯云直播的推拉流密钥。

截图与演示说明

源码中包含以下可运行和查看的页面模块：

• 前端主界面：底部TabBar包含主页、朋友、消息、我四个入口
• 短视频页：仿抖音全屏滑刷视频界面（pages/index/index）
• 直播相关页：直播创建（create-live）、直播观看（live/liveroom）、直播币充值（live/coin）
• 商城相关页：商品详情（goodsDetail）、购物车（cart）、订单确认（order-confirm）、支付结果（pay-result）
• 聊天相关页：会话列表（message）、聊天窗口（chat/chat）、群设置（chat-set）、朋友圈相关页
• 个人中心：我的钱包、余额、金币、优惠券、团队、代理商等页面
• 后端管理：ThinkPHP标准MVC结构，包含route/admin.php管理员路由、route/merchant.php商户路由
• 数据库：直播后端提供完整的SQL备份（liveapi2_dishait），包含live、comment、gift、live_gift等表结构

 

常见问题

问：即时通讯的WebSocket连接如何配置？ 答：Egg.js后端router.js中配置了app.ws.route(‘/ws’, controller.chat.connect)，前端连接时需在ws地址后带上token参数（ws://localhost:7001/ws?token=xxx）完成身份验证。

问：直播功能需要自己申请腾讯云账号吗？ 答：是的，直播推拉流依赖腾讯云CSS服务，需在直播后端配置SecretId和SecretKey，并在前端调用getTXLivePushUrl和getTXLivePlayUrl接口获取地址。

安全风险提示

特别提示：本源码未检测安全风险文件，下载后请务必进行安全审计，删除恶意代码后再部署使用！

下载说明

本源码仅限学习研究使用，不得用于商业运营或非法用途。部署前请仔细审查代码安全性，特别是支付回调、用户token验证、SQL注入防护等关键环节。