wechat-miniprogram-examples部署发布指南:从sitemap配置到小程序正式上线全流程

发布时间:2026/8/20 18:01:15
wechat-miniprogram-examples部署发布指南:从sitemap配置到小程序正式上线全流程 wechat-miniprogram-examples部署发布指南从sitemap配置到小程序正式上线全流程【免费下载链接】wechat-miniprogram-examplesWeChat mini program examples. 微信小程序示例项目地址: https://gitcode.com/gh_mirrors/we/wechat-miniprogram-examples微信小程序部署发布是每位新手开发者从写完代码到用户能用必须跨过的一关。本文以开源项目wechat-miniprogram-examples微信小程序示例合集为实战素材带你完整走一遍小程序上线全流程从获取 AppID、配置project.config.json、理解sitemap 配置规则到微信开发者工具上传代码、提交审核直至正式发布。全程零门槛跟着做就能把示例项目真正跑起来。一、为什么用它练手小程序部署这个项目收录了三个经典微信小程序示例覆盖了上线前几乎全部关键知识点示例目录练手重点豆瓣图书DouBanBookApp/网络请求、列表与详情页事项助手MatterAssistant/日历组件、本地数据存储知乎日报ZhiHuDaily/组件封装、收藏、web-view每个示例都自带完整的app.json、sitemap.json、project.config.json结构规范、代码简洁非常适合用来熟悉小程序发布配置。需要源码时用以下命令克隆仓库git clone https://gitcode.com/gh_mirrors/we/wechat-miniprogram-examples二、部署前的关键准备获取小程序 AppID 项目 README 明确提醒每个示例都没有配置appid所以第一件事就是补上它。打开 mp.weixin.qq.com 注册小程序账号在开发管理 → 开发设置中即可看到自己的 AppID。拿到 AppID 后打开任意示例的project.config.json比如DouBanBookApp/project.config.json把空的appid: 填上。这一步不完成小程序真机预览和部分 API 都无法正常工作更无法提交审核上线。三、最快配置方法project.config.json 关键字段project.config.json是微信开发者工具的项目配置文件部署发布前建议核对这几个字段compileType保持miniprogram代表普通小程序项目libVersion基础库版本建议更新到较新版本urlCheck开发时可设为false绕过域名校验上线前务必改回true并配置合法域名appid上一节填写的 AppID四、小程序 sitemap 配置教程控制页面收录 sitemap.json是很多新手忽略、却在小程序上线后影响搜索收录的重要文件。每个示例都自带一份例如DouBanBookApp/sitemap.json内容如下{ desc: 关于本文件的更多信息请参考微信官方文档, rules: [{ action: allow, page: * }] }这条规则的含义是允许所有页面被微信索引。如果你想让部分页面不被收录可以这样写{ rules: [ { action: allow, page: pages/index/index }, { action: disallow, page: pages/detail/detail } ] }注意事项sitemapLocation字段必须在app.json中声明指向sitemap.json三个示例均已配置好否则 sitemap 配置不生效。默认规则是全部允许隐私敏感页面记得显式disallow。五、app.json页面注册与窗口样式的最后检查上线前请打开app.json逐一确认页面注册pages数组首项即小程序启动首页确认无误窗口配置window.navigationBarTitleText是页面标题会直接影响用户观感sitemapLocation确保指向你的 sitemap 配置文件以ZhiHuDaily/app.json为例它注册了 6 个页面并设置了蓝色导航栏结构非常标准适合对照检查自己的项目。六、微信开发者工具上传代码与版本管理 配置完成后用微信开发者工具打开对应示例目录点击右上角上传填写版本号和备注代码将提交到小程序后台进入小程序后台版本管理将刚上传的版本设为体验版先扫码真机测试测试通过后点击提交审核填写功能页面与测试账号等信息七、提交审核与正式发布全流程提交审核后一般 13 个工作日会有结果通过后点击发布即可正式上线。整个小程序正式上线流程可以总结为配置 AppID → 修改 project.config.json → 配置 sitemap.json → 上传代码 → 设为体验版 → 真机测试 → 提交审核 → 审核通过 → 发布上线八、三个示例的部署效果预览 用本项目练手时你可以对照下面的效果图验证部署是否成功九、上线避坑清单 ✅域名校验正式环境必须使用 HTTPS 且在小程序后台配置 request 合法域名AppID 必填空 AppID 无法真机预览和提审sitemap 规则注意page路径要与app.json完全一致基础库版本过低的libVersion会导致新 API 不可用体验版先行务必先真机验证再提交审核避免浪费审核次数按照这份微信小程序部署发布指南从 sitemap 配置到正式上线你已经掌握了完整链路。赶紧打开 wechat-miniprogram-examples把第一个小程序发布出去吧【免费下载链接】wechat-miniprogram-examplesWeChat mini program examples. 微信小程序示例项目地址: https://gitcode.com/gh_mirrors/we/wechat-miniprogram-examples创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考