带薪快乐日记:用微信小程序记一笔「带薪快乐」
一篇可公开的产品介绍 + 使用说明 + 技术片段。文中截图为示意稿,代码为脱敏示例,不含 AppID、云环境 ID、密钥或真实用户数据。

这是什么?
带薪快乐日记(工程代号 HappyPoop)是一款微信小程序。它的想法很简单:把工作间隙的那些小憩——上厕所、喝杯咖啡、抽根烟、写博客摸会儿鱼——轻松记下来,再按你设定的时薪,算一笔「带薪收益」。
它不是医疗工具,也不是正经财务软件,更像是一个:
- 轻量日记
- 带薪梗计算器
- 可选的分享与周榜互动
Slogan 很直白:记录每一次带薪快乐。
能做什么?
| 模块 | 说明 |
|---|---|
| 首页 | 今日次数与带薪收益一目了然,支持一键记一笔 / 看报告 / 周榜 |
| 记一笔 | 计时或手动录入,选摸鱼类型,可添加备注 |
| 历史 / 报告 | 回顾记录,按时间范围查看汇总数据 |
| 我的 | 头像昵称、时薪设置(修改时薪只影响之后的新记录) |
| 分享 | 生成文案与分享卡,隐私开关默认偏保守 |
| 摸鱼周榜 | 自愿上榜,按本周总时长排名 |

使用说明(给普通用户)
1. 打开就能用
微信自动识别身份,核心记录不需要填一堆资料。昵称和头像主要在「自愿上榜」等展示场景使用。
2. 先设一下时薪(推荐)
路径:我的 → 时薪设置
- 用于计算每次记录的带薪收益
- 改薪只影响之后的新记录,不会偷偷改历史账
- 「自定义」工作天数:不修改则跨月沿用;改了从当天起生效
3. 记一笔:两种录入方式
路径:底部 Tab 记一笔
- 选择类型(厕所 / 抽烟 / 咖啡 / 博客等)
- 选择模式:
- 计时:去的时候点开始,回来点结束
- 手动:选日期时间 + 填时长
- 按需加备注,提交即可

4. 看今天 / 看报告
- 首页的今日快乐直接展示次数和带薪收益,点击可进入明细
- 我的报告支持按周、按月等范围查看汇总——周末复盘好用,调侃同事也好用
5. 分享前先勾隐私(很重要)
分享面板默认偏保守:时长默认开启,带薪金额默认关闭,类型明细、昵称也可以关掉。
可选项包括:
- 总时长 / 用时
- 次数
- 带薪金额(敏感,默认关)
- AI 点评
- 类型明细(关 = 统一显示「带薪摸鱼」;开 = 细分类型)
- 昵称
操作流程:勾选 → 预览文案 / 卡片 → 发给好友 或 保存卡片;分享到朋友圈用右上角「···」。

6. 周榜:自愿上榜
从首页或「我的」进入摸鱼周榜。不想露脸或露数据就别开启展示;上榜逻辑以产品内说明为准。
技术一瞥(给开发者)
技术栈很典型:
- 微信原生小程序(
glass-easel/ 基础库 3.x) - 腾讯云开发:云函数统一入口(
hpApi) - 前端通过
request封装,在会话就绪后调用callFunction
请求封装(脱敏)
真实项目中会接入会话管理与白名单校验,博客仅展示核心结构:
// utils/request.js(结构示意,已脱敏)
const callHpApi = async (options) => {
const cloud = await getCloud()
const res = await cloud.callFunction({
name: 'hpApi',
data: {
method: options.method || 'GET',
path: options.url,
data: options.data || {}
}
})
if (res.result && res.result.success === false) {
throw new Error(res.result.message || '请求失败')
}
return res.result
}
请勿在公开文章里粘贴真实的 AppID、环境 ID、资源方共享配置或密钥。私有信息请放在本地文档的
.gitignore里。
分享隐私:默认偏保守
// utils/sharePrivacy.js(公开可讲的默认策略)
const DEFAULT_PRIVACY = {
showDuration: true,
showCount: false,
showEarnings: false, // 金额默认关
showCategoryDetail: false,
showNickname: false,
showAiComment: true
}
分享文案:按开关裁剪字段
// 概念示意:金额、昵称等字段仅在开关打开时才写入卡片
function pushCommonStats(stats, privacy, payload) {
if (privacy.showDuration && payload.totalMinutes != null) {
stats.push({ label: '总时长', value: formatMinutes(payload.totalMinutes) })
}
if (privacy.showCount && payload.totalCount != null) {
stats.push({ label: '次数', value: `${payload.totalCount}` })
}
if (privacy.showEarnings && payload.totalEarnings != null) {
const earn = Number(payload.totalEarnings)
if (earn > 0) stats.push({ label: '带薪', value: `¥${earn.toFixed(2)}` })
}
}
分享卡使用 Canvas 2D 绘制:深绿渐变底 + 白卡片 + 绿色顶条,底部印有「隐私可选 · 默认不晒金额」——产品态度写在了像素里。
页面结构(公开层)
pages/
index/ # 首页:今日统计、快捷入口
record/ # 记一笔:计时 / 手动
history/ # 历史列表
report/ # 报告
profile/ # 我的:资料与时薪
leaderboard/ # 周榜
login/ # 协议 / 引导相关
components/
share-panel/ # 分享隐私面板
salary-type-selector/
cloudfunctions/
hpApi/ # 业务 API 聚合
hpAiComment/ # AI 点评(如启用)
小结
带薪快乐日记想做的事很简单:把「上班间隙那几分钟」记下来,用带薪梗让自己开心一下,同时在分享时把隐私开关交还给用户。
如果你也在做同类小程序,这三条值得参考:云函数统一入口、前端会话封装、分享默认少暴露。
文中产品名为带薪快乐日记(工程代号 HappyPoop)。趣味计算结果仅供娱乐,不构成医疗、法律或财务建议。

6404

被折叠的 条评论
为什么被折叠?



