更新记录
7.0(2026-01-10) 下载此版本
1月4日升级
搭子组局系统升级
1.升级附近页面点击获取定位后操作任何页面返回不改变获取的定位。
2.升级关注,组局,广场,附近,中的帖子图片两图和1图的显示样式。
3.升级交友列表点击进入聊天后返回页面新增加判断逻辑到原页面。
4.升级交友列表点击进入聊天后点击自己的头像查看自己的资料点击返回到原页面。
5.升级优化登陆页面的样式头部logo和页面的设计。
6.升级聊天页面新增加首页和举报的两个浮动按钮。
7.升级灵魂匹配中已经匹配过一次的人后,下一个人还可以在匹配这个人。
8.修复聊天页面源码报错问题,和首页即时通讯报错问题。
9.修复首页广场页面API接口的更换最新微信。
10.修复APP中的组局详情中的订单显示多个优化。
更多细节的升级请对比9月2日的升级前端源码进行对比。这里就不多公布了!
平台兼容性
uni-app(3.6.15)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
下面我将详细介绍如何将UniApp项目导入微信开发者工具,包括准备工作、具体步骤和常见问题处理。
🛠️ 准备工作
-
安装必要软件
确保你的电脑上已安装以下软件: ◦ HBuilderX:UniApp官方IDE,用于创建和开发项目。◦ 微信开发者工具:用于调试和预览微信小程序。
◦ Node.js:部分项目可能需要通过npm管理依赖。
-
获取微信小程序AppID
在微信公众平台注册小程序账号,获取唯一的AppID。导入项目时必须填写(测试号也可临时使用)。
📥 导入步骤
步骤 1:创建或获取UniApp项目
• 新建项目:在HBuilderX中选择 文件 → 新建 → 项目,模板选“uni-app”,设置名称和路径。
• 现有项目:直接打开项目根目录(需包含 manifest.json 文件)。
步骤 2:配置微信小程序平台
- 在项目根目录打开 manifest.json 文件,切换到“微信小程序配置”。
- 填写微信小程序的AppID(其他设置如权限配置等可按需调整)。
示例配置片段: "mp-weixin": { "appid": "你的微信小程序AppID", "setting": { "urlCheck": false } }
步骤 3:编译生成微信平台代码
• 在HBuilderX顶部菜单栏选择 发行 → 小程序-微信,或使用快捷键 Ctrl+W(Windows)/ Cmd+W(Mac)。
• 编译完成后,项目根目录会生成 dist/build/mp-weixin 文件夹,这就是需要导入微信开发者工具的代码。
步骤 4:在微信开发者工具中导入
- 打开微信开发者工具,点击“+”号新建项目。
- 选择“导入项目”,目录定位到上一步生成的 dist/build/mp-weixin 文件夹。
- 填写项目名称和AppID(与 manifest.json 中一致),点击“确定”即可导入。
步骤 5:调试与预览
• 导入成功后,在微信开发者工具中点击“编译”即可预览效果。
• 利用工具的实时刷新、网络请求分析、元素审查等功能进行调试。
• 代码修改请在HBuilderX中进行,保存后重新编译(步骤3),微信开发者工具会自动更新。
⚠️ 常见问题与解决
问题现象 可能原因 解决方案
导入后页面空白或报错 1. 路径含中文或特殊字符
2. 未正确编译生成代码 1. 项目路径请使用英文
2. 在HBuilderX中重新编译发行
提示AppID无效 1. AppID填写错误
2. 未在微信公众平台注册 1. 检查manifest.json和导入时填写的AppID是否一致
2. 申请正式AppID或使用测试号
微信开发者工具无法自动更新 工具版本过旧 更新微信开发者工具至最新版
部分功能异常(如API调用失败) 1. 权限未配置
2. 兼容性问题 1. 检查manifest.json中相关权限配置
2. 确保UniApp和微信开发者工具版本兼容
💎 总结
成功导入UniApp项目到微信开发者工具的关键在于:正确配置manifest.json中的小程序信息 → 在HBuilderX中编译生成微信专用代码 → 在微信开发者工具中准确导入生成后的目录。完成导入后,你就能充分利用微信开发者工具的强大功能进行调试和预览了。
希望这份说明能帮助你顺利完成导入。如果还有具体问题,欢迎继续提问。

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)
下载 4
赞赏 0
下载 13127376
赞赏 1843
赞赏
京公网安备:11010802035340号