MPVue 开发音频类小程序的经验分享

作为一名初次接触小程序开发的新手，我怀着满腔热血，雄心勃勃地踏上了开发音频类小程序的征程。在前端框架的选择上，我听从了大佬的建议，采用了 MPVue，希望借助其丰富的功能和便捷的开发体验，事半功倍。然而，现实很快就给了我一记响亮的耳光，在开发过程中，我遇到了各种各样的问题，甚至一度想要放弃。

但我不甘心，通过查阅资料、询问大佬，以及反复尝试，我终于找到了解决问题的办法，并成功地完成了小程序的开发。在此，我将分享一下我在开发过程中遇到的问题和踩过的坑，希望能为其他开发者提供一些参考和帮助。

1. 踩过的坑

• 使用 wx.getBackgroundAudioPlayerState() 时出现问题

在开发过程中，我使用了 wx.getBackgroundAudioPlayerState() 方法来获取背景音频的状态，但一直没有得到正确的结果。后来我才发现，这个方法需要在 onShow() 或 onHide() 等生命周期函数中调用，否则无法获取正确的结果。

• 无法播放本地音频文件

在开发过程中，我遇到了一个很奇怪的问题：无法播放本地音频文件。经过一番排查，我发现问题出在 src 属性上。在 MPVue 中，src 属性必须是一个网络地址，而不能是本地文件路径。为了解决这个问题，我将本地音频文件上传到了服务器，然后使用网络地址作为 src 属性的值。

• 无法使用微信支付

在开发过程中，我遇到了一个很头疼的问题：无法使用微信支付。经过一番排查，我发现问题出在微信支付的签名上。在 MPVue 中，微信支付的签名需要使用 crypto-js 库来生成，但这个库在微信小程序中是禁用的。为了解决这个问题，我使用了 js-crypto 库来生成签名。

2. 一些建议

• 熟悉 MPVue 的开发规范

在开发过程中，我发现 MPVue 有自己的一套开发规范，如果不熟悉这些规范，很容易遇到各种各样的问题。因此，在开发之前，我建议大家先熟悉一下 MPVue 的开发规范。

• 善用 MPVue 的社区资源

MPVue 有一个非常活跃的社区，其中有许多经验丰富的开发者。如果在开发过程中遇到问题，可以在社区中寻求帮助。在 MPVue 的社区中，有许多教程、文章和论坛帖子，可以帮助你快速掌握 MPVue 的开发技巧。

• 使用一些 MPVue 的第三方库

MPVue 有许多第三方库，可以帮助你快速开发小程序。这些第三方库包括 UI 组件库、网络请求库、状态管理库等等。在开发过程中，我使用了 mpvue-axios 库来发送网络请求，mpvuex 库来管理状态。

3. 总结

通过这次开发经历，我深深地体会到了小程序开发的艰辛。但我同时也从中学习到了很多东西，对 MPVue 和微信小程序也有了更深入的了解。我相信，这些经验和知识将在未来的开发工作中发挥作用。

希望这篇分享能够对其他开发者有所帮助。如果大家在开发过程中遇到任何问题，欢迎随时与我联系。