返回

小程序+云开发 快速上手 创建体重记录小程序

前端

小程序的云开发有云函数、数据库,真的是一项伟大的创新,非常适合个人开发者,无需操心服务器域名等细节问题。

创建小程序

  1. 打开微信开发者工具,选择创建新项目。
  2. 选择应用类型为“小程序”。
  3. 填写小程序名称、项目名称等信息。
  4. 点击“创建”。

云开发环境配置

  1. 在小程序中,点击右上角的“云开发”按钮,打开云开发环境。
  2. 在云开发环境中,点击左上角的“新建云开发环境”按钮。
  3. 选择“空环境”。
  4. 点击“创建”。

云数据库创建

  1. 在云开发环境中,点击“云数据库”按钮,打开云数据库管理页面。
  2. 点击“创建集合”按钮。
  3. 输入集合名称,如“weight_records”。
  4. 点击“确定”。

云函数创建

  1. 在云开发环境中,点击“云函数”按钮,打开云函数管理页面。
  2. 点击“创建云函数”按钮。
  3. 输入函数名称,如“add_weight_record”。
  4. 选择触发方式为“HTTP”。
  5. 点击“确定”。

在云函数中添加代码

// 云函数入口函数
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: '体重记录添加失败'
  });
}

运行小程序

  1. 在微信开发者工具中,点击“运行”按钮。
  2. 扫码运行小程序。

总结

小程序+云开发是一个非常适合个人开发者的平台,可以快速开发出各种小程序。云开发提供了云函数、云数据库等功能,让开发者无需操心服务器域名等细节问题。