uniapp如何在真机、手机模拟器、微信开发者工具中运行调试_uniapp开发钉钉h5微应用 开发者工具调试

在之前先讲下一个uniapp的坑：

1.在HBuilderx导入项目时，直接导入项目即可，不要在项目文件夹下导入父目录，这样会识别不到项目类型，就无法用项目相应的运行方式运行了。如下：加了这层父级“ZKuniapp”就无法运行到模拟器了，因为点击该文件夹右键，检测项目类型检测的是web，当然就无法运行到手机模拟器了，只能运行在浏览器，只导入uniapp重新识别项目类型，就可以识别到：uniapp_vue,就可以运行在模拟器和真机上了。

而且在dcloud社区也说的很清楚。但是不知道的人这真是一个坑。

2. 在下载hbuilderx后，安装完打开对APP进行编译，会报错：安装目录不能有（，经查找是下载后的文件夹有一个（），去掉该括号即可编译成功

3.更新基座后白屏问题

 连接真机和MUMU手机模拟器进行调试，发现代码运行了，里面的console.log也打印了，但APP就是白屏，没有页面，而且控制台报了一个错：“login/index”页面已打开，请不要重复打开。尝试着把重复打开的那地方代码去掉，果然是这个原因。即进入页面重复打开了一个页面可能会白屏。我在网上查了关于“真机调试白屏”的问题，可能其他原因也会出现白屏问题。

一、在真机上调试

1.首先要去手机的设置打开开发者模式，每个手机打开开发者模式的姿势不一样，如OPPO的就需要先找到“关于手机”，然后在版本号上连点几次，然后再退出来点开“其他设置”，才能出现开发者选项，然后打开USB调试，记住，打开usb调试后一定不要选择只进行充电，而是选择文件传输，或者去usb设置里面选择文件传输也可。oppo的打开开发者选项比较隐蔽，每个手机也有点差别，可自行百度。手机和电脑连接成功后，在Hbuilderx上就有运行在某某设备上，然后还有该项目名称，点击运行即可。

运行后编辑器会对其进行编译，第一次真机调试一般在控制台会给这么一个提示，要你去这个目录下安装这么一个apk的文件，其实就是去手机上安装这个app，直接把这软件通过微信的文件传输拷贝到手机上，然后安装即可。其实这个软件就是和hbuilder配合调试的一个软件。

 

 安装完这个软件后，再进行上面操作在真机上运行，编译和连接手机成功后，点击打开手机上的软件，即可显示你开发的项目的界面，如果你修改了代码，发现界面并没有刷新，退出重新启动该手机APP即可。

简单一句话总结就是：先安装hbuilderx里面的安卓apk的安装包，这是一个huilder的基座，相当于封装的运行在安卓系统的安装包，里面可以运行前端代码，然后手机连接hbuilderx，搜索到手机后运行在手机上，就相当于把代码编译到了基座上，就可以打开你开发的app了，也可以拔掉数据线了，只有调试的时候才一直连着数据线

二、在手机模拟器上调试

首先去网上下载一种手机模拟器

 每种手机模拟器的端口不一样，直接去网上搜索下载就好了，我用的事网易的mumu模拟器。

下载完后，要在HBuilderx上配置一下模拟器的端口，网上有种复杂的配置方式，想了解可以去搜索，我们这里就只讲这种简单的配置方式。

直接在hbuilderx中找到工具，设置，运行配置，配置adb路劲和端口。

adb路劲填 如下这个路劲，端口填每个模拟器的端口

 配置完后，重启下。在运行下就会出现运行在某某模拟器的选项，点击即可

 然后mumu模拟器的窗口大小想设置成手机大小，直接在如下地方设置即可：

三、微信开发者工具调试

 首先需要对Hbuilderx项目在微信开发者工具运行的路劲做配置：在Hbuilderx的工具——设置——运行设置

然后在项目中的manifest.json文件中对微信小程序运行配置进行配置APPid

 配置完成后即可点击运行到微信小程序中

注意点：

1.微信小程序调用的接口只能支持https的接口，http的接口不支持

2.微信开发者工具只是做调试开发界面用，编辑代码还是在hbuilderx中，因为开发者工具里面的代码是压缩编译过的