小程序从 0 到上线：完整流程 + 避坑看完这篇，从注册账号到审核发布，所有坑都帮你标好了。
前言
看完这篇，从注册账号到审核发布，所有坑都帮你标好了。
小程序开发看似简单，但从注册账号到审核上线，每个环节都有不少坑。类目选错、域名没配、隐私协议漏写……这些小问题都能让你的审核被拒好几次。
今天把小程序开发的完整流程和常见坑点一次性讲清楚，帮你少走弯路。
一、开发准备：磨刀不误砍柴工
1.1 账号注册
前往 【微信公众平台】 注册小程序账号。
个人账号 vs 企业账号：
注册流程：
点击「立即注册」→「小程序」
填写手机号、设置密码、完成实名认证
登录后获取 AppID（小程序唯一身份证）
注意： 一个身份证最多注册 2 个个人小程序，别随便浪费名额。
1.2 开发工具下载
必备工具：微信开发者工具
下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
支持 Windows 和 macOS，建议搭配 VS Code + 小程序插件使用，开发效率提升 2 倍。
二、开发流程：项目结构与核心配置
2.1 标准项目结构
├── app.js # 全局入口文件├── app.json # 全局配置（页面路由、窗口样式）├── app.wxss # 全局样式├── pages/ # 页面目录│ ├── index/ # 首页│ │ ├── index.wxml # 页面结构│ │ ├── index.wxss # 页面样式│ │ ├── index.js # 页面逻辑│ │ └── index.json # 页面配置│ └── ... # 其他页面├── components/ # 公共组件├── utils/ # 工具函数├── services/ # 接口请求层└── static/ # 静态资源
2.2 核心配置文件 app.json
{ "pages": [ "pages/index/index", "pages/user/user", "pages/order/order" ], "window": { "navigationBarBackgroundColor": "#ffffff", "navigationBarTitleText": "我的小程序", "navigationBarTextStyle": "black" }, "tabBar": { "color": "#999999", "selectedColor": "#1890ff", "list": [ { "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "pages/user/user", "text": "我的" } ] }, "style": "v2", "sitemapLocation": "sitemap.json"}2.3 封装请求工具
所有接口调用建议统一封装：
// utils/request.jsfunction request(url, data = {}, method = 'GET') {return new Promise((resolve, reject) => {wx.request({url: 'https://api.example.com' + url,data,method,header: {'content-type': 'application/json','token': wx.getStorageSync('token')},success: res => {if (res.data.code === 0) {resolve(res.data.data);} else {wx.showToast({ title: res.data.msg, icon: 'none' });reject(res.data);}},fail: err => {wx.showToast({ title: '网络请求失败', icon: 'none' });reject(err);}});});}module.exports = { request };
2.4 用户登录流程
标准登录流程：
// 1. 前端调用 wx.login() 获取临时 codewx.login({ success: async res => { const code = res.code; // 2. 发送给后端，换取 openid 和 session_key const data = await request('/api/login', { code }, 'POST'); // 3. 后端返回自定义 token，前端存储 wx.setStorageSync('token', data.token); wx.setStorageSync('openid', data.openid); }});三、上线审核流程：提交到发布的完整步骤
3.1 提交流程图
┌─────────────────────────────────────────────────────┐│ 开发完成 → 上传代码 → 提交审核 → 审核通过 → 发布上线 │└─────────────────────────────────────────────────────┘
3.2 具体步骤
Step 1：上传代码
在微信开发者工具中点击「上传」，填写版本号（如 1.0.0）和更新说明。
Step 2：提交审核
登录微信公众平台 → 「版本管理」→「开发版本」→ 点击「提交审核」
Step 3：填写审核信息
功能介绍：简要描述核心功能
服务类目：根据实际功能选择（必须与功能匹配）
测试账号：如果功能需登录，提供测试账号密码
隐私协议：首次提交需配置《用户隐私保护指引》
Step 4：等待审核
普通小程序：1-3 个工作日
特殊行业（医疗、金融）：可能需要 1-3 周
Step 5：发布上线
审核通过后，点击「发布」即可让所有用户访问。
注意： 审核通过后必须手动点击「发布」！很多人卡在这一步，以为自动上线。
四、常见审核被拒原因及解决方案
4.1 高频被拒原因 TOP 5
4.2 诱导分享/违规内容
❌ 「分享到群得红包」
❌ 「分享解锁更多功能」
❌ 未经授权的影视资源
❌ 现金奖励玩法
这些红线踩到直接驳回，严重者会被下架。
4.3 UGC 内容必须过审
如果小程序有用户发帖、评论、上传图片功能，必须接入内容安全接口：
// 文本内容安全检查wx.serviceMarket.invokeService('msgSecCheck', {content: '用户输入的文本'}).then(res => {if (res.data.errCode !== 0) {wx.showToast({ title: '内容包含敏感信息', icon: 'none' });}});// 图片安全检查wx.serviceMarket.invokeService('imgSecCheck', {image: '图片本地路径或 Buffer'});
4.4 审核被拒后的正确姿势
查看驳回详情，明确哪个条款违规
定位问题代码（用关键词搜索）
修改后重新上传
提交时在备注中说明修复方案
模板示例：
已移除首页分享红包弹窗（原文件路径：/pages/index/index.wxml 第48行）
五、避坑指南
坑 1：忘记配置合法域名
本地调试用 localhost 没问题，但上线前必须配置域名。
解决方案：
在「微信公众平台」→「开发设置」中配置服务器域名
域名必须支持 HTTPS
提前准备已备案的域名
坑 2：setData 滥用导致性能问题
错误写法： 每次改一个字段就重写整个对象
this.setData({ user: { name: '新名字', age: 30 } });正确写法： 精准更新路径
this.setData({ 'user.name': '新名字' });黄金法则： 只 setData 变化的数据，避免在循环中调用。
坑 3：主包体积超限
小程序主包限制 2MB，超过会报错。
解决方案：
使用分包加载
图片使用 WebP 格式或 CDN
移除未使用的代码和组件
// app.json 配置分包{ "subPackages": [ { "root": "pages/user", "pages": ["user", "settings"] } ]}坑 4：隐私协议配置遗漏
现在小程序强制要求配置隐私协议，否则无法通过审核。
配置位置：「设置」→「服务内容声明」→「用户隐私保护指引」
需要在代码中声明收集哪些信息：
位置信息（用于导航/附近门店）
相机权限（用于扫码/人脸识别）
相册访问（用于上传头像）
坑 5：类目与功能不匹配
这是审核被拒的首要原因（占比约 35%）。
常见错误对照：
坑 6：不了解个人账号限制
个人账号无法使用：
微信支付
附近的小程序
普通链接二维码跳转
如果要做电商或有支付需求，提前用企业资质注册。
坑 7：忘记「发布」按钮
审核通过 ≠ 用户能访问！
审核通过后必须手动点击「发布」，小程序才会对所有用户可见。
六、技术选型对比
七、总结
小程序从 0 到上线，核心流程就三步：
开发 → 审核 → 发布
但每个环节都有坑：
遇到审核被拒别慌，看清驳回原因，定位问题代码，修复后重新提交。多数情况都是小问题，耐心解决就能过。
祝你一次审核通过！
附：常用链接
微信开发者工具下载：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
小程序文档：https://developers.weixin.qq.com/miniprogram/dev/framework/
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
