uniapp真机调试详解

一、环境准备

在正式开始uniapp真机调试之前，我们需要做好一些环境准备。首先，确保你的开发环境已经安装好了uni-app命令行工具。如果没有安装，可以通过以下命令进行安装：

npm install -g uni-cli

其次，需要确保你的真机设备和电脑处于同一个局域网内，并且你的电脑可以访问到真机设备。可以通过打开浏览器输入设备IP地址进行测试。

二、启用调试功能

uniapp默认是关闭了调试功能的，需要手动开启。在开发调试过程中，你需要在uniapp的manifest.json文件中设置“debug:true”属性，如下所示：

{
  "debug": true,
  "pages":[
    //...
  ]
}

注意，在发布正式版时，一定要将“debug:true”设置为“debug:false”，否则会出现安全问题。

三、USB调试

使用USB连接手机实现调试，需要手机支持USB调试功能。如果你的手机系统是Android，可以在开发者选项中找到该选项进行打开。连接好USB后，执行以下命令进行编译：

npm run dev:app-plus

在编译成功后，即可将应用安装到手机上，并打开应用，然后在浏览器中输入“chrome://inspect/#devices”，选择对应的应用，点击“inspect”按钮即可进行调试。

四、WiFi调试

如果不想使用USB线进行调试，可以选择使用WiFi来实现。首先需要在manifest.json文件中配置“debug”:true，并运行以下命令进行编译：

npm run dev:app-plus-h5 --port=端口号

然后浏览器中输入“localhost:端口号/debug.html”进入调试界面，选择“debug一机调试”，输入手机IP地址，点击“连接”按钮即可进行调试。需要注意的是，在手机上需要同时打开该应用，并保证处于同一个局域网内。

五、小程序调试

uniapp支持将应用编译成小程序，进行调试也非常简单。首先需要在微信开发者工具中进行设置，勾选“空安全域名”，并输入uniapp的调试地址，如下所示：

https://localhost:端口号

然后在uniapp的项目根目录中运行以下命令：

npm run dev:mp-weixin

接着在微信开发者工具中导入该小程序，即可在开发者工具中进行调试。

六、总结

通过本文的介绍，你已经学会了使用USB、WiFi和小程序等多种方式进行uniapp真机调试。通过这些方法，可以方便地进行调试工作，提高开发效率。