uniapp如何在真机、手机模拟器、微信开发者工具中运行调试 您所在的位置:网站首页 第一财经怎么在手机上看 uniapp如何在真机、手机模拟器、微信开发者工具中运行调试

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

2023-08-14 18:02| 来源: 网络整理| 查看: 265

在之前先讲下一个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中,因为开发者工具里面的代码是压缩编译过的



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有