Uniapp真机调试：手机端访问电脑端的后端接口解决

最新推荐文章于 2024-04-08 09:47:02 发布
最新推荐文章于 2024-04-08 09:47:02 发布
阅读量2.9k 收藏 20
点赞数 17
文章标签： uni-app 手机访问电脑的后端项目 uniapp真机调试 内网互通 spring boot hbuildx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45659753/article/details/136082099
版权

Uniapp真机调试：手机端访问电脑端的后端接口解决

1、前置操作

  • HBuilderX -> 运行 -> 运行到手机或模拟器 -> 运行到Android App基座
    • 少了什么根据提示点击下载即可
  • 使用数据线连接手机和电脑
    • 手机端：打开开发者模式 -> USB调试打开
    • 手机端：有个弹窗显示是否允许调试，点击是即可
  • HBuilderX -> 运行 -> 运行到手机或模拟器 -> 运行到Android App基座 -> 点击刷新 -> 选择手机即可
    在这里插入图片描述

2、手机电脑内网互通

  • 关闭电脑防火墙，全关
  • 手机和电脑练到同一个网络/WIFI，需要属于一个网段，查看网络ip前三组相同即可
  • 电脑打开命令行 -> ipconfig查看网络 -> 查看连接WIFI网卡的IPV4地址 -> 复制到前端和后端的地址进行更改
    • 格式：如命令行显示192.168.202.13
    • 前端：http://192.168.202.13:port（后端的端口）
    • 后端：application.yml，修改address：192.168.202.13
  • 重新启动项目、重新调试即可

电脑连接wifi的IPV4：192.168.202.60
在这里插入图片描述
手机连接wifi的IPV4：192.168.202.13
在这里插入图片描述

电脑WIFI网卡IPV4：192.168.202.60
在这里插入图片描述
前端和后端的ip设置：设置为本机wifi网卡的IPV4
在这里插入图片描述
在这里插入图片描述
效果图：手机端192.168.202.13访问电脑的192.168.202.60:8099
在这里插入图片描述

redvelet
关注
  • 17
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
uniapp+springBoot 真机调试时有关后端的功能都不能运行？
m0_69163150的博客
11-19 55
最近在做一个项目，前端是vue，用的是HBuilder。后端用的是idea，数据库是MySQL。在电脑上运行时有关后端的功能，都可以实现。但是HBuilder中进行真机运行时，有关后端的功能都不能用了，包括登陆界面。是不是因为在手机上没有办法访问后端啊?url:"http://127.0.0.1:8080/api/students/login"，这个是在前端访问后端的方法。
uniapp-backend：UNI App后端
02-09
uniapp后端 UNI App后端 带有db SQLLite的Rails API 5.2 克隆仓库 转到根文件夹 跑： bundle install rake db:migrate 运行种子： rake db:drop db:create db:migrate rails db:seed
uniapp项目问题及解决（前后端互联）
最新发布
liu62615的博客
04-08 1155
写表单的时候光注意样式了，复制的人家的源码，觉得上面的东西太多了，我就都删了，最后效果也能实现，但是没有检验了，后面能调用接口了，发现越来越别扭，因为没有校验，所以写啥都能过，果然不能省事，所以后面我还得再补，有点难受了，后面还得写reuls，还由页面结构也得在补包裹的对象。这次写的时候，调用总宁的接口，能调用上去，但是这边一直一直传数据传不过去，最后问了学长，是自己配代理服务器的时候用的两个的端口都用的同一个，导致出的问题，和后端连接我这边出了不少问题，一直有问题，一直改，还是太菜了。
Uniapp 运行到 Android 真机或模拟器
卡尔特斯
01-03 5304
如果没有安卓基座插件，这行会显示安卓基础插件，点击安装后，就能出现。，如果没有安卓基座插件，这行会显示安卓基础插件，点击安装后，就能出现。，各个品牌打开开发者模式方式不一样，可自行百度即可，一般是在。，随便建一个空项目，打开后，点击右上角工具栏中的模拟器图标。创建项目后，数据线连接电脑和手机，在弹出的窗口中选择。注意在创建模拟器选择镜像的时候，需要看下当前设备的。次，输入手机密码，就会进入了开发者模式。开启开发者模式后，在设置中找到。开发工具，点击菜单栏的。开发工具，点击菜单栏的。
uniapp项目运行在安卓模拟器上的配置
weixin_42332641的博客
04-29 3587
最近研究了uniapp，在网上找个配置安卓端的方法，记录下来。 一：首先要下载一个mumu模拟器 官网下载地址：(https://mumu.163.com/) 下载完成后，直接安装下一步就OK，不需要其他的操作，下载完成就是这个图标。 二：然后打开HBuilderX配置 运行----->运行到手机或者模拟器-配置端口7555，配置adb路径，如图所示 配置成功之后就可以运行设置MuMu了。 ...
uniapp真机调试步骤
weixin_62462734的博客
04-06 6695
不同的地方是：如果插件下载完成之后，点击运行，没有出现与电脑相连的苹果手机设备，需要先下载一个iTunes软件。设备-->通用-->设备管理-->企业级应用-->选择信任。手机和电脑用数据线连接后，hbuilder菜单栏点击 运行-->运行到手机或模拟器-->下载真机运行插件，下载完成后，再点击运行，会出现连接的手机型号。选择手机，hbuilder会自动下载插件。插件下载完成后，再重新选择手机，此时手机上会下载一个hbuilder运行基座软件。手机上的软件下载完成后，进入软件就可以进行真机调试。
详解uni-app项目运行在安卓真机调试
weixin_42397937的博客
05-28 5717
UNI-APP学习系列之详解uni-app项目运行在安卓真机调试以上就是今天要讲的内容，本文介绍了UNI-APP学习系列之详解uni-app项目运行在安卓真机调试的全部内容，后续我会基于VSCode继续进行开发讲解UNI-APP框架，喜欢的请点击关注，UNI-APP框架使用教程将会持续更新下去。
uniapp app安卓系统真机调试
weixin_44694389的博客
04-25 6448
选择连接你手机的USB接口单击右键>属性>电源管理>取消允许计算关闭此设备以节省电源。选择浏览>找到你电脑上的adb.exe文件添加路径进来，选中真机运行时打开调试视图。（2）在uniapp上选择运行>运行到手机或模拟器>Android模拟器端口号设置。（3）如果尝试上面两个方法都不行，可以关闭uniapp，然后 断掉手机与点奥连接。（1）打开我的电脑。然后重新连接手机与电脑，再打开uniapp重新上面的第二步和第三步的步骤执行。2.找到手机设备，如 上面第三步一样，但是点击运行后同步资源失败。
使用HbuilderX进行uniapp的真机调试
F2691898750的博客
01-26 5137
uniapp真机调试连接不上/连接上后电脑没反应HbuilderX显示“找不到设备”无限加载/不停的转圈/正在获取设备列表手机上显示无法连接到服务器（failed to connect to ……）
uni-App真机调试（平台配置真机调试）
qq_52151772的博客
01-05 7289
uni-app 项目配置 平台配置 HBuider建议下载 下载好之后点击工具 --> 设置 --> 运行配置 这个路径就是我们微信开发者工作的目录一般不需要我们自己填，只有运行不起来微信开发者工具时使用 配置好这些就可以点击运行了（包括下面这个微信的端口号开启） 微信小程序 打开微信小程序 点击设置 -> 安全设置 -> 保证服务器端口是开启的 app真机、模拟器 连接安卓设备 —> 首先确保我们电脑和手机通过数据线连接起来
BluetoothPrinter-master_蓝牙打印_uniapp_uniapp真机logo_uniapp蓝牙打印_unia
09-11
uniapp连接蓝牙打印机打印，可以生成微信小程序、app等，只测试过微信小程序，可以打印，其它的平台自己去测试
nakayosi-backend:基于NodeJS的nakayosi-uniapp后端项目
03-21
nakayosi后端我的智能手机应用程序“ nakayosi-uniapp”的后端服务器。它基于Koa2（NodeJS服务器框架）。 ElasticSearch的数据结构已连接初始化命令： curl -X PUT ...
uniapp-tools:uniapp工具类
05-10
uniapp-tools (停止维护) uniapp工具类
前端：Uniapp 开发 后端：JAVA 数据库：MySQL 源码类型：WinForm 后台管理功能：
04-15
前端：Uniapp 开发 后端：JAVA 数据库：MySQL 源码类型：WinForm 后台管理功能：
uni-app真机预览调试：关于ios系统真机调试的操作步骤
热门推荐
m0_66504310的博客
03-29 1万+
ios系统真机调试的操作过程
uniapp开发App从开发到上架全过程(二)-真机调试
JiayaoXu的博客
12-28 4441
使用uniapp开发进行安卓和苹果两端真机调试的全步骤
uniapp如何进行真机调试（荣耀手机）
qq_37455326的博客
01-25 946
第一步是打开手机开发者选项，默认没有这个按钮，在设置里面找到关于手机然后点7次版本号，会让输入密码，然后就打开了开发者选项，然后打开调试功能，在ADB模式下运行ADB调试这个按钮也要打开。然后是第三步，电脑上下载一个荣耀手机助手，然后授权，一步步的去做就可以了，这样手机和电脑就连接起来了。在csdn 中搜索 ADB安装及使用详解 按照其步骤做就好了。然后是第二步，在电脑上下载安装配置好ADB。之后就可以正常使用了。
【Uniapp开发】APP的真机调试指南，从开发到上架全过程
不写代码没饭吃的博客
11-15 955
自定义基座是按照项目需求来打包一个实际的APP基座，将编写的页面在这个基座里进行呈现，从而可以使用到一些原生的功能。首先需要像打包正式APP一样打包一个自定义基座APP，这就需要使用到自有证书。拥有了安卓数字证书后，在Hbuilder中选择“运行-运行到手机或模拟器-制作自定义基座”打开打包APP界面。在界面中填写相应信息并选择使用自有证书，然后进行打包。整个打包过程在Dcloud的云服务器进行，只需要耐心等待即可。
uniapp 真机调试如何访问http
04-26
://localhost:8080？ 您可以通过以下步骤访问http://localhost:8080进行uniapp真机调试： 1. 确定您的电脑和手机都连接在同一个局域网内。 2. 在开发环境中，通过命令行运行 npm run dev 命令启动本地服务器。 3. 在电脑上打开 Chrome 浏览器，并输入 http://localhost:8080 进入应用程序。 4. 在手机上打开浏览器，并输入电脑的 IP 地址和端口号，例如：http://192.168.1.100:8080。 5. 如果您的手机和电脑在同一个 Wi-Fi 网络中，则手机应该能够加载应用程序，并运行 uniapp 真机调试。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

redvelet

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值