从零开始：我的小程序制作方法

去年我帮朋友的烘焙工作室做了个小程序，从注册到上线一共花了六天。整个过程踩了不少坑，也总结出一套自己现在还在用的方法。这篇文章不聊概念，只讲我实际怎么做的。

先想清楚：你的小程序要解决什么问题

很多人一上来就打开开发者工具写代码，结果写到一半发现需求没想明白。我的习惯是先用一张纸写下三件事：

• 用户打开小程序的第一眼要看到什么
• 用户完成核心操作需要几步
• 哪些功能可以砍掉，留到第二版

烘焙工作室那个项目，核心就是「看菜单 → 下单 → 到店取」。其他像会员积分、优惠券、评价系统，全部放到第二版。小程序的第一版越轻越好，能跑通主流程就算成功。

注册与账号准备

个人开发者可以直接在微信公众平台注册小程序账号，需要准备一个未绑定过微信平台的邮箱。注册完成后，在「开发管理」里拿到 AppID，这个东西后面创建项目时要用。

如果你打算做支付功能，个人主体是开不了微信支付的，必须用企业或个体工商户主体。这一点要提前确认，别等开发完了才发现卡在这里。

开发工具与环境

下载微信开发者工具，选稳定版就行。新建项目时填入 AppID，选择不使用云开发（除非你确实需要），模板选「不使用模板」，得到一个干净的项目结构。

我的目录习惯是这样的：

miniprogram/
  pages/
    index/      首页
    menu/       菜单列表
    order/      下单页
    mine/       个人中心
  components/   自定义组件
  utils/        工具函数
  app.js
  app.json
  app.wxss

页面不要一上来就建十几个，按主流程建四五个页面足够了。app.json 里的 tabBar 配置也要克制，最多四个入口，多了用户反而不知道点哪个。

页面开发的几个实用做法

用数据驱动，别手动操作 DOM

小程序的逻辑层和视图层是分离的，所有界面变化都要通过 setData 触发。新手常犯的错误是频繁调用 setData，导致页面卡顿。我的做法是把多次修改合并成一次：

// 不推荐
this.setData({ a: 1 });
this.setData({ b: 2 });

// 推荐
this.setData({ a: 1, b: 2 });

列表渲染加 key

wx:for 一定要配 wx:key，用数据里唯一的 id，不要用 index。用 index 在列表增删时会出现渲染错乱，这个坑我踩过一次，排查了半天。

网络请求统一封装

不要在页面里到处写 wx.request，封装一个 request 方法，统一处理域名拼接、错误提示和 loading 状态。这样后面换接口地址或者加 token，只改一个地方。

const request = (url, data = {}) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url: 'https://your-api.com' + url,
      data,
      method: 'POST',
      success: (res) => {
        if (res.data.code === 0) resolve(res.data.data);
        else reject(res.data.msg);
      },
      fail: reject
    });
  });
};

样式与适配

小程序用 rpx 做单位，750rpx 等于屏幕宽度。我的经验是：布局尺寸用 rpx，字体大小也用 rpx，但字号不要小于 24rpx，否则在部分安卓机上会看不清。Flex 布局基本能解决九成以上的排版问题，没必要引入复杂的 UI 框架，除非项目确实很大。

调试与真机测试

开发者工具里的模拟器只能参考，真机上的表现才是最终答案。我每次改完核心页面都会用「预览」扫码在手机上过一遍，重点看三件事：

• 不同屏幕尺寸下有没有错位
• 按钮点击区域够不够大
• 网络慢的时候 loading 状态是否正常

另外，开发者工具的「性能面板」可以看页面渲染耗时，如果某个页面明显卡顿，多半是 setData 传了太大的数据，检查一下是不是把整个列表都塞进去了。

提交审核与上线

开发完成后，在开发者工具里点「上传」，填版本号和备注。然后到微信公众平台提交审核，需要填写功能页面、类目和测试账号。审核一般一到三天，被驳回最常见的原因是类目选错或者功能描述不清。

我的建议是第一次提交时把功能说明写得详细一点，截图配全，审核人员看得明白，通过率会高很多。

审核通过后点「发布」，小程序就正式上线了。上线不是终点，后面还要看数据、改体验、加功能。但至少到这一步，你已经完整走通了一遍小程序制作的全流程。

最后几句

小程序制作这件事，技术门槛其实不高，难的是把需求想清楚、把体验做顺。我的方法总结起来就一句话：先跑通最小闭环，再逐步打磨。别想着第一版就完美，先让它能用，用户反馈会告诉你下一步该做什么。