uni-app真机预览调试:关于ios系统真机调试的操作步骤

这篇具有很好参考价值的文章主要介绍了uni-app真机预览调试:关于ios系统真机调试的操作步骤。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

介绍:

因手机差异较大,HBuilder并没有提供App的模拟器。不管uni-app或5+App/wap2app项目,都需要连接真实的手机或手机模拟器来运行测试,称之为“真机运行”。

iOS平台

HBuilder支持itunes协议,在HBuilder运行的电脑上,使用usb线连接iPhone或iPad;如果是mac电脑,则可以连接XCode自带的iOS模拟器。如果是arm架构cpu,还可以直接启动真机运行基座。
真机运行的目的,是为了实现代码修改的热刷新,避免打包才能看到效果。在HBuilder中编辑代码,在手机上实时看到修改效果,并且可以在HBuilder控制台看到日志。

运行入口:

在HBuilder顶部运行菜单工具栏点击运行按钮

uni-app真机预览调试:关于ios系统真机调试的操作步骤

这里我们主要来说说关于ios设备的真机运行的操作步骤:

mac需HBuilderX 3.6.9+
win需HBuilderX 3.6.20+

因苹果公司禁止企业证书用于非企业内部开发者。所以开发者无法再使用DCloud的企业证书签名的标准运行基座。

运行标准基座到iOS真机设备前,需要使用开发者的证书对基座签名后才能运行。(运行到xcode模拟器不受限制)

注意:HBuilderX每次升级,因为标准基座更新,都需要重新对iOS标准基座进行签名。
第一步:

1、确保usb线的连接通畅(有些数据线质量不佳,需使用高电压usb端口,如果无法识别时候请尝试更换数据线)
2、如果windows电脑连接iOS设备需电脑安装爱思助手软件
3、手机连接电脑后,确保在手机上弹出的“要信任此电脑吗?”提示框中点了“信任”按钮
4、这时候我们我们在爱思助手就可以看到我们的设备信息

第二步:

我们找到在上方工具箱选项,找到IPA签名选项打开,此时我们就可以看到弹出的选项,我们点击添加IPA文件
uni-app真机预览调试:关于ios系统真机调试的操作步骤
接下来会我们导入iOS标准基座路径:HBuilderX安装目录\plugins\launcher\base\iPhone_base.ipa
uni-app真机预览调试:关于ios系统真机调试的操作步骤

注意:因为我们是个人开发进行真机调试,是没有证书,我们选择使用Apple ID签名来进行签名

uni-app真机预览调试:关于ios系统真机调试的操作步骤

第三步:
注意:因为我们大部分ios系统手机使用的是手机号登录的,本人测试是有些问题的,建议我们去苹果官方开发中心去注册一个开发者账号ID 官方开发中心地址 https://developer.apple.com/
切记:一定使用邮箱注册 填写自己的邮箱

uni-app真机预览调试:关于ios系统真机调试的操作步骤

第四步:
注册完了之后我们需要在自己的ios设备上登录上我们申请的开发者账号 切记:是我们刚刚用邮箱申请的开发者账号
第五步:
注意:我们有的设备iOS系统版本会在16.0以上或是以下 在16.0的版本设备上 我们需要打开设置>隐私与安全>开发者模式 我们将这个选项打开

uni-app真机预览调试:关于ios系统真机调试的操作步骤
uni-app真机预览调试:关于ios系统真机调试的操作步骤

注意:如果是16.0以下的版本 我们是找不到开发者选项,可以不用打开这个选项 我们接着步骤往下走
第六步:

我们再次回到我们的爱思助手的IPA签名填写我们刚申请的开发者账号ID
当我们添加完之后就可以点击开始签名按钮 这个时候需等待签名完成

uni-app真机预览调试:关于ios系统真机调试的操作步骤

这个时候我们已经签名成功,并且可以我们可以打开已签名IPA的存放位置
uni-app真机预览调试:关于ios系统真机调试的操作步骤

第七步:

这个时候我们打开已签名IPA的文件夹可以看到如下文件

uni-app真机预览调试:关于ios系统真机调试的操作步骤

找到签名后的ipa文件,并命名为iPhone_base_signed.ipa,然后将其拷贝到HBuilderX安装目录\plugins\launcher\base

uni-app真机预览调试:关于ios系统真机调试的操作步骤

第八步:

上述操作完成后,打开HBuilderX,选择要运行的项目,点击工具栏运行图标,选择【运行到iOS
App基座】,如下图所示,即可运行标准基座到iOS真机了。

uni-app真机预览调试:关于ios系统真机调试的操作步骤

如下图所示,我们找到自己的设备 选择标准基座运行 并且软件的唯一标识BundleID可以显示出来 这个时候我们就可以点击运行等待编译安装手机端HBuilder调试基座

uni-app真机预览调试:关于ios系统真机调试的操作步骤

如显示下图表示安装成功

uni-app真机预览调试:关于ios系统真机调试的操作步骤

第九步:

这个时候我们回到我们的手机设备上,可以看到我们的手机设备上安装上了我们的调试APP 我们点开它会出现一个弹框

uni-app真机预览调试:关于ios系统真机调试的操作步骤

这个时候在我们的设备上找到设置>通用>vpn与设备管理这个选项,可以看到我们的开发者APP当前是不受信任的 我们只需点开,信任当前开发APP就可以了

uni-app真机预览调试:关于ios系统真机调试的操作步骤
uni-app真机预览调试:关于ios系统真机调试的操作步骤

最后我们试着再去打开这个APP,就可以发现我们已经可以进行iOS真机预览了
当我们修改代码的时候app会进行实时刷新的 以便我们开发时候真机调试效果,可以更还原于真实手机app效果

uni-app真机预览调试:关于ios系统真机调试的操作步骤

总结:

目前只是用于测试,后续有别的方法进行真机调试会进行更新文章来源地址https://www.toymoban.com/news/detail-422933.html

到了这里,关于uni-app真机预览调试:关于ios系统真机调试的操作步骤的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 关于uni-app中富文本展示,并可预览图片的实现

    这是一片记录 自己挖坑还有填坑 的过程 事情是这样的,我用uni-app框架编写了一个项目,里面有个功能是通过接口传过来的数据,展示页面,(富文本展示),一开始我是使用了uni-app自带的 rich-text 组件,但是项目上线测试时,没有 图片预览功能 ,所以我更换组件,使用

    2024年02月09日
    浏览(37)
  • 关于荣耀手机在HBuilderX中运行uni-app真机测试检测不到设备的解决方案

    本人使用的荣耀手机,安卓11,一开始不管是下载荣耀手机助手还是360手机助手都是检测不到手机设备或者能检测到,但是启动真机调试就会断掉。 解决方案: 1.手机具有开启开发人员选项 2.数据线连接电脑,之后选择 传输文件 3.在开发人员选项中点击USB调试  4.最重要的荣耀

    2024年02月16日
    浏览(61)
  • 关于uni-app 外部系统联登遇到的坑

    由于鄙人用了uni-app的即时通讯,所以用户体系必须同步uni-app那边的。这些操作也必须由自己的服务器来完成,所以需要把uni-app那边的接口进行url化。 uni-app的文档地址:云对象(uni-id-co) | uniCloud 所用的接口为 POST /your-uni-id-co-path/externalRegister POST /your-uni-id-co-path/externalLogi

    2024年03月28日
    浏览(40)
  • IOS真机调试uni.scanCode调用报错,黑屏

    ios调用uni.scanCode报错,真机测试黑屏。 解决 : 1,升级HBuilder到最新版本。 2,在manifest.json文件添加了对应的模块权限配置(Barcode(扫码)和CameraGallery相机和相册)。 3,勾选app对应权限配置。 4, 删除就自定义基座 ,重新配置自定义基座或者使用标准基座运行。

    2024年02月15日
    浏览(44)
  • 解决uni-app uniCloud小程序预览没有数据

    例如:最近小程序的项目是用uni-app写的,项目用uniCloud作为后端,原本以为unicloud跟微信小程序云开发差不多,但是预览到手机的时候没有数据了…… unicloud作为后端,手机预览没有数据,通过查阅文献和网搜,进行了一系列的排查。 跟以往的微信云开发不同,unicloud作为后

    2024年02月09日
    浏览(41)
  • uni-app之微信小程序实现‘下载+保存至本地+预览’功能

    目录 一、H5如何实现下载功能 二、微信小程序实现下载资源功能方面与H5有很大的不同 三、 微信小程序实现文件(doc,pdf等格式,非图片)下载(下载-保存-预览)功能 四、图片预览、保存、转发、收藏:uni.previewImage() 五、 我当前遇到‘关于文件预览uni.openDocument()’API的问

    2024年02月15日
    浏览(52)
  • uni-app 轮播图视频+图片 视频图片全屏预览 两种方法

    在做商城项目的时候,商品详情的轮播图需要同时显示视频和图片,并且能够全局预览 如果项目里有uview这个组件库,可以通过swiper轮播图的指定类型进行解决,点击这里进行跳转 也可以通过uni-app自带的swiper去解决这个问题,点击这里进行跳转 就目前的两种方案,第二种方

    2024年02月12日
    浏览(91)
  • uni-app打包ios的步骤

    注意:下面的操作必须同时满足三个条件,且这三个条件都是必须得: 1.有一个苹果开发者账号(要收费) 2.有一台苹果笔记本(在笔记本上生成证书和文件) 3.有一部苹果手机(用于测试app的功能) 使用uniapp发布ios的应用的步骤如下: 点击发行——原生app——云打包 出现页面如下

    2024年02月09日
    浏览(52)
  • uni-app如何区分 app、h5、小程序代码; uni-app如何判断是android、ios、小程序

    uniapp是DCloud公司于2012年开始研发的能够一次代码开发,生成H5、小程序(微信、支付宝、百度、华为等)、APP等应用的技术的统称,开发工具是HBuilderX,功能非常强大,由此引申出许多技术社区与生态环境。 使用HBuilderX开发Uniapp程序的项目,用它生成多端应用,由于兼容各种

    2024年02月11日
    浏览(48)
  • uni-app:如何实现安卓设备的无线调试

    在前端开发中,与安卓设备进行调试是一个常见的任务。通常,我们使用ADB(Android Debug Bridge)通过USB连接来进行调试。然而,有时候我们可能需要无线进行调试,这样可以提供更大的灵活性和便利性。在本文中,我们将介绍如何使用uni-app框架和ADB来实现安卓设备的无线调试

    2024年02月01日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包