手机如何调试本地的uniapp项目开发

最新推荐文章于 2024-08-10 14:09:56 发布

YeJinYang

最新推荐文章于 2024-08-10 14:09:56 发布

阅读量470

点赞数

文章标签： uni-app 前端

本文链接：https://blog.csdn.net/YeJinYang/article/details/127069106

版权

说是uniapp，其实其他的vue和react都差不多，本质和uniapp没啥关系

1，先给项目绑定个域名，比如a.com

2，修改手机的host，a.com指向本地电脑的ip地址（cmd里输入ipconfig可查看）

3，苹果手机无法修改host（越狱的可以），所以需要再借助代理软件，我自己用的是charles

4，安装charles，手机挂上代理。百度有很多

5，在Tools的Map Remote Settings设置映射

6，手机访问a.com，就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YeJinYang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

后端程序员的 uni-app 教程

weixin_44062380的博客

11-06

1万+

文章目录一、前言二、课前准备三、小程序入门1、目录讲解2、生命周期3、微信小程序特性1）数据绑定2）条件判断3）列表渲染四、uni-app 核心知识点总览1、条件编译2、接口能力3、知识点小结五、开发环境搭建六、uni-ui七、uni 模板八、SASS1、基础使用2、统一变量3、同级表示九、FLEX 布局十、前后端打通十一、小结一、前言作为一个后端工程师，不会一点前端其实是很吃亏的，因为你写的项目无法对外展示那么，前端技术框架那么多，作为后端的我们该怎么选呢？这里，我极力推荐 uni-app 。un

移动端项目调试

liulina0228的博客

09-29

340

1.本地项目需要再手机上看效果手机和电脑联同一网段的wifi 获得自己电脑的无线局域网IP地址重新启动服务： ngserveAIFridge--host192.168.0.3--port4201 在手机浏览器中输入URL（localhost:192.168.0.3:3000）查看效果 2...

参与评论您还未登录，请先登录后发表或查看评论

uniapp ios 真机调试操作步骤

最新发布

weixin_46718285的博客

08-10

1687

因苹果公司禁止企业证书用于非企业内部开发者。所以开发者无法再使用DCloud的企业证书签名的标准运行基座。运行标准基座到iOS真机设备前，需要使用开发者的证书对基座签名后才能运行。（运行到xcode模拟器不受限制）注意：HBuilderX每次升级，因为标准基座更新，都需要重新对iOS标准基座进行签名。1、确保usb线的连接通畅（如果无法识别时候请尝试更换数据线）2、如果windows电脑连接iOS设备，电脑需要安装”爱思助手”软件3、手机连接电脑后，确保在手机上弹出的“要信任此电脑吗？

本地代码手机调试

spicyIsPleasant的博客

06-30

388

调试

uni-app项目以及将其运行到手机

weixin_42855400的博客

03-16

2254

1.首先在电脑上安装Total Contral 这个软件，然后通过它的提示会在手机上也安装此软件，当然前提是你得用数据线把手机连接在电脑上。 2.之后把uni-app项目选择运行到手机或模拟器这个选项，如果手机和电脑链接成功的话会出现你的手机提示的，然后经过一步步提示会通过电脑在手机上安装HbuilderX调试底座。 3.当一切看似都很成功，但是项目确无法运行的时候，重点来了原因是***网域***问题，必须把前后端的ip地址（有Ip地址的地方）都统一换为你当下电脑的ip地址（在cmd中通过ipconfi

手机跟本机调试

weixin_30787531的博客

04-04

125

一，原理　　将自己的电脑作为DNS服务器，手机设置DNS后，将域名解析到dns服务器设置的ip上。但前提要要保证手机与电脑之间是互通的，连接同一个wifi即可保证互通。二，使用软件　　dnschef:https://github.com/xfkxfk/dnschef 　　　　启动命令：　　　　dnschef.exe --fakedomains *.xxx.net...

uniapp项目连接手机调试

m0_71933813的博客

04-01

2600

一.修改手机选项 1.打开开发者模式在手机更多设置里的最下面找到“开发者选项”【若没有这个，则先在更多设置里找到“关于手机”——>“软件版本号”，连续点击“软件版本号”若干次】出现“您已处于开发者模式，无需进行此操作”就已经打开开发者模式 2.找到手机设置，选择其他设置 5.设置手机与电脑属于同一个网手机连接电脑热点，然后看到HBuilderX中“运行到手机或模拟器(N)”下显示有运行设备等字样，就说明成功了，就可以运行你的uni-app项目啦。电脑连接手机热点二.使用HBuilderX运

uniapp手机预览、真机调试项目

mu_Yunren的博客

11-09

2188

最近完成一个uniapp，在电脑上已经测试一遍了想要在手机上测试一下效果，因为是第一次用这个，搜了很多资料也不知道怎么搞。搞了一天成功了，把搜集到的汇总一下。 1.微信开发者工具登录微信开始写项目，没有想那么多，写完想在手机上看效果，网上说预览功能可以，但是预览和真机调试功能都是禁用的。 2.要用uniapp登陆的微信登录微信公众平台官网，会有一个AppID 3.把这个ID填入下面的APPID上注意微信开发工具登录的微信要和申请appid的微信是同一个！！ 4.填...

uniapp开发教程.docx

06-25

uniapp云开发

Liucaicaia的博客

12-05

727

uniapp云开发的基础使用

在uni-app中使用pdf.js实现在手机上打开pdf

11-04

最后，为了在手机上更好地适配PDF显示，你可能需要考虑调整页面的布局和样式，以及处理不同设备的屏幕尺寸差异。可以通过uni-app的CSS单位（如`rpx`）和响应式布局来适应不同屏幕大小。总之，在uni-app中使用PDF....

uniapp微信H5开发本地调试方案

逍遥的前端笔记

08-05

1158

痛点：1）原生的H5，并不能方便地提供类似扫一扫的功能2）原生H5的扫一扫也需要部署到httpsps：本文基于mac系统，windows用户可以根据思路来进行调整。

uni-app安卓应用打包并在手机上运行

weixin_45966674的博客

06-05

1634

uni-app安卓打包并在手机上运行

前端手机本地调试小技巧

qq_30916013的博客

06-05

3001

问题：pc调试手机页面经常出现一些问题，所以需要在手机上查看，更便于观察问题。准备工作：手机（与电脑在同一局域网下），编辑器（我用的Hbuilder，我测试了大多编辑器都有启动本地服务的功能），电脑（我的是windows，mac的请找自己ip的方式） 1.本地的项目，在chrome下查看 2.本地打开效果 3.打开自己的终端输入ipconfig 找到自己

Uni-app及相关服务器请求环境配置

代码青春

09-24

4731

"devServer" : { "port" : 80, "disableHostCheck" : true, "proxy" : { "/devapi" : { "target" : "https://hd.test.zhulihr.com", "changeOrigin" : true, ...

uni-App真机调试（平台配置真机调试）

qq_52151772的博客

01-05

7566

uni-app 项目配置平台配置 HBuider建议下载下载好之后点击工具 --> 设置 --> 运行配置这个路径就是我们微信开发者工作的目录一般不需要我们自己填，只有运行不起来微信开发者工具时使用配置好这些就可以点击运行了（包括下面这个微信的端口号开启）微信小程序打开微信小程序点击设置 -> 安全设置 -> 保证服务器端口是开启的 app真机、模拟器连接安卓设备 —> 首先确保我们电脑和手机通过数据线连接起来

uniapp使用本地原生插件及本地真机调试

xiejunna的博客

11-18

3028

uniapp使用本地原生插件及本地真机调试

uniapp学习笔记-跨域问题和真机调试的一些问题

pure81的博客

09-01

1239

uniapp遇到的一些问题

uniapp 微信开发工具上访问正常，真机调试一直跨域报错

weixin_44565776的博客

05-04

693

Accept-Ranges头部的作用就是告诉客户端，服务器是否支持这种“只请求部分资源”的操作。真机调试加上了这种限制。其主要作用：大文件的下载、流媒体的播放以及节省带宽和流量。

uniapp项目开发

07-27

下面是一些关于 UniApp 项目开发的常见问题和建议： 1. 如何创建一个 UniApp 项目？可以通过使用 Vue CLI 或者 HBuilderX 来创建一个 UniApp 项目。Vue CLI 是一个常用的 Vue.js 项目脚手架工具，可以通过它创建并...