devbox
笔触狂放9
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

【uni-app】—4.使用HBuilderX配置各种调试工具_hbuilder配置微信开发者工具

作者：笔触狂放9 | 2024-07-20 02:24:43

赞

踩

hbuilder配置微信开发者工具

一、申请测试号的小程序AppID (用于测试，商用可以申请正式的)

1. 打开微信开发者工具

2. 新建小程序项目- 点击注册

在这里插入图片描述

3. 点击测试号的申请

在这里插入图片描述

4. 微信扫码登陆，确定申请小程序测试号

5.成功后，微信重新扫码登陆微信公众平台，手机微信上选择小程序的测试号

在这里插入图片描述

6. 获取到小程序的测试号的AppId

在这里插入图片描述

二、HBuilderX配置微信开发者工具

1. 打开HBuilderX工具，启动之前的项目

2. 配置微信小程序的AppId

在这里插入图片描述

3. 配置微信开发者工具的路径

在这里插入图片描述
在这里插入图片描述

4. 打开APP.vue，运行微信开发者工具

在这里插入图片描述
PS: 如果是第一次编译，需要等待编译完成后，停止微信开发者工具，再重新运行微信开发者工具。

5. 运行后的效果

在这里插入图片描述

三. 使用chremo浏览器，实现移动端调试在这里插入图片描述

在这里插入图片描述

四、使用夜神模拟器，实现真机调试

1. 打开夜神模拟器在这里插入图片描述

2. 下载真机运行插件

在这里插入图片描述
PS：等待运行插件安装完成之后，重启HBuilder

3. 运行夜神模拟器APP

在这里插入图片描述
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/854704
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号