💰创收指南
EN
副业2026-05-12·创收指南
#微信小程序#小程序开发#副业#微信开发者工具#外包接单

微信小程序开发副业：用微信开发者工具从0接单到月入5000

如果你会一点 HTML/CSS/JS，或者学过 Vue，微信小程序开发是性价比极高的副业——单价 800-8000 元不等，需求量极大，特别是餐饮、美容、教培、社区团购这类本地商家。

这篇我用自己从 0 学到接到第一个 3000 元订单的全过程，把每一步都拆给你看。

微信小程序开发

一、为什么是小程序而不是 App？

维度 App 开发 小程序开发
学习成本 iOS+Android 双端，2-3 个月 1-2 周入门
接单单价 1-5 万 800-8000 元
客户预算 高 中低（中小商家）
上架周期 苹果审核 1-2 周 微信审核 1-7 天
适合副业 不适合（周期太长） 非常适合

小程序最大的优势是客户预期低、决策快、付款爽。一个奶茶店老板要的就是"扫码点单+会员卡+优惠券"，你 3 天能交付，他 2000 块觉得很值。

二、接单市场与价格参考

2.1 小程序外包单价表（2026 年实际成交价）

类型 功能模块 工时 报价区间
展示型 首页+介绍+联系 1-2 天 800-1500
点餐型 菜单+购物车+支付 5-8 天 3000-6000
预约型 日历+预约+通知 3-5 天 2000-4000
会员卡 储值+积分+核销 4-6 天 2500-5000
社区团购 商品+拼团+分销 8-15 天 5000-10000
直播带货 直播+商品+订单 10-20 天 8000-15000
定制 SaaS 多角色+权限+后台 20-60 天 15000-80000

2.2 接单渠道对比

渠道 单价 难度 抽成 适合阶段
猪八戒 中 中 20% 新手练手
一品威客 中 中 15% 新手
程序员客栈 中高 高 10% 有作品后
码市（开源中国） 中 中 10% 有作品后
闲鱼 低 低 无 新手起步
朋友圈/老客户 高 低 无 长期

我的路径：闲鱼发"小程序开发"商品起步 → 攒 3 个案例 → 进程序员客栈 → 转老客户复购。

三、注册和准备：1 小时搭好开发环境

3.1 注册小程序账号

  1. 打开 mp.weixin.qq.com，点"立即注册"。
  2. 选择"小程序"，邮箱激活。
  3. 主体类型选"个人"（个人也能上架，但不能做支付；如果要支付功能需要企业主体，500 元代办）。
  4. 完成实名认证（个人主体免费，企业主体 300 元/年认证费）。
  5. 拿到 AppID，后面要用。

3.2 下载微信开发者工具

官方地址：developers.weixin.qq.com/miniprogram/dev/devtools/download.html

系统 版本 大小
Windows 64 Stable 1.06.x 约 350 MB
macOS Stable 1.06.x 约 400 MB
Linux 需用 wine 或编译版 约 400 MB

我用的是 Windows 11 + Stable 1.06.2403，安装后约 500 MB，启动 10 秒内。

3.3 创建第一个项目

打开开发者工具 → 扫码登录 → 新建项目：

  • 项目名称：my-first-mp
  • 目录：D:\code\my-first-mp
  • AppID：填注册拿到的（或选"测试号"练手）
  • 模板：选"不使用模板"或"基础模板"
  • 后端服务：选"微信云开发"（每月免费 1GB 流量，省服务器钱）

点"创建"，10 秒后进入编辑器界面。结构如下：

my-first-mp/
├── app.js          # 全局逻辑
├── app.json        # 全局配置
├── app.wxss        # 全局样式
├── pages/
│   ├── index/
│   │   ├── index.js
│   │   ├── index.json
│   │   ├── index.wxml
│   │   └── index.wxss
│   └── logs/
└── project.config.json

四件套：.js（逻辑）、.json（配置）、.wxml（结构，类似 HTML）、.wxss（样式，类似 CSS）。

四、实战：写一个点餐小程序（接单级）

我用一个奶茶店点餐小程序做案例，这是接单最高频的需求。

4.1 首页：商品列表

pages/index/index.wxml：

<view class="container">
  <view class="header">奶茶点单</view>
  <scroll-view scroll-y class="menu">
    <view wx:for="{{menuList}}" wx:key="id" class="item">
      <image src="{{item.image}}" mode="aspectFill"></image>
      <view class="info">
        <text class="name">{{item.name}}</text>
        <text class="price">¥{{item.price}}</text>
      </view>
      <button bindtap="addToCart" data-id="{{item.id}}">加入</button>
    </view>
  </scroll-view>
  <view class="cart-bar">
    <text>购物车：{{cartCount}} 件</text>
    <text>合计：¥{{totalPrice}}</text>
    <button bindtap="goCheckout">去结算</button>
  </view>
</view>

pages/index/index.js：

Page({
  data: {
    menuList: [
      { id: 1, name: '珍珠奶茶', price: 12, image: '/images/pearl.jpg' },
      { id: 2, name: '芋泥波波', price: 15, image: '/images/taro.jpg' },
      { id: 3, name: '杨枝甘露', price: 16, image: '/images/mango.jpg' }
    ],
    cart: [],
    cartCount: 0,
    totalPrice: 0
  },
  addToCart(e) {
    const id = e.currentTarget.dataset.id;
    const item = this.data.menuList.find(m => m.id === id);
    const cart = [...this.data.cart, item];
    this.setData({
      cart,
      cartCount: cart.length,
      totalPrice: cart.reduce((s, i) => s + i.price, 0)
    });
  },
  goCheckout() {
    wx.navigateTo({ url: '/pages/checkout/checkout' });
  }
});

4.2 关键组件清单

组件 用途 替代品
view 容器 类似 div
text 文本 类似 span
image 图片 类似 img
button 按钮 自定义 view
scroll-view 滚动区 overflow:auto
swiper 轮播 第三方库
form 表单 —

4.3 支付接入（个人主体做不了）

支付是小程序的硬门槛：

  • 个人主体：不能接入微信支付，只能做"展示+联系"。客户必须办个体户或企业。
  • 企业主体：开通微信支付，押金 600 元，费率 0.6%。

如果你接的订单需要支付，让客户自己去开通商户号，你只负责代码。商户号开通审核 1-3 天。

五、上架流程

5.1 上传代码

开发者工具 → 右上角"上传" → 填版本号（如 1.0.0）和备注 → 上传。

5.2 提交审核

mp.weixin.qq.com → 管理 → 版本管理 → 提交审核 → 填写功能页面路径 → 提交。

审核时间：

  • 普通类目：1-2 个工作日
  • 医疗/金融/教育：3-7 个工作日
  • 直播类目：5-10 个工作日

5.3 发布

审核通过 → 点"发布" → 5 分钟内全网上线。

5.4 类目选择避坑

业务 类目 资质要求
餐饮 餐饮服务 食品经营许可证
美容 美容美发 卫生许可证
教培 教育-在线教育 ICP 备案即可
医疗 医疗服务 医疗机构许可证
电商 商家自营 食品/保健食品许可证

没有资质别硬上，类目不匹配会被驳回 3 次后封号 7 天。

六、接单报价实战

6.1 报价公式

报价 = (工时 × 时薪) × 1.5 + 沟通成本
  • 时薪：新手 80-120 元/小时，熟手 150-250 元/小时。
  • 1.5 倍：预留返工和沟通时间。
  • 沟通成本：复杂需求加 500-2000 元。

举例：奶茶点单小程序，预估 20 工时，时薪 100：

报价 = 20 × 100 × 1.5 + 500 = 3500 元

6.2 报价区间参考

客户类型 报价区间 付款方式
个人小商家 800-2500 全款或 5:5
中小企业 2500-8000 4:4:2
中大型企业 8000-30000 3:3:3:1

6.3 合同模板要点

必备条款 说明
验收标准 明确几个页面、哪些功能
付款节点 定金、中期、尾款比例
维护期 通常 1-3 个月免费维护
源码归属 尾款付清后归客户
二次开发 是否含修改次数

七、10 条避坑清单

  1. 不要全款接单——定金至少 30%，否则客户改需求你不接也得接。
  2. 不要口头需求——所有功能写到需求文档，客户签字或微信确认。
  3. 不要用盗版 UI 库——Vant、ColorUI 都是免费的，别用收费的。
  4. 不要承诺 SEO——小程序不靠 SEO 流量，别被忽悠加"优化"费用。
  5. 不要接医疗/金融类目——资质审核极严，新手大概率卡死。
  6. 不要用客户的服务器密码——交付后客户改密码，你被甩锅说不清。
  7. 不要给源码给太快——尾款没到，源码先压着。
  8. 不要承诺"一周上线"——微信审核 1-7 天，预留 10 天。
  9. 不要用个人 AppID 给客户上线——客户的账号客户管，你只交付代码。
  10. 不要忘记维护费——免费维护期满后，每月 200-500 元维护费要提前谈。

八、真实订单案例：3000 元奶茶店小程序

8.1 客户需求

杭州一家奶茶店，老板要"扫码点单 + 会员卡 + 优惠券核销"。

8.2 报价拆解

模块 工时 金额
首页 + 菜单 6h 600
购物车 + 支付 8h 800
会员卡 + 储值 6h 600
优惠券核销 4h 400
后台管理 6h 600
合计 30h 3000

8.3 付款节奏

  • 定金 30%（900 元）：开工前。
  • 中期 40%（1200 元）：首页+菜单+购物车交付。
  • 尾款 30%（900 元）：上线后 7 天内。

8.4 实际工时复盘

阶段 计划 实际 差异原因
设计稿 4h 6h 客户改了 2 版配色
前端开发 20h 22h 会员卡逻辑有 bug
后端 6h 8h 接口调试
上架审核 1 天 3 天 类目被打回
总工时 30h 36h 多 20%

多出来的 6 小时没多收钱，因为合同签的是固定价。下次报价要 ×1.5 不是 ×1.2。

九、必备工具与资源

工具 用途 价格
微信开发者工具 必备 IDE 免费
VS Code 写代码 免费
weui-wxss 微信官方 UI 库 免费
Vant Weapp 有赞 UI 库 免费
ColorUI 鲜亮风格 UI 免费
TDesign 腾讯 UI 库 免费
微信开放文档 必看 免费
Iconfont 图标库 免费
蓝湖 设计稿协作 免费版够用

十、行动清单：今天就能做的 5 件事

  • 注册小程序账号（mp.weixin.qq.com），拿到 AppID。
  • 下载微信开发者工具，跑通官方 demo。
  • 跟着官方教程做"计算器"小程序，熟悉四件套语法。
  • 闲鱼挂"小程序开发"商品，标价 500-1500 元起步接单。
  • 加 3 个小程序开发交流群（QQ 群搜"微信小程序接单"），看别人怎么报价。

写在最后

小程序开发副业的核心优势是门槛低、单价合理、需求稳定。一个城市里，每天都有新奶茶店、新美容院、新教培机构开张，他们都需要小程序。你只要学会 3 个模板（展示型、点餐型、预约型），就能覆盖 80% 的订单需求。

不要等"学完所有再接单"——接到第一个订单才是真正的开始。哪怕 800 元的小单，跑通一次流程，你就知道哪里是真坑。

更多副业教程：bsynet.cloudns.be

文章标签

#微信小程序#小程序开发#副业#微信开发者工具#外包接单

📖 相关文章