
微信小程序开发环境准备
首先得下载微信开发者工具,这是官方提供的免费IDE,支持Windows、macOS双平台。注册小程序账号时要注意选择”小程序”类型而非公众号,个人开发者现在也能申请大部分类目了。工具安装完成后,新建项目要填对AppID,测试号虽然能用但功能受限。
开发基础配置主要看这两个文件:
app.json
:全局配置路由、窗口样式等project.config.json
:保存开发者个性化设置配置项 | 作用 | 必填 |
---|---|---|
pages | 设置页面路径 | 是 |
window | 导航栏/背景色设置 | 否 |
tabBar | 底部菜单配置 | 否 |
页面基础开发实战
新建页面时,微信开发者工具会自动生成4个文件:.wxml
、.wxss
、.js
和.json
。数据绑定用双大括号{{}}
,事件绑定用bindtap
这类前缀。样式编写和CSS基本一致,但推荐使用rpx单位适配不同屏幕。
page.js
的data
中定义初始数据setData
方法更新视图wx.request
发起网络请求wx.showToast
给用户操作反馈组件开发有个实用技巧:把的mode属性设为
aspectFill
可以保持图片比例裁剪显示,避免变形。表单组件要特别注意name
属性的设置,这是提交时区分字段的关键。
调试与发布避坑指南
真机调试时常见三个坑:
发布流程分四步走:
审核被拒常见原因:
性能优化关键指标
首屏加载时间要控制在1秒内,主要优化手段:
内存占用方面要注意:
wx:for
时加wx:key
优化项 | 达标值 | 检测工具 |
---|---|---|
包体积 | 主包≤2MB | 详情-基本信息 |
API成功率 | ≥99.9% | 运维中心-监控 |
FPS | ≥50帧 | 性能Trace工具 |
微信小程序的页面数量限制其实是个挺有意思的话题。主包确实只能放20个页面,这个限制包括底部导航栏的tab页面在内。不过别担心,现在分包加载技术已经相当成熟了,合理规划的话完全可以把总页面数扩展到50-100个。我见过不少电商小程序就是这么干的,把商品详情、会员中心这些低频页面都扔到分包里,主包就保留首页、分类和购物车这几个核心页面。
实际操作中要特别注意主包体积不能超过2MB这个硬性指标。 用开发者工具里的”代码依赖分析”功能,把那些使用率低的组件和页面都标记出来。比如促销活动页面这种季节性内容,完全可以做成独立分包,等需要的时候再动态加载。这样不仅能控制主包大小,还能显著提升小程序的启动速度,用户体验会好很多。
个人开发者可以申请哪些类目的小程序?
个人开发者目前可申请包括工具、生活服务、教育等40多个类目,但金融、社交、医疗等需要企业资质的类目仍受限。具体可在微信公众平台查看《小程序开放的服务类目》文档, 选择类目时注意避开需要特殊资质的领域。
没有AppID能否开发小程序?
可以。在微信开发者工具新建项目时选择”测试号”,但测试号无法使用微信支付、获取用户手机号等敏感接口,且最终发布前仍需注册正式AppID。测试号适合前期功能验证和学习使用。
小程序页面最多能建多少个?
微信小程序主包最多支持20个页面(含tabBar页面),但通过分包加载技术可扩展至50-100个页面。 将访问频率低的功能页面放入分包,主包保持3-5个核心页面以控制体积在2MB内。
为什么真机预览时部分功能失效?
常见原因包括:未配置合法域名(需HTTPS且备案)、未开启开发环境不校验请求域名、或使用了企业资质才能调用的API。检查开发者工具右上角”详情-本地设置”中的选项,并确保后台配置了业务域名。
小程序审核一般需要多长时间?
常规审核周期为1-3个工作日,首次提交或涉及敏感功能可能延长至3-7天。 避开周五提交,节假日审核会顺延。加急审核通道仅对特定类目开放,普通开发者无法申请。