做了个小程序-跳绳计数 云开发体验实践分享一下

[jaylin0917]

最近一段时间,小孩子上小学了,每天下课作业里面有一项是 1 分钟跳绳。作为家长陪跳计数，一边提醒一边计数总容易忘记，所以萌生了写一个小程序辅助的想法。

功能很简单，就是倒计时然后记录跳绳多少个，花了一周多的业余时间上线了一个完整版本。页面请设计的同事帮忙弄了一下，总共就 2 个页面如下：

用到的技术点如下： 1.倒计时（这个看似简单的功能，折腾了不少时间）

2.小程序按钮声音

3.存储数据的小程序云开发

4.以及部分页面逻辑处理

从网上找的倒计时代码或多或少总有点问题,直接递减的方案时间容易偏快或者偏慢.一开始参考了这个项目 http://git.oschina.net/dotton/CountDown 发现使用 setTimeout 在小程序里循环调用会导致内存溢出.后来改用 setInterval 解决了内存溢出的问题.

按钮声音使用了 wx.createInnerAudioContext()具体使用方法可以参考官方文档

https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/wx.createInnerAudioContext.html

小程序的云开发对于这种小型应用真的是比较方便,一方面不需要自己准备服务器,另一方面直接用 JS 写服务端对于前端开发者提供了相当大的便利.代价就是有一定的学习成本,用过数据库的使用云函数应该没什么大问题.

项目开发过程中还是碰到了很多或多或少的问题,唯一的解决之道就是花时间去搞懂并解决它.

这里决定把源代码公开分享,希望抛砖迎玉,一起学习.

项目地址:https://github.com/shrimpspider/skiping.git

[master13]

不管好不好用，家长带小朋友还能有这个想法，去动手实现，我个人还是很钦佩的。

[jaylin0917]

@master13 感谢支持

[djxf]

我以为是自动计数。

[jaylin0917]

@djxf 哈哈,那要用传感器,也不能让孩子背着手机跳,而且传感器计步感觉不是非常准确

[djxf]

是滴

[matsuijurina]

我进来之前以为是类似 iphone 上那个记录投篮命中数的 app 一样靠人工智能识别的。

[jaylin0917]

@matsuijurina 感觉辜负了大家的期望啊,哈哈哈

[matsuijurina]

@jaylin0917 没事啊，我喜欢那个保存功能，手机自带的计数器没保存。

[jaylin0917]

@matsuijurina 刚好在接触小程序云开发,就顺便做了个保存功能,很高兴你能喜欢

[sadlll]

star 了，研读下

[Exia]

诶？应该像获取步数那样才准确吧？

[jaylin0917]

@Exia 做个小实验,把手机拿手上,打开微信运动,假装跳绳一分钟,看看自己数的和手机增加的步数是不是一致

[liu19931020]

1 分钟 252 下，有点🐮🍺啊

[master13]

其实比较实用，我跳绳的时候自己查，真的差不清楚，特别你跳了 1000+之后，很难查准确的

[jaylin0917]

我预期的使用场景是针对现在小学生做跳绳作业的辅助工具,并非专业的跳绳健身.大人健身有很多自动计数的设备,绳子自带的,也有智能跳绳连接手机的.有点扯远了,感谢建议

[jaylin0917]

@liu19931020 兄弟,你只是手指头动了 252 下吧

[sublime8]

可以识别声音来计数

[Exia]

@jaylin0917 喔，好像确实是呢。

[zxcvsh]

嵌入式的比较好弄，弄个磁环弄个霍尔元件

[goodniuniu]

谢谢分享，同样有自己做狗粮的需求。。。