从零到一:我用Cursor搓出的摸鱼小程序

423 阅读3分钟

先上图 合成.png

1. 💡 萌生"鱼"意

最近在掘金刷到一位前端小姐姐用Cursor零基础搭建自律打卡小程序的文章,瞬间被种草了!🌱

但我转念一想:都2025年了,经济下行,与其自律打卡,不如科学摸鱼!毕竟摸鱼也是一门艺术,需要专业的工具来记录和分享。

于是,趁着Cursor的试用期,我利用15个午休时间(包括审核备案和认证),从构思到上线,搓出了这款渔务日记小程序。

核心理念:既然要摸鱼,就要摸得有仪式感,摸得有成就感!


2. 🤔 怎么构思需求

以前总是吐槽产品经理写需求不清楚,轮到自己当产品时才发现:写需求真的太难了!

初期的困惑

  • 功能要做多复杂?
  • 用户真的需要这些功能吗?
  • 怎么平衡功能丰富度和简洁性?

最终的思路

  1. 从自己的痛点出发 - 我想要什么样的摸鱼工具?
  2. MVP原则 - 先做最核心的功能,再逐步迭代
  3. 用户视角 - 站在同样想摸鱼的打工人角度思考

核心功能设计

  • 摸鱼计时 - 记录每次摸鱼时长
  • 🏆 徽章系统 - 让摸鱼也有成就感
  • 📊 数据统计 - 看看自己的摸鱼水平
  • 🎨 海报分享 - 炫耀摸鱼成就(这个很重要!)

3. ☁️ 数据交互和云开发尝试

我不是开发,第一次接触微信云开发,踩了不少坑:

技术选型

  • 前端:微信小程序原生开发
  • 后端:微信云开发(云函数 + 云数据库)
  • AI助手:Cursor(真香!)

云开发的优势

  • 🚀 零运维 - 不用自己搭服务器
  • 🔒 天然安全 - 微信生态内的数据安全
  • 💰 成本低 - 小程序免费额度够用

数据设计思路

  • 本地存储为主,云端备份为辅
  • 用户数据加密存储
  • 支持数据导入导出

4. 🕳️ 踩过的坑

开发过程中的坑史

  1. Canvas海报生成

    • 新旧API兼容性问题
    • iOS和Android表现不一致
    • 图片加载时序问题
    • 解决方案:多重降级机制 + 详细错误处理
  2. 权限申请

    • 相册权限在开发版和正式版表现不同
    • 隐私协议影响敏感接口调用
    • 解决方案:正式服需要申请用户隐私保护指引审核
  3. 性能优化

    • 动画效果导致设备发热
    • 频繁的setData操作影响性能
    • 解决方案:减少动画复杂度 + 优化数据更新频率
  4. 用户体验细节

    • 微信小程序的设计规范学习
    • 不同设备尺寸的适配
    • 交互反馈的细节打磨
  5. 审核备案认证

    • 小程序名称名命需要避开商标、已被命名、带有歧义的名词,导致改了三次名才审核通过
    • 小程序备案审核时,需要上传自己的各种资料,还有有份需要盖手印的文件
    • 小程序初步审核很快,正式审核我花了6天多
    • 小程序认证费用是30块钱大洋,否则无法被搜索到
    • 如果需要用到一些用户设备权限的交互,需要在正式服里申请用户隐私保护审核
    • 云服务器每个月的费用19.9,其实就是20。不过还好可以月付,如果备份的人少,就停用
      • 解决方案:学中干,踩过才知道坑

🎯 写在最后

这个项目让我深刻体会到:

  • AI编程助手真的能提高开发效率,但核心思路还是要自己想
  • 产品思维比技术实现更重要,好的需求设计是成功的一半
  • 用户体验无小事,每个细节都可能影响用户感受

如果你也想体验科学摸鱼,欢迎搜索"渔务日记"小程序! gh_4ad3cbeb9bf2_258.jpg

让我们一起,把摸鱼这件事做到极致! 🐟✨


P.S. 这篇文章也是摸鱼时间写的 😄