同步视频教程

一、项目演示

二、整体说明

前端界面实现：小程序

后端服务：nodejs（一般的api+websocket）+mysql

三、具体开发

第一步：项目搭建

（1）项目的页面文件创建：首页（index.vue）、绘图页面(picture.vue)、我的作品页面(myPicture.vue)、精彩作品页面(fantasyPicture.vue)、放松时刻页面(relax.vue)

（2）完成首页界面的开发

第二步：实现本地画板

第三步：实现玩家区域界面和微信授权

第四步：实现聊天界面

第五步：完成我的作品页面和精彩作品页面开发

第六步：完成精彩时刻页面开发

第七步：加入socket实现实时聊天

第八步：使用socket实现画图同步展示

第九步：提供保存图片接口和查询图片接口

第十步：对接我的作品和精彩作品

第十一步：提供放松时刻接口并完成对接

第十二步：发布正式版小程序