微信小程序是2026年最热的开发方向之一。不需要下载、用完即走、背靠微信14亿用户——这种轻量级应用正在取代传统APP成为服务用户的首选。
好消息是：微信小程序的开发门槛极低，有HTML/CSS/JS基础的人3小时就能上线第一个小程序。今天从零开始讲，手把手带你走完注册→开发→上线的完整流程。
一、注册账号
去mp.weixin.qq.com注册小程序账号。选择"小程序"类型，用没注册过微信产品的邮箱，个人号免费，企业号需要营业执照。注册后拿到AppID，这是小程序的唯一身份标识。
个人号vs企业号：个人号不能做支付、不能做直播、类目受限。企业号权限全。如果是练手个人号够了，要做正规产品必须企业号。
二、开发环境：微信开发者工具
去developers.weixin.qq.com下载微信开发者工具，用微信扫码登录。点"+"号创建新项目，填AppID（没有就选测试号），选一个模板（推荐选"不使用云服务-基础模板"），点确定就生成了一个最小可运行的小程序。
项目结构：app.js（全局逻辑）、app.json（全局配置：页面列表、导航栏、tabBar）、app.wxss（全局样式），pages/目录下放每个页面的4个文件：.js/.json/.wxml/.wxss。
三、核心框架语法（和网页对比）
WXML vs HTML：标签名不一样！view=div，text=span/image=img，没有div/p/h1-h6这些。绑定数据用{{变量名}}。事件绑定用bindtap="函数名"（代替onclick）。
WXSS vs CSS：几乎一样，但单位rpx是小程序独有的（1rpx=屏幕宽度/750），所有尺寸用rpx就能自适应不同屏幕。
JS vs 网页JS：没有window/document对象。全局数据用App.globalData，页面数据用Page的data属性。没有DOM操作，全部靠数据驱动（MVVM模式）。
JSON配置：每个页面的.json文件可以单独配置导航栏标题、下拉刷新等。app.json配置全局页面列表和tabBar。
四、第一个实战：记账本小程序
做一个简单的记账本：输入金额和类型→保存到本地→列表展示→可以删除。30分钟搞定。
步骤1：app.json里注册页面pages/index/index、pages/list/list，加tabBar。
步骤2：index页面做一个表单（金额输入框+类型选择+保存按钮），点击保存时用wx.setStorageSync存到本地。
步骤3：list页面从wx.getStorageSync读数据，用wx:for循环渲染列表，长按删除。
步骤4：wx.showToast('保存成功')做操作反馈，wx.setNavigationBarTitle动态改标题。
核心API：wx.setStorageSync/wx.getStorageSync（本地存储）、wx.showToast/wx.showModal（提示）、wx.request（网络请求）、wx.navigateTo/wx.switchTab（页面跳转）。
五、云开发：不用搭服务器
这是微信小程序最大的福利——云开发提供云函数、云数据库、云存储三个服务，不用自己搭服务器域名备案就能做后端。
开通云开发：开发者工具左上角"云开发"按钮→开通→选免费额度（每天5万次云函数调用、2G数据库容量）。
云数据库：类似MongoDB，直接在小程序里读写。db.collection('集合名').add({data:{...}})插入，.where({条件}).get()查询。
云函数：在云端运行的Node.js代码，可以操作数据库、发送模板消息、调用微信支付。本地写完上传即可。
用云开发做记账本：把wx.setStorageSync换成db.collection('records').add，数据就存在云端了，换手机也能看到。
六、发布上线
1. 上传：开发者工具右上角"上传"→填版本号和备注→上传到微信后台
2. 提交审核：mp.weixin.qq.com→版本管理→开发版本→提交审核（1-7天）
3. 发布：审核通过后点"发布"，小程序正式上线
个人号类目限制：不能做支付、直播、虚拟商品。企业号需要对应类目资质。上线后可以在后台看访问数据、用户画像、性能监控。
七、常用组件和API速查
组件：button（按钮）、input（输入框）、image（图片）、swiper（轮播图）、scroll-view（滚动容器）、list-view（列表）、form（表单）
API：wx.request（网络请求）、wx.setStorageSync/getStorageSync（本地存储）、wx.getUserProfile（获取用户信息）、wx.chooseImage（选择图片）、wx.scanCode（扫码）、wx.makePhoneCall（拨打电话）
八、避坑清单
❌ 不要用HTML标签→用view/text/image
❌ 不要操作DOM→用数据驱动
❌ 不要用http请求→小程序强制要求https
❌ 不要忘记在app.json注册页面→不注册会404
❌ 云开发记得设置数据库权限→否则别人能读写你的数据
小程序开发真的不难。3小时上线第一个，3天做一个能用的产品。2026年了，不会写小程序都不好意思说自己会前端。晚安，打工人。
