uni-app xcode 制作iOS原生插件

官方原生插件教程:

https://nativesupport.dcloud.net.cn/NativePlugin/course/ios.html#导入-uni-app-资源

官方离线SDK,包括插件demo

https://nativesupport.dcloud.net.cn/AppDocs/download/ios.html

官方uni原生插件包格式说明

https://nativesupport.dcloud.net.cn/NativePlugin/course/package.html

1、最好在官方提供的HBuilder-uniPluginDemo demo基础上自己创建iOS framework,这样免去很多xcode运行配置,其他文章也提到了用cocoapod方式,cocoapod方式不建议使用,很多错误无法定位,配置也很容易出错

2、iOS如果自定义的framework中用到了第三方sdk,需要将第三方sdk打包成framework,将第三方framework添加到自定义的framework中,一起编译,builde出来的.a或者.framework文件提供给uni-app使用,同时将引用的第三方framework放到uni-app项目 nativeplugins 目录下,具体的nativeplugins文件配置可以看官方文档;

3、遇到的几个uni-app引用插件包的问题:

module类型的插件文件,可以在uni-app任何位置和页面使用

component类型的组件:

1、只能在nvue中使用,不能在vue中使用,在vue中使用会无效

2、iOS传递事件名称和前端监听事件的名称都用小写字母

3、iOS传递给前端的事件是驼峰命名,vue3会将组件驼峰命名事件转化成'-'连接,例如将onEvent转化成on-event,防止其他情况转化,统一用小写字母命名

4、iOS所有组件的事件函数名称命名都是adevent,前端本地事件接收函数可以是其他的命名,例如:onRewardedAdEvent、onBannerAdEvent

如果在vue2版本中运行项目没有任何问题,在vue3中运行会提示下面这样的警告,如果不影响正常组件的展示和方法事件的调用,就不用处理:

Vue warn: Failed to resolve component: xh-mercad

11:58:16.704 If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

11:58:16.704 at <Index __pageId=1 __pagePath="pages/adtest/index" __pageQuery= {} >

相关推荐
qq_316837758 小时前
阿里云百炼 fun-asr-realtime uniapp vue3 调用
javascript·vue.js·uni-app
特创数字科技14 小时前
uniapp 图片全能处理|全平台支持(鸿蒙、安卓、苹果、web),实现九宫格、水印、滤镜、压缩、拼图
uni-app
2501_9160074715 小时前
苹果应用商店App Store上架费用标准及原因解析
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张1 天前
苹果App Store上架指南:费用、原理与步骤详解
android·ios·小程序·https·uni-app·iphone·webview
特创数字科技2 天前
【uni-app x】告别系统相机限制!三端通用自定义相机组件:任意布局、静默拍照、录像、水印叠加、连拍回图一次搞定
前端·数码相机·uni-app
Martin -Tang2 天前
uniapp app嵌套webview 弹窗方式
android·ios·uni-app
郑州光合科技余经理2 天前
同城电商系统:库存变更怎么同步到订单
java·开发语言·前端·后端·uni-app·php·ai编程
CHB3 天前
一文讲透原生渲染和自渲染
flutter·react native·uni-app
码兄科技9 天前
24小时自助健身房系统软件开发实战指南:功能设计与部署方案
java·spring boot·uni-app
2501_916007479 天前
苹果商店iOS应用上架费用全面解析:开发者计划与审核费用计算
android·ios·小程序·https·uni-app·iphone·webview