circle-chat（圈聊）
用 uni-app 开发的一款跨平台附近聊天交友产品，目前已兼容 h5、百度小程序。与其他附近交友产品的不同点在于产品创新的三种圈类型--“交友圈”、“固定圈”、“紧急圈”，交友圈用于日常聊天交友，固定圈用于商家入驻，紧急圈用于发布紧急事务。
项目体验
h5
百度小程序
百度 APP 扫码
技术栈
uni-app(vue + vuex) + ColorUI + uViewUI
基于 websocket 协议
项目结构
- api // 项目接口
- colorui // 样式库
- components
- custom-xxx // 自定义组件
- uni-xxx // 官方组件
- xxx // 其他组件
- config // 配置文件
- helpers // 自定义工具库
- hybrid // 混合开发(本项目中用于引入地图 jsapi)
- pages
- circle // 附近的圈页面
- components // 其他页面
- login // 登录页面
- me // "我的" 页面
- msg // 消息页面
- static // 静态文件
- store // vuex 数据中心
- utils // 插件库
- uview-ui // 样式库
安装
需要先安装 Hbuilder X(必须)，并安装 sass/scss 插件。运行到微信端需安装微信开发者工具，运行到百度小程序则需要安装百度开发者工具。
运行
本项目没有使用命令行来运行项目，可直接在 Hbuilder X 菜单栏中点击需要运行的平台。
项目截图
百度小程序
功能列表
- 登录/注册/忘记密码
- 个人信息
- 关注/取消关注
- 加入圈/退出圈/搜索圈/创建圈...
- 单聊/群聊
- 发送文本/图片/语音/表情
- 智能机器人
- 心跳&重连机制
- 查看附近的圈
- 更新圈信息(圈头像/公告/圈简介...)
- 地图模式
- 圈相册(固定圈)
- 寻人/寻物启示(紧急圈)
待开发
多端兼容（h5 + app + 微信小程序）
License
MIT