Wechat-MiniProgram

Bmob 微信小程序 Todo Demo

基于 hydrogen-js-sdk 的微信小程序最小可运行示例，演示手机号验证码登录与 Todo CRUD。

环境要求

• 微信开发者工具
• Bmob 应用已开通短信服务
• Node.js 18+（用于安装 npm 依赖）

快速开始

1. 配置密钥

cp config.example.js config.js

config.example.js 已预填仓库共用测试密钥（见 TestCredentials.md）：

applicationId: '3bfc70f46b36e0d28e7594effbe3392c'
restApiKey: '3cd32e0ec2a3ca5fe8ffd6a6aa4bf41a'

2. 安装依赖并构建 npm

npm install

用微信开发者工具打开本目录 Wechat-MiniProgram/，然后：

工具 → 构建 npm

未构建 npm 时 require('hydrogen-js-sdk') 不会生效。

3. 配置服务器域名（正式环境）

微信公众平台 → 开发 → 开发设置 → 服务器域名，添加 Bmob 控制台给出的 request 合法域名（如 https://api.codenow.cn）。

本地开发可在开发者工具勾选 不校验合法域名、web-view、TLS 版本以及 HTTPS 证书。

4. 修改 AppID

在 project.config.json 中将 appid 改为你的小程序 AppID（测试可用测试号）。

5. 编译运行

点击「编译」，在模拟器或真机预览。

运行截图

功能

页面	功能
pages/login	发送验证码、手机号登录/注册
pages/todos	Todo 增删改查、状态筛选

项目结构

Wechat-MiniProgram/
├── app.js / app.json / app.wxss
├── config.example.js      # 密钥模板
├── pages/login/           # 登录页
├── pages/todos/           # Todo 列表
└── utils/
    ├── auth.js            # 认证（含 session 缓存修复）
    └── todo.js            # CRUD

注意事项

1. signOrLoginByMobilePhone 成功后需手动写入 wx.setStorageSync('bmob', ...)，本示例已在 utils/auth.js 处理
2. 短信验证码需真实手机号，开发期注意频率限制
3. Web 端示例见 Vue3 与 React

相关文档

• FAQ - 小程序域名与 npm
• QuickStart