uniapp ios app离线打包

这篇具有很好参考价值的文章主要介绍了uniapp ios app离线打包。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

进行UniApp 离线打包之前, 建议先认真阅读一遍官方的开发文档。真正阅读过了,可以少踩很多坑。本文介绍离线打包前的准备及iOS工程的一些配置和需要注意的事项。

官方文档:
App离线打包
iOS插件开发教程
iOS原生工程配置

首先,需要去UniApp官网创建一个开发者账号
注册开发者
登录开发者中心

账号创建成功后就可以去开发者中心创建应用了。

App的创建

uniapp ios app离线打包
在开发者中心, 点击 “应用管理-> 我创建的应用” , 显示已创建的应用列表
uniapp ios app离线打包

点击 “创建应用” 按钮后,会弹出创建新应用的对话框。
uniapp ios app离线打包
选择应用类型 “uni-app”, 输入 “应用名称”, 点“确认”按钮 完成应用的创建。

应用创建成功后会生成一个App id, 是这个应用的唯一标识。后面会讲到在iOS工程中配置这个App id
uniapp ios app离线打包
点击“编辑” 按钮可以修改 “应用名称”。 点击“删除”按钮可以删除应用,但需要符合删除条件才可以
uniapp ios app离线打包

AppKey的生成

通过上面的操作,我们已经创建好应用了。 UniApp的插件开发除了需要上面创建应用生成的“App id” 外,还需要App key。 接下来讲一下App key的生成步骤:
uniapp ios app离线打包
在应用列表中 点击“rz-testmodule” 的应用名称 ,进入二级管理页面。
uniapp ios app离线打包
左侧菜单栏选择 “离线打包Key管理” , 右侧配置信息中 选择平台:“iOS” , iOS BundleId : 苹果开发者中心创建的应用的 bundle id . 点击“保存” 按钮。
uniapp ios app离线打包
箭头指向的位置就是生成的 “App key

AppId 的配置

打开 Xcode 工程目录下的control.xml文件,修改appid值:
uniapp ios app离线打包

appid:值为HBuilderX应用的appid,control.xml 中的appid 值必须与5+应用manifest.json中的id字段值(uni-app项目为manifest.json中的appid字段值)完全一致;

AppKey的配置

在iOS工程中打开info.plist,创建key为dcloud_appkey,Value选择String类型,内容为申请的AppKey如下:
uniapp ios app离线打包

参考

Appkey申请

更多

更多有关uniapp ios 插件开发的相关内容可参考专栏:《uniapp ios原生插件与混合开发教程》文章来源地址https://www.toymoban.com/news/detail-417526.html

到了这里,关于uniapp ios app离线打包的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp离线打包具体步骤

    本文记住了关于uniapp离线打包的步骤,希望对大家有所帮助。 需要准备: 1、HBuilder X 2、Android Studio(下载地址:Android Studio官网 OR Android Studio中文社区) 3、App离线SDK下载:最新android平台SDK下载 一:将下载的App离线SDK解压打开,找到HBuilder-Integrate-AS 这个文件夹,在Android

    2023年04月14日
    浏览(40)
  • uniapp离线打包(使用Android studio打包)

    安装HbuilderX,记住版本号 下载对应HbuilderX版本的Android离线SDK,如我使用3.6.18版本打包,则对应应下载3.6.18版本的SDK(官网不提供旧版本的SDK,有些需要自己找)官网下载地址:https://nativesupport.dcloud.net.cn/AppDocs/download/android.html 安装Android Studio 1.使用HbuilderX生成本地打包App字段

    2024年03月12日
    浏览(48)
  • uniapp安卓离线打包步骤

    1、Android 离线SDK 的下载 Android 离线SDK - 正式版 (注:HBuilderX的使用版本要与下载的sdk版本一致) 2、下载 Android Studio Android Studio 下载文件(注:版本最好在4.0以上) 3、准备安卓签名证书文件,一般公司会提供,没有的话过程如下: 第一种:自己手动生成 第二种:Dcloud开发

    2024年02月07日
    浏览(54)
  • uniapp云打包成app后,在Android12手机上横屏样式未填满手机界面;在ios手机上横屏不生效;问题解决

    问题1:横屏在本地调试时是好的,云打包后在Android12上横屏样式宽度就只生效了一半。 解决:在onLoad中,定时500ms后再进行横屏操作(200ms不生效) 问题2:云打包后在ios中横屏不生效。 解决:在manifest.json文件中的app-plus下、app-plus中的distribute下都添加横竖屏设置代码,之前

    2024年02月12日
    浏览(56)
  • uniapp使用Android Studio离线打包

    Android Studio: 下载地址 APP离线SDK下载: 下载地址; 目前我使用得是“Android-SDK@3.8.7.81902_20230704”;需要与hbuider版本配套使用。 Appkey: 参考我 以上三步准备好后,进行接下来的不住: 导入APP离线SDK到 Android Studio 配置Appkey 打开Androidmanifest.xml, 导航到Application节点,创建meta-d

    2024年02月01日
    浏览(49)
  • 【移动端应用开发】 以 uniapp 打包成 APP 或小程序后或 H5 后 IOS(iphoneX 机型)底部安全区域适配(避开底部黑条虚拟键)

    一、前言 在使用 uniapp 进行应用开发时,可能会遇到应用在 iPhone X 等带有底部安全区域的机型上显示不正常的问题。这是因为 iPhone X 及之后的机型采用了全面屏设计,屏幕底部有一个黑色的虚拟键区域,俗称\\\"刘海\\\"或\\\"黑条\\\"。为了避免应用内容被底部安全区域遮挡,需要进行

    2024年02月19日
    浏览(70)
  • uniapp离线打包apk - Android Studio

    ​下载 Android Studio 版本最好 4.0以上 ​下载 HBuilder X ​下载 Android离线SDK 注意:HBuilder X 和 离线SDK 版本必须一致(我的版本 3.6.2) Android SDK解压后目录: ​​​​ 以上步骤完成后,在工具栏找到Build,选中Generate Signed Bundle/APK… 在key store password 和 key password中输入密码 ****** (两

    2024年02月10日
    浏览(52)
  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月05日
    浏览(92)
  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2023年04月15日
    浏览(76)
  • WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月11日
    浏览(69)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包