微信小程序开发教程:从注册到发布完整链路(含云开发免后端方案)
小程序开发的门槛不在语法(会 Web 三件套就能上手),在链路:注册、工具、真机调试、云开发、审核发布——每一环都有坑。本文按真实开发顺序把完整链路走一遍,重点讲云开发免后端方案与审核避坑。
一、注册与工具链(30 分钟搞定)
- mp.weixin.qq.com 注册小程序(个人主体可发布工具/内容类),拿到 AppID;
- 装微信开发者工具稳定版,导入项目填 AppID;
- 语言就是 WXML+WXSS+JS/TS——Web 三件套的心智完全一致。
二、项目结构四件套
| 文件 | 作用 |
|---|---|
| app.json | 全局配置:页面路由、tabBar、窗口 |
| pages/* | 每页四件套 wxml/wxss/js/json |
| utils/* | 网络与存储封装 |
| project.config.json | 工具配置 |
必会五件事:setData 触发渲染(勿直接赋值)、wx.request Promise 化封装、本地缓存离线兜底、三种导航方式区分、分包加载(主包 ≤2M)。
三、云开发:个人项目的免后端方案
云开发三件套让个人开发者跳过买服务器/域名/备案全流程:云数据库(文档型,小程序端直查)、云函数(Node.js,天然绕过 request 域名白名单)、云存储(文件上传下载带 CDN)。小工具类项目当天可上线。
四、发布链路与审核避坑
上传代码 → 填版本备注 → 设体验版扫码真机验证 → 提交审核 → 发布。三大拒绝点:类目与功能不符(工具类目里放电商内容必拒)、诱导分享文案、无隐私协议却收集用户信息。提交前对照自查,一次过审。
教程全文已打包,按章节顺序在开发者工具里实操一遍即是完整学习路径。
程全文已打包,按章节顺序在开发者工具里实操一遍即是完整学习路径。
📦配套完整资源已整理上传:点击查看资源包(含小程序开发链路教程全文,即取即用)