悦跑圈微信小程序源码
悦跑圈的微信小程序源码，功能做得还挺全的，专门面向跑步爱好者。除了常规的运动数据追踪，它还集成了地图定位、社交互动、用户授权这些功能，对前端来说算是一个比较完整的参考项目。
微信小程序的结构清晰，用的是熟悉的WXML和WXSS，结构样式分得明明白白。如果你之前做过 Web 页面，上手快。
JavaScript API也没啥难度，日常的wx.request、getUserInfo用得比较多，还有地图和运动传感器这块挺有意思，像跑步轨迹、速度、配速这些，全靠这些接口撑起来。
状态管理方面，用的是小程序原生的数据管理逻辑，不过你也可以试试配合MobX来搞，写法清爽不少，参考下这篇MobX 微信小程序状态管理方案也不错。
组件用得还挺丰富，地图组件、进度条、表单都有出现，像map那部分还整合了第三方地图服务，跑步轨迹能实时画出来，效果还蛮不错。
用户授权用的是微信的一键登录，简单直接，配上用户头像、昵称那种个性化展示，也挺人性化的。再加上好友系统和排行榜，小程序的社交属性也立住了。
后台接口部分虽然源码里没有，但你可以参考悦跑圈小程序后端开发这篇文章，前后端对接的时候就清楚多了。
如果你刚开始摸微信小程序，或者想做运动类的产品，这份源码挺值得一看。建议搭配微信开发者工具调试，逻辑、布局和接口用法都比较清晰。
文件大小：439.92KB
评论区