石家庄小程序开发：从0到1实战教程

最近在石家庄本地接了几个小程序项目，有做社区团购的，有给长安区一家连锁烘焙店做会员系统的，还有给高新区一家设备租赁公司做扫码开单的。聊下来发现一个共性：很多老板知道要做小程序，但不知道从哪下手，网上教程要么太碎，要么一上来就甩一堆配置，看得人一头雾水。这篇就把我实际做项目的流程拆开讲一遍，尽量说人话。

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

我见过太多人第一步就去注册账号、下载开发者工具，结果做出来的东西自己都不想用。动手之前先回答三个问题：

• 谁用？是员工内部用，还是面向顾客？
• 用完要留下什么？是下单、留电话，还是单纯展示？
• 数据放哪？有没有后台管理需求？

比如桥西区一个做家政的客户，最初想做“全能平台”，聊完发现他真正缺的是让阿姨接单、客户评价的闭环，砍掉一半功能反而上线更快。这一步想不清，后面全是返工。

注册与基础配置：别在细节上栽跟头

去微信公众平台注册小程序账号，个人主体能注册但很多能力受限，比如支付、部分类目。石家庄这边做生意的客户，我一律建议用企业主体，营业执照、对公账户备好，认证费 300 元一年，别省。

注册完拿到 AppID，下载微信开发者工具，新建项目时选“不使用云开发”或“云开发”看需求。小项目、预算有限、又不想自己维护服务器的，云开发很省事，数据库、存储、云函数都现成，特别适合本地小商家。

目录结构先约定好，后面少受罪

新手最容易把所有逻辑塞进一个页面文件。我的习惯是按功能分目录：

pages/
  index/        首页
  goods/        商品列表与详情
  order/        下单与订单
  mine/         个人中心
utils/
  request.js    统一请求封装
  auth.js       登录态处理
components/
  goods-card/   可复用卡片

页面只管展示和交互，请求、登录、格式化这些抽到 utils 里。项目一大，这个习惯能救命。我接手过一个别人做了一半的项目，请求代码散落在十几个页面，改一个接口地址改到怀疑人生。

登录与用户体系：绕不开的第一道坎

微信小程序的登录逻辑是：前端调 wx.login 拿 code，传给后端换 openid 和 session_key，后端生成自己的登录态返回给前端。注意现在不能直接拿用户昵称头像了，需要用按钮让用户主动授权。

wx.login({
  success(res) {
    if (res.code) {
      wx.request({
        url: 'https://your-api.com/login',
        method: 'POST',
        data: { code: res.code },
        success(r) {
          wx.setStorageSync('token', r.data.token)
        }
      })
    }
  }
})

这块一定要做登录态过期处理，否则用户放几天再打开，页面全是报错。做个统一拦截，token 失效就静默重登。

页面开发与性能：本地商家的真实痛点

石家庄不少客户的目标用户是中年群体，手机型号杂、网络也不一定好。所以我的原则是：首屏别堆太多东西，图片压缩再上传，列表用分页加载，长列表用 scroll-view 配合虚拟列表思路。有一次给裕华区一个餐饮客户做点餐页，图片没压，首屏加载三四秒，顾客直接退出，后来压到 100KB 以内，体验立刻不一样。

另外 setData 别频繁调，能合并就合并，这是新手最常见的性能坑。

上线前的检查清单

1. 类目选对，涉及餐饮、零售、教育的要求不一样；
2. 隐私协议、用户信息收集说明补齐，现在审核很严；
3. 真机多测几台，尤其安卓低端机；
4. 体验版让客户实际点一遍，别自己觉得没问题就提审。

审核被拒别慌，看清楚原因改就行，常见就是类目不符和功能不完整。

说点实在的

在石家庄做小程序，技术本身不是最难的部分，难的是把需求翻译成能落地的功能，以及上线后愿不愿意持续维护。我们知码客一直信一句话：知码识途、匠心铸客。每一行代码都是跟用户沟通的语言，写的时候多想想对面那个人会怎么用。如果你也在石家庄，正打算做小程序或者 APP，希望这篇能帮你少走点弯路。先把需求想明白，再动手写代码，这句话值不少钱。