快捷搜索:  汽车  科技

ios软件开发证(iOS开发之Kraken北海)

ios软件开发证(iOS开发之Kraken北海)Flutter.frameworkFlutter 中文文档 - Flutter 中文资源 | 将 Flutter module 集成到 iOS 项目大部分情况下,我们没有精力来重新开发,希望在现有项目上加入混合开发模式,所以现在着重说一说如何向现有原生项目添加Kraken支持。新建kraken和flutter项目的教程很多,查看官网文档即可。使用Kreken需要引入的库包含对Flutter的支持库和Kreken的库,可直接引入工程或者用Pod进行库管理,建议使用Pod管理方便后续多个项目使用。具体方法可参考文章:

此文章用于记录Kraken开发过程,所以适合有iOS原生开发经验和hybrid开发经验的朋友。

随着Flutter开发的热门,弊端也凸显,大家希望用更简单和更轻量的方式来进行开发,最好能用flutter渲染,用js开发,于是出现了tresh和kraken等。

对thresh感兴趣的可查看:「链接」

由于前期使用了Weex,而Kraken有很多相似之处,所以我们这次选择了Kraken。

大部分情况下,我们没有精力来重新开发,希望在现有项目上加入混合开发模式,所以现在着重说一说如何向现有原生项目添加Kraken支持。新建kraken和flutter项目的教程很多,查看官网文档即可。

使用Kreken需要引入的库包含对Flutter的支持库和Kreken的库,可直接引入工程或者用Pod进行库管理,建议使用Pod管理方便后续多个项目使用。

具体方法可参考文章:

Flutter 中文文档 - Flutter 中文资源 | 将 Flutter module 集成到 iOS 项目

一.需要添加Flutter支持的库

Flutter.framework

App.framework

FlutterPluginRegistrant.framework

二.添加Kreken相关库

kraken.framework

connectivity.framework

device_info.framework

kraken_bridge.framework

Reachability.framework

shared_preferences.framework

vibration.framework

将要遇到的问题是,从Flutter和Kraken官网拿到的是xcframework,可使用如下命令在framework同一级目录将xcframework转换成兼容模拟器和真机的framework:

framework_name=【framework名】 && \ release_sim_framework=./$framework_name.xcframework/ios-x86_64-simulator/$framework_name.framework && \ release_sim_lib=$release_sim_framework/$framework_name && \ release_os_framework=./$framework_name.xcframework/ios-arm64_armv7/$framework_name.framework && \ release_os_lib=$release_os_framework/$framework_name && \ # lipo -remove arm64 $release_sim_lib -o $release_sim_lib && \ lipo -create -output $framework_name $release_sim_lib $release_os_lib && \ cp -R $release_os_framework ./$framework_name.framework && \ rm -rf ./$framework_name.framework/$framework_name && \ mv $framework_name ./$framework_name.framework/$framework_name && \ rm -rf $framework_name

在Podfile中加入引用:

inhibit_all_warnings! platform :ios '9.0' target 'Kraken_Example' do pod 'libKraken' :path => '/Users/xxx/libKraken' end


build能顺利通过,则此时原生引用已经告一段落。

Kraken支持Vue/React/Rax,对于前端和App开发人员来说是一种福利,三种开发者的创建方法见官网:

「链接」

编译Kraken

在Kraken根目录下执行yarn build或者npm run build后,在dist目录下会生成一个app.js文件:

ios软件开发证(iOS开发之Kraken北海)(1)

此时Kraken项目创建也成果告一段落,篇幅问题,如何使用js文件将在下一篇文章中继续。

猜您喜欢: