本项目使用Vue+WeUI开发客户端页面，Express+MongoDB开发服务段接口。
项目主要包括登陆页、朋友圈发布、朋友圈评论、私信聊天、个人信息展示页等。
- 克隆代码：
https://github.com/VueToLRH/vue-wecircle.git - 安装依赖：
npm install - 客户端运行：
npm run serve - 服务端运行：
node .\server\bin\www - 打包：
npm run build - ESlint检查：
npm run lint
- 屏幕适配方案：
vw方案 - 滚动组件 scrollView 开发
- 用户短信登录：接入阿里云短信服务 sms.js
- 跨域配置：具体实现参考服务端app.js中跨域的配置
- 用户验证方式：JSON Web Token
- 朋友圈阿里云OSS图片上传：具体实现参考服务端post.js中上传图片配置
- 移动端键盘高度问题：具体实现可参考组件inputBar
- 聊天场景分析
- postcss-px-to-viewport：用于进行px和vw之间的转换，具体配置postcss.config.js
- svg-captcha：第三方验证码模块，提供基于SVG图片格式的验证码(相对于一般图片SVG格式更不容易被机器人识别)。具体使用参考：server/routes/users.js
- jsonwebtoken：
JSON Web Token方案的实现 - @alicloud/pop-core：阿里云短信服务Node.js SDK
- multer：用于Node.js的multipart/form-data请求数据处理的中间件，multer在解析完请求体后，会向Request对象中添加一个body对象和一个file或files对象（上传多个文件时使用files对象 ）,同时可以设置storage来配置存储的路径，对于使用Express的项目来说，可以很方便的完成文件上传存储功能。
- ali-oss：阿里云Node.js SDK上传图片
- socket.io-client、vue-socket.io、socket.io：客户端实现参考chat页面；服务端实现参考socket.js、server/bin/www
