一、注册准备阶段
账号注册
访问微信公众平台点击"立即注册",选择"小程序"类型
企业用户需准备营业执照、法人身份证、对公账户等材料,个人账号功能受限且无法开通支付
完成邮箱激活后选择主体类型(个人/企业),企业需支付300元认证费
获取开发凭证
注册成功后获取AppID(开发必备标识符)
在"开发管理"中配置服务器域名(需已完成ICP备案)
二、开发环境搭建
工具安装
下载微信开发者工具(支持Windows/Mac/Linux)
项目初始化
使用开发者工具创建项目,填写AppID
生成标准目录结构:
├── miniprogram/ # 主包
│ ├── components/ # 公共组件
│ ├── pages/ # 主包页面
├── subpackages/ # 分包:ml-citation{ref="8" data="citationList"}
├── static/ # 静态资源
└── project.config.json # 项目配置
三、开发实施流程
需求分析与设计
按钮尺寸≥48px
页面跳转层级≤3层
首屏加载控制在1.5秒内
使用Axure/Figma制作原型图,明确核心功能(建议采用MoSCoW法则筛选)
设计规范:
编码开发
自建服务器(推荐Node.js/Java)
设计RESTful API接口
WXML构建页面结构
WXSS编写样式(使用rpx单位适配不同屏幕)
JavaScript/TypeScript处理业务逻辑
前端开发:
后端开发:
四、测试与优化
功能测试
覆盖核心用户路径(如支付中断恢复流程)
使用Charles抓包分析接口响应
性能优化
分包加载控制主包≤2MB
图片资源压缩(建议Tinypng工具)
五、审核发布
提交审核
确保类目选择与功能匹配(如电商类需选"商家自营")
避免简介出现"最佳""第一"等违禁词
版本发布
审核通过后点击"发布"(新账号通常需3-5天审核)
设置灰度发布比例(建议首批10%用户)