hbuildx&&微信开发者工具-微信小程序测试

  • Post author:
  • Post category:小程序



微信小程序测试的环境搭建,整体流程是:

   1.安装微信开发者工具
   2.登录微信开发者工具
   3.安装hbuildx
   4.导入项目
   5.设置hbuildx和微信开发者关联信息
   6.编译代码
   7.微信小程序测试



1、安装微信开发者工具

1.微信开发者工具下载

打开网站:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

选择windows系统版本

在这里插入图片描述

2.下载完成后按步骤进行安装



2、登录微信开发者工具

在这里插入图片描述

1.进行扫码登录

在这里插入图片描述

2.点击确认登录

在这里插入图片描述



3.安装HbuildX

1.下载地址:https://www.dcloud.io/hbuilderx.html

在这里插入图片描述

2.选择app开发版本

3.解压安装包

解压后找到HBuilderX.exe双击运行。如图:

在这里插入图片描述

4.双击HBuilderX.exe文件

在这里插入图片描述



4.导入项目

1.打开目录选择项目文件夹

在这里插入图片描述



5.设置hbuildx和微信开发者关联信息

1.加载微信开发者工具,选择工具-设置

在这里插入图片描述

2.然后在运行配置里面设置微信开发者工具的路径,如下图所示:

在这里插入图片描述

3.接着登录微信开发者工具,点击设置下面的安全设置:

在这里插入图片描述

服务端口设置为开启

在这里插入图片描述

4.运行->运行到小程序模拟器(M)->启动微信开发者工具

在这里插入图片描述



6.编译代码


1.安装node.js


2.安装项目依赖包


路径:项目所在目录

命令:npm –registry https://registry.npm.taobao.org install


3.控制台点击右键,选择重新运行或停止运行。


在这里插入图片描述


4.微信开发者工具,加载小程序成功


在这里插入图片描述



7.微信小程序测试


1.清理缓存


在这里插入图片描述


2.刷新


在这里插入图片描述


3.查看接口日志


跟浏览器的F12功能相似,可以查看接口访问信息,用于定位问题。

在这里插入图片描述



8.遇到的问题

问题1:Cannot find module ‘node-ipc’

报错信息:

20:20:52.201 module.js:549

20:20:52.201 throw err;

20:20:52.204 ^

20:20:52.204 Error: Cannot find module ‘node-ipc’

20:20:52.207 at Function.Module._resolveFilename (module.js:547:15)

20:20:52.208 at Function.Module._load (module.js:474:25)

20:20:52.211 at Module.require (module.js:596:17)

20:20:52.211 at require (internal/module.js:11:18)

20:20:52.213 at Object. (D:\ProgramFiles\HBuilderX\plugins\uniapp-cli\node_modules@vue\cli-shared-utils\lib\ipc.js:1:75)

20:20:52.214 at Module._compile (module.js:652:30)

20:20:52.217 at Object.Module._extensions…js (module.js:663:10)

20:20:52.217 at Module.load (module.js:565:32)

20:20:52.221 at tryModuleLoad (module.js:505:12)

20:20:52.221 at Function.Module._load (module.js:497:3)

解决方案:

工具菜单-> 插件安装 -> uni-app编译

找到这个插件后把它卸载然后重新安装就OK了

问题2:文件查找失败:‘luch-request’ at api\request.js:3

15:08:52.069 Browserslist: caniuse-lite is outdated. Please run:

15:08:52.069 npx browserslist@latest –update-db

15:08:57.711 Browserslist: caniuse-lite is outdated. Please run the following command:

npm update


15:08:59.526 文件查找失败:‘luch-request’ at api\request.js:3

15:08:59.527 ERROR Build failed with errors.

解决方案:

1.安装依赖包:

npm –registry https://registry.npm.taobao.org install

问题3:安全接口未关起

10:56:09.346 正在启动微信开发者工具…

10:56:09.751 [微信小程序开发者工具] – initialize

10:56:09.751 [微信小程序开发者工具]

10:56:09.754 [微信小程序开发者工具]

10:56:09.766 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability, or manually open IDE -> Settings -> Security Settings, and set Service Port On.

10:56:09.766 [微信小程序开发者工具] For more details see: https://developers.weixin.qq.com/miniprogram/en/dev/devtools/cli.html

10:56:09.769 [微信小程序开发者工具] [error] 工具的服务端口已关闭。要使用命令行调用工具,请在下方输入 y 以确认开启,或手动打开工具 -> 设置 -> 安全设置,将服务端口开启。

10:56:09.773 [微信小程序开发者工具] 详细信息: https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html

10:56:09.773 [微信小程序开发者工具]

10:56:09.776 [微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C

10:56:09.780 [微信小程序开发者工具] × initialize

10:56:09.780 [微信小程序开发者工具]

10:56:09.783 [微信小程序开发者工具] Runtime error

10:56:09.783 [微信小程序开发者工具] Error: read EBADF

10:56:09.787 [微信小程序开发者工具] at Pipe.onStreamRead (internal/stream_base_commons.js:183:27) {


10:56:09.791 [微信小程序开发者工具] errno: ‘EBADF’,

10:56:09.796 [微信小程序开发者工具] code: ‘EBADF’,

10:56:09.800 [微信小程序开发者工具] syscall: ‘read’

10:56:09.804 [微信小程序开发者工具] }

解决方案:

打开工具 -> 设置 -> 安全设置,将服务端口开启

在这里插入图片描述

问题4:小程序定位问题

可以在调试器中编辑自己需要设置的经纬度

在这里插入图片描述

问题5:点击“预览”生成二维码时报错

在这里插入图片描述

解决方案:运行中勾选“运行时是否压缩代码”

在这里插入图片描述



版权声明:本文为wangying202原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。