返回
小程序+云开发 快速上手 创建体重记录小程序
前端
2023-09-07 11:08:40
小程序的云开发有云函数、数据库,真的是一项伟大的创新,非常适合个人开发者,无需操心服务器域名等细节问题。
创建小程序
- 打开微信开发者工具,选择创建新项目。
- 选择应用类型为“小程序”。
- 填写小程序名称、项目名称等信息。
- 点击“创建”。
云开发环境配置
- 在小程序中,点击右上角的“云开发”按钮,打开云开发环境。
- 在云开发环境中,点击左上角的“新建云开发环境”按钮。
- 选择“空环境”。
- 点击“创建”。
云数据库创建
- 在云开发环境中,点击“云数据库”按钮,打开云数据库管理页面。
- 点击“创建集合”按钮。
- 输入集合名称,如“weight_records”。
- 点击“确定”。
云函数创建
- 在云开发环境中,点击“云函数”按钮,打开云函数管理页面。
- 点击“创建云函数”按钮。
- 输入函数名称,如“add_weight_record”。
- 选择触发方式为“HTTP”。
- 点击“确定”。
在云函数中添加代码
// 云函数入口函数
exports.main = async (event, context) => {
const { weight, date } = event.queryStringParameters;
// 将体重记录存储到云数据库中
const db = cloud.database();
const collection = db.collection('weight_records');
const res = await collection.add({
weight,
date
});
// 返回结果
return {
result: 'success',
data: res
};
};
小程序中调用云函数
// 调用云函数添加体重记录
const res = await cloud.callFunction('add_weight_record', {
weight: this.data.weight,
date: this.data.date
});
// 处理返回结果
if (res.result === 'success') {
wx.showToast({
title: '体重记录添加成功'
});
} else {
wx.showToast({
title: '体重记录添加失败'
});
}
运行小程序
- 在微信开发者工具中,点击“运行”按钮。
- 扫码运行小程序。
总结
小程序+云开发是一个非常适合个人开发者的平台,可以快速开发出各种小程序。云开发提供了云函数、云数据库等功能,让开发者无需操心服务器域名等细节问题。