WeScale技术实践：mpvue构建微信小程序探索

"WeScale是一个音乐训练小程序，利用mpvue框架进行开发，旨在提供基础音阶训练，包括数字简谱、字母简谱和它们的镜像模式。开发者团队由明神、老陈等组成，他们在积累小程序开发经验的过程中选择了mpvue，因为mpvue允许他们如同编写vue应用一样顺畅地构建微信小程序。项目开发过程中遇到并克服了一些挑战，如微信小程序不允许使用本地资源，需要外链或使用Base64编码；mpvue的新增页面需要运行npm run dev命令；以及生命周期管理，需要适配mpvue与微信小程序的生命周期钩子。目前，WeScale已发布v1.0.0版本，可供用户通过微信小程序搜索或扫描二维码使用。" 在本文中，主要讨论了两个核心知识点： 1. mpvue框架：mpvue是美团开源的一个基于Vue.js的小程序开发框架，它让开发者能够使用Vue.js的语法和开发流程来构建微信小程序。mpvue的优势在于，它降低了开发者学习新框架的成本，因为Vue.js在前端开发中广泛应用，许多开发者已经对其非常熟悉。同时，mpvue还能够很好地兼容微信小程序的生命周期方法，使得在vue实例中可以直接调用Page实例的生命钩子。 2. 微信小程序的开发限制与应对策略：微信小程序的开发环境有一些特定的限制，比如不允许直接引用本地资源，这要求开发者将图片、音频、视频等资源上传到服务器或使用Base64编码进行处理。此外，开发过程中的另一个常见问题是，当新增页面时，需要运行`npm run dev`命令来编译更新。生命周期管理也是一个挑战，mpvue提供了兼容的解决方案，允许开发者在vue实例中定义微信小程序的生命周期钩子函数，如`onShareAppMessage`，用于设置分享内容。 在项目实践中，WeScale团队展示了如何利用mpvue克服这些挑战，成功构建了一个功能丰富、用户体验良好的音乐训练小程序。他们以一周的预计时间开始，尽管实际花费了两周，但最终实现了v1.0.0版本的上线，并且通过微信小程序平台向公众开放。这一过程中，团队积累了宝贵的小程序开发经验，也为其他开发者提供了关于mpvue和微信小程序开发的参考。