企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# :-: bwmall应用端uniapp源码配置调试教程 ***** # 用HbuilderX工具调试 uni-app初次使用微信小程序调试  在开发uni-app项目过程中,如何开始微信小程序进行实时编译调试。首先根据官网做如下配置: ~~~ 注册微信小程序地址:https://mp.weixin.qq.com/ 微信开发者文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/ uni-app官网地址:https://uniapp.dcloud.io/ 注册之后登陆 ~~~ \*\*1-解压Uniapp源码压缩包到一个目录,打开HBuilderX 导入该本地项目目录\*\* ![](https://img.kancloud.cn/97/9b/979b31dc4d398d2329fb45f277be91af_746x445.png) ## 一、微信小程序、公众号、H5、安卓、IOS、抖音小程序、头条小程序调试方法 1 把ext.json文件中的extEnable设置为false ![](https://img.kancloud.cn/71/17/71177b7cc8ddfc5678b819b527213b5e_746x344.png) 2 把config.js文件中的调用函数uni.getExtConfigSync地方都写固定的你自己的相关值,不用第三方,函数uni.getExtConfigSync已经取不到相关的值了; #ifdef MP 为打包小程序用到的条件编译; #ifdef H5 || APP-PLUS 为打包公众号、H5、以及安卓、IOS的时候用到的条件编译参数; 说明:app\_name为bwmall不要修改,service\_id就登录租户后台进入bwmall应用管理-》应用主页里面查看应用的客户端ID就是service\_id,siteroot修改为自己的 https://+域名 ![](https://img.kancloud.cn/2a/4a/2a4a77777e5ea63807c2b90336a962d9_746x428.png) 3 设置此处为自己的小程序APPID ![](https://img.kancloud.cn/cf/90/cf901d0eb89bbeaf18bb3aac4e61cc9f_746x452.png) 4 运行微信开发者工具进行调试 HBuilderX点击【工具】 --【设置】--【运行配置】,找到【微信web开发者工具】安装所在的文件夹。复制路径,填写到【小程序运行配置】-- 【微信开发者工具路径】 ![](https://img.kancloud.cn/8d/13/8d13884b6ba1705f2518d7f6fd4fe01c_746x456.png) ## 二、用微信第三方平台来调试小程序([去申请](https://www.yuque.com/gpvon7/doc/pvvs33)) 1修改ext.json文件 ![](https://img.kancloud.cn/a4/51/a451d428469bbbf44f9aca9bc85e0e7c_746x430.png) 2 修改config.js文件内容 ![](https://img.kancloud.cn/52/dc/52dc0c364404d7d7cfdce24618a74fa1_746x533.png) 3修改文件manifest.json ![](https://img.kancloud.cn/d4/07/d407dc2dc833d8751ff9ea929609c914_746x321.png) 第三方平台小程序APPID查看 ![](https://img.kancloud.cn/8f/60/8f604ecbfe7336f47aeddac459d455d6_746x404.png) ## 三、常见问题 注意:如果是第一次使用,需要先配置小程序id的相关路径,才能运行成功。若是HBuilderX不能正常启动微信开发者工具,需要手动启动,将uni-app生成小程序的路径拷贝到微信开发者工具里面。在HBuilderliX里面开发,在微信开发者工具里面就可以看到实时的效果。 重新点击【运行】-- 【运行到小程序模拟器】-- “微信开发者工具 - \[xxxx\]”,如果成功就可以直接调试。 如果不成功,那么看看你是否和我遇到一样的错误: 如果是一样的话,就跟我一起做如下设置。 先打开微信开发者工具,进入编辑器页面后。点击【设置】 – 【安全】,开启【服务端口】,然后关闭设置窗口,关闭开发者工具。 ![](https://img.kancloud.cn/e7/82/e782336ae9b60581f316236a51f14781_660x244.png) ![](https://img.kancloud.cn/52/b2/52b2910c6f8031dc81cb051d2a9f7ca8_737x248.png) 重新点击【运行】 – 【运行到小程序模拟器】-- “微信开发者工具 - \[xxxx\]”,编译uni-app项目。 提示如下并弹出微信开发者工具证明成功啦。