近期自己开发的一款简单实用的健身微信小程序上线了,看着一点一滴把脑海中的想法实现,感觉很棒,把自己的健身爱好做成产品,也很快乐,希望给更多喜欢健身运动的人一点点帮助。

需求由来

开发这款小程序,源于自己健身期间发现的一些痛点:
  • 在健身房里,观察到许多人的健身动作不太规范,这样子很容易造成肌肉损伤;
  • 自己的健身动作库太少,练来练去都是使用相同的几个器械和动作,久了容易让人产生疲劳感。
于是,脑海中有了一个初步的想法,能不能开发一个应用,提供健身的详细图文讲解,且不用安装,即用即走,这不就是小程序特有的特点吗,说做就做。
 

资源准备

图片素材

花110美元左右购买图片素材。

服务器

原本打算把所有图片素材都一起打包在项目中,但是小程序的包规定不能超过 2M ,最后决定购买服务器存放图片素材。同时,把域名和 Https 一起准备完成了。

UI 库
小程序优秀的 UI 库非常多,在微信官方的 WeUI、有赞 Vant、和 Color UI 之间选择,后来选择了 Vant,原因是组件文档完善、UI 体验简洁、主题能够自定义。
技术

把小程序的指南和框架文档阅读一遍。小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比,也有很大的相似性。对于前端开发人员来说,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些许区别的。比如: WXML 类似于 HTML、WXSS 类似 CSS 等等。只要认真阅读文档,开发起来不会有太多困难。小程序的开发工具在 Mac 上还是不太稳定,Import 项目时偶尔会白屏。

健身小册

小程序名称:健身小册
小程序介绍:一个丰富的图文健身小程序,让你快速掌握健身器械的使用方法、训练动作的细节要领及注意事项,科学健身。
小程序二维码:欢迎打开微信扫一扫体验~
 

微信小程序「健身小册」-野胡子的独立博客

健身小册截图

提供了「亮白」和「暗黑」两种主题模式

暗黑主题

亮白主题