小程序制作方法步骤：从零到上线的实战记录

上周帮朋友做了个门店预约的小程序，从动手到提交审核用了六天。过程里踩的坑不少，趁着记忆还热乎，把小程序制作方法步骤完整梳理一遍。这篇不讲概念，只讲我自己实际怎么做的，适合想自己动手的独立开发者或小团队参考。

第一步：先把需求砍到最小

很多人一上来就画原型、列功能清单，结果越列越多。我的习惯是先问三个问题：

• 用户打开这个小程序，最核心的一个动作是什么？
• 这个动作能不能在三次点击内完成？
• 哪些功能是第一版可以不要的？

朋友这个预约小程序，最初想要会员积分、优惠券、分销、评价。我直接砍到只剩「选服务、选时间、提交」。剩下的等有人用了再说。小程序开发最怕的不是功能少，是第一版太重，上线时间一拖再拖，热情就没了。

第二步：账号注册与主体选择

去微信公众平台注册小程序账号，这一步没什么技术含量但要注意：

• 主体类型选个人还是企业，直接影响能开通哪些能力。支付、部分行业类目个人主体做不了，如果后面要收款，一开始就用企业主体，省得迁移。
• AppID 记下来，后面开发者工具要用。
• 服务类目要提前想好，提交审核时类目和功能不匹配是常见的驳回原因。

第三步：开发环境准备

下载微信开发者工具，用 AppID 新建项目。目录结构大致是这样：

├── pages/
│   ├── index/        # 首页
│   ├── booking/      # 预约页
│   └── success/      # 提交成功页
├── components/       # 自定义组件
├── utils/            # 工具函数
├── app.js
├── app.json
└── app.wxss

app.json 里配置页面路径和 tabBar，页面越少越简单。我这次只有三个页面，没有 tabBar，用户路径就是一条直线。

第四步：写页面，先跑通再美化

我的顺序是先把数据和交互跑通，样式最后统一调。以预约页为例，核心是时间选择和服务选择：

Page({
  data: {
    services: [],
    selectedService: null,
    selectedDate: '',
    selectedTime: ''
  },
  onLoad() {
    this.loadServices()
  },
  async loadServices() {
    const db = wx.cloud.database()
    const res = await db.collection('services').get()
    this.setData({ services: res.data })
  },
  onSelectService(e) {
    this.setData({ selectedService: e.currentTarget.dataset.id })
  },
  async onSubmit() {
    const { selectedService, selectedDate, selectedTime } = this.data
    if (!selectedService || !selectedDate || !selectedTime) {
      wx.showToast({ title: '请选择完整信息', icon: 'none' })
      return
    }
    await wx.cloud.callFunction({
      name: 'createBooking',
      data: { serviceId: selectedService, date: selectedDate, time: selectedTime }
    })
    wx.redirectTo({ url: '/pages/success/success' })
  }
})

这里我用了云开发，数据库和云函数都在微信生态里，不用自己买服务器、配域名、搞 HTTPS。对个人开发者来说，小程序开发阶段用云开发能省掉一大半后端工作量。当然数据量大或者有复杂业务逻辑时，还是得自建后端，这个看项目规模。

第五步：自测要覆盖异常路径

很多人只测正常流程，点一遍能提交就以为完事了。审核和真实用户会教你做人。我自测时会专门走这些路径：

• 不选任何项直接点提交，有没有提示
• 网络断开时点击，页面会不会卡死
• 重复点击提交按钮，会不会产生两条记录
• 时间选过去的时间，有没有拦截

重复提交这个问题我遇到过两次，后来在云函数里加了简单的时间戳去重才踏实。

第六步：提交审核与上线

开发者工具里点「上传」，填版本号和备注，然后去公众平台提交审核。几个经验：

• 版本描述写清楚这版做了什么，审核员看得懂，通过率会高一些。
• 如果功能需要登录，提供一个测试账号，不然审核员进不去直接驳回。
• 首次审核一般一到两天，别卡着活动时间提交。

审核通过后点「发布」，小程序才真正对用户可见。这一步很多人以为上传完就结束了，其实发布才是终点。

关于小程序开发的一点实话

做完这个小程序我最大的感受是：技术门槛真的不高，难的是想清楚做什么、砍掉什么。小程序制作方法步骤网上一搜一大把，但真正决定成败的是需求判断和细节打磨。另外，上线不是结束，是开始。后面看数据、改交互、加功能，才是长期要花时间的地方。如果你也在做自己的第一个小程序，建议先把最小闭环跑通，别追求一步到位。