Uniapp 运行到 iOS 真机或模拟器

这篇具有很好参考价值的文章主要介绍了Uniapp 运行到 iOS 真机或模拟器。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、运行到真机(推荐)

  • 手机连接到电脑,找到 HBuilderX 菜单栏中的 运行

    uniapp真机跑ios,UniApp,uni-app,ios

    打开后,两种运行方式都需要证书进行云打包安装,证书细节注意下:

    uniapp真机跑ios,UniApp,uni-app,ios

    uniapp真机跑ios,UniApp,uni-app,ios

    复制一下上面的 iPhone UDID,如果没有显示 UDID,可以通过 蒲公英、爱思助手Xcode 都可以看到。

    uniapp真机跑ios,UniApp,uni-app,ios

  • 复制的这个设备 UDID 需要到 Apple 开发者中心,设备管理 里面添加进去,注意这里登录的是苹果开发者账号,不然是没有这些配置选项的,可自行百度注册开发者,要钱的:

    uniapp真机跑ios,UniApp,uni-app,ios

    uniapp真机跑ios,UniApp,uni-app,ios

    然后就是正常 iOS 创建证书流程,需要通过 Bundle ID(例如:com.dzm.test)

    1、创建标识符(com.dzm.test)。

    2、添加测试设备(刚才拷贝的 UDID),如果是新增设备,需要重新更新或创建 profiles 配置文件添加上新的设备进去。

    3、创建测试证书(发布就正式证书),证书下载出来备用,推送证书也在这里面创建。

    4、创建 profiles 文件,勾选上 测试证书测试设备,然后下载这个 profiles 配置文件备用。

    uniapp真机跑ios,UniApp,uni-app,ios

    uniapp真机跑ios,UniApp,uni-app,ios

    5、uniapp 需要的 p12 证书,就是创建的第 3 步创建的 .cer 证书转换的,.cer 证书仅包含公钥, .p12 证书可能既包含公钥也包含私钥。

    .cerp12 有多种方式可以做到:

    方式一mac 电脑上将 .cer 进行安装,到钥匙串中找到证书并导出,双击安装证书到钥匙串中如果显示证书不收信任,可以到 Apple PKI 网站上,下载 G3 或 G4 证书安装即可解决,如果还是显示不受信任,可以删除安装的 .cer 证书重新安装进来。

    uniapp真机跑ios,UniApp,uni-app,ios

    uniapp真机跑ios,UniApp,uni-app,ios

    细节:钥匙串导出时无法选择 p12 证书方式导出,是因为进入的方式不对:

    uniapp真机跑ios,UniApp,uni-app,ios

    uniapp真机跑ios,UniApp,uni-app,ios

    方式二:通过命令行可以将 .cer 转成 p12 证书格式,下载安装好 OpenSSL,然后使用它执行命令进行转换:

    $ openssl pkcs12 -export -in certfile.cer -inkey privateKey.key -out certificate.p12
    

    其中 certfile.cer 代表刚创建的 .cer 证书文件,privateKey.key 代表私钥文件。certificate.p12 则是要生成的 P12 证书文件。执行命令后,系统将提示输入一个密码来保护 P12 证书。记住此密码,以后需要使用该密码来访问和使用 P12 证书。

  • 证书都有了之后,打开 HBuilderX,这里选 方式一 进行真机测试了:

    方式一:通过菜单中的运行 iOS App 基座,填入上面的证书信息,跟标识符后,会进行云打包安装到手机上。

    方式二:通过菜单中的发行,自定义基座,填的东西基本差不多,没啥区别,然后就可以在运行 iOS App 基座 选自动以基座了。

    uniapp真机跑ios,UniApp,uni-app,ios

  • 测试 APP 安装到手机成功后,点击打开提示需要在 开发者模式 才能使用。

    uniapp真机跑ios,UniApp,uni-app,ios

    找到 设置 -》隐私与安全性 -》开发者模式 -》启用开发者模式 然后会重启手机,重启后会提示输入密码启用开发者模式,然后就可以打开安装的 app 了。

    手机电脑连接好,修改代码支持热更新时时看到调整效果的。

二、运行到模拟器

  • 下载 Xcode,可以 App Store 下载、官方下载最新版本、官方下载其他版本。

  • 方式一: 打开 Xcode,左上角 Xcode -> Open Developer Tool -> Simulator,没有这个选项就按 方式二 步骤操作:

    uniapp真机跑ios,UniApp,uni-app,ios

    在打开的模拟器中,可以随时切换其他机型或版本:

    uniapp真机跑ios,UniApp,uni-app,ios

  • 方式二: 打开 Xcode 随便新建一个空项目:

    uniapp真机跑ios,UniApp,uni-app,ios

    uniapp真机跑ios,UniApp,uni-app,ios

    uniapp真机跑ios,UniApp,uni-app,ios

    进入项目后,选择想要启动的模拟器,点击启动,然后等待模拟器出来:

    uniapp真机跑ios,UniApp,uni-app,ios

    模拟器出来后,可以停止掉当前工程,并关闭掉,留下模拟器窗口:

    uniapp真机跑ios,UniApp,uni-app,ios

  • 模拟器启动后,可以打开 uniapp 项目,打开 cpu x86 的支持,然后运行到 iOS模拟器基座

    uniapp真机跑ios,UniApp,uni-app,ios

    uniapp真机跑ios,UniApp,uni-app,ios

    uniapp真机跑ios,UniApp,uni-app,ios文章来源地址https://www.toymoban.com/news/detail-828465.html

到了这里,关于Uniapp 运行到 iOS 真机或模拟器的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp 在 Android Studio 模拟器中运行项目

    在开发App时,无论是使用 Flutter 还是 React native,还是使用uni-app 开发跨端App时,总是需要运行调试。一般调试分为两种。 第一:真机调试 第二:模拟器调试   真机调试的好处是可以看到更好的效果, 缺点就是消耗手机的电池 ,作为独立的开发者,一般就会用模拟器。 第

    2024年02月07日
    浏览(48)
  • uniapp项目如何运行在微信小程序模拟器上

    在HbuilderX中的小程序写完后自己一定要保存,否则会出不来效果 那么怎么让uniapp项目运行在微信小程序开发工具中呢 1 在hbuilderx中点击运行到小程序模拟器 2 然后在项目目录中会生成一个文件夹 在微信小程序开发软件中的工具安全设置打开端口 或者在微信小程序中导入项目

    2024年02月13日
    浏览(41)
  • flutter版本升级后,解决真机和模拟器运行错误问题

    flutter从3.3.2升级到3.16.0,项目运行到真机和模拟器报同样的错,错误如下: 解决办法:在android目录下的build.gradle加入下面这行,如下图: 重新运行,正常把apk安装到真机上或者运行到模拟器上

    2024年01月22日
    浏览(53)
  • unity调试手机游戏(Android)【模拟器+真机】+设置运行时游戏横屏

    注:我使用的unity版本为2021.3.2f1c1 1、将平台调整为Android 点击“文件“ —— ”生成设置“ 在平台选择Android,点击右下方的切换平台 (如果没有下载Android平台包需要先下载,我的下载好后自动配置了SDK/JDK/NDK,在下载时可选。若没有选择下载SDK/NDK/JDK,需要自行配置) 检查

    2024年02月08日
    浏览(50)
  • iOS 16.4 之后真机与模拟器无法使用Safari调试H5页面问题

    背景 iOS 16.4之后用真机调试H5时候发现,Safari中开发模块下面无法调试页面 解决方案 在WKWebView中设置以下代码解决 然后再次调试就可以了

    2024年01月20日
    浏览(64)
  • uniapp项目从Hbuilder Vscode运行到小程序模拟器 微信开发者工具后没有反应,进不去!其实保姆级答案只需要三步

    先看问题如下图:uniapp项目从Hbuilder 或者Vscode点击运行到小程序模拟器 微信开发者工具后没有反应,进不去 只能在最外面如下图: 如何解决: 如果不知道如何查看自己的微信小程序AppID请看我的另一篇文章,下方是文章链接 如何查看自己的appid以及在微信开发者工具中查看

    2024年02月11日
    浏览(104)
  • uniapp 编译到模拟器(mumu)

    一开始我是用逍遥模拟器,但这个玩意突然不好使了,一直加载卡在这页面 官网下载:mumu模拟器12 工具—设置—运行配置 连接 测试 系统应用—设置—关于手机—连续点击版本号 注意:如果没有就刷新几下,还是不行就关闭软件在打开,再不行就重启电脑,

    2024年02月06日
    浏览(47)
  • (flutter)黑苹果系统 Xcode iOS flutter 跑通真机模拟器 此oc clover 彼oc swift

    前段时间写了关于flutter的一系列基础知识和入门的一些坑,中间把ios端的项目编译部署等工作一带而过,这里我觉得还是有必要专门写一篇文章来讲讲这个,顺便把环境问题也一起说了。 我们都知道开发ios应用需要用到苹果电脑,即使flutter也不例外,flutter编译构建需要Xc

    2024年02月07日
    浏览(57)
  • windows电脑安装 Android Studio 的时候提示“创建Android虚拟机或安装安卓模拟器失败”

      生命是黑暗的,除非有了激励;激励是盲目的,除非有了知识;知识是徒然的,除非有了工作;工作都是虚空的,除非是有了爱。   如果一定要说人生成功的标准是什么,我认为,那就是两个字,快乐。你能永远快乐,你的人生,就一定是最成功的人生。   变化多

    2024年02月15日
    浏览(53)
  • HBuilder开发uniapp添加android的模拟器的方法

    我们知道使用uniapp开发多端app非常方便,开发过程中的模拟器也可以提高我们测试代码的效率。但我们按uniapp官网的方法,上google的官网下载模拟器,往往非常不方便。 下面我们来看一下使用其他模拟器的方法。 我们知道android开发中,adb.exe程序用来链接手机和程序的工具。

    2024年02月16日
    浏览(53)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包