Finclip小程序转APP八步走!

Finclip是凡泰极客公司研发的一款在开发体验、学习门槛、应用场景、生态能力等方面都体现巨大优势的小程序容器。不论是移动APP,还是电脑、电视、车载主机等设备,在集成Finclip小程序SDK之后,都能快速获得运行小程序的能力。

Finclip提供了100%自主知识产权的小程序SDK和小程序管理后台,开发者可以将已有的小程序迁移部署在自有APP中,从而获得足够灵活的小程序开发与管理体验。

Finclip不仅兼容微信小程序语法,还提供了全套的小程序开发管理套件,开发者不需要学习新的语法和框架,使用Finclip IDE、小程序管理后台、小程序开发文档、Finclip APP就能低成本高质量地完成从开发测试,到预览部署的全部工作。

小程序转APP原理,实际上是将小程序离线包内置到FIDE生成的Android/IOS工程中,并且FIDE支持线上直接打包成APK或IPA。其中生成的Android/IOS工程默认是帮咱们集成了FinClip小程序容器SDK,并且默认在手机端打开APP应用时会默认打开API。

简单来说,其实是通过FIDE生成一个APP应用的”壳子“,在这个“壳子”里面打开已上架的小程序。Finclip小程序转APP,总共需要八步!

一、准备工作

打开FinClip官网,在开发者中心>资源下载中心,下载并安装FIDE。

Finclip

二、新增小程序

登录finclip官网,在小程序管理>我的小程序新增一个小程序。

Finclip

比如新增了一个小程序叫newapp3,那么名称写newapp3,分类、标签、简介写其他即可。

三、新增合作应用

应用管理>新增合作应用。

Finclip

给这个应用增加一个Bundle ID。

Finclip

在newapp3一栏点击关联小程序,找到刚刚新建的newapp3,新增关联。

Finclip

四、创建工程

回到桌面,在下载一栏,新增一个空文件夹,命名它为newapp3。打开IDE工具,项目目录选择刚刚创建的newapp3文件夹,APP ID选择newapp3,然后点击完成。

Finclip

之后,IDE会为我们创建默认的hello world代码。我们不妨以这个hello world作为我们生成app的示例。

当然,如果你已有小程序项目,直接使用IDE打开并选择后台对应的APP ID即可。

五、将小程序提交到云端

1、上传

Finclip

2、审核

回到finclip官网,在小程序管理>我的小程序找到newapp3>详情>审核版本>新增审核。

Finclip

勾选刚刚上传的首次发布版本,点下一步>下一步>提交。

Finclip

此时,该版本会进入审核的队列。

3、同意审核

我们回到小程序管理>小程序上架审核>详情一栏,点击同意即可同意此次审核。

Finclip

4、上架

在小程序管理>我的小程序找到newapp3>详情>审核版本>版本上架>确认上架。

Finclip

此时,hello world的代码就成功提交到云端拉。

六、进行APP相关配置

1、本地编译

若你有一定的开发基础,可以选择本地编译,相关配置项需要自行配置,可参考:https://www.finclip.com/mop/document/develop/developer/convert/local-configuration.html#_1-ios-%E5%B7%A5%E7%A8%8B%E9%85%8D%E7%BD%AE

点击IDE的菜单栏生成APP>下一步>本地编译>下一步>选择相应APP ID>下一步>确认配置APP信息>下一步>导出目录>完成>等待导出。

Finclip

生成成功就可以在目录下找到啦!

Finclip

2、云打包

此时你需要先进行生成APP相关配置。点击IDE的菜单栏生成APP>生成APP配置。

Finclip

(1)基础配置

填写应用名称/应用App版本号/应用build版本号。

Finclip

(2)图标配置

提供简单模式和定制模式。

Finclip

(3)启动闪屏配置

打开App时的加载的图片,上传iOS与Android平台中相应尺寸的图片即可。

Finclip

(4)URL Scheme配置

不同App间唤起的标识信息,可供您基于推送等渠道打开App。

Finclip

(5)权限配置

分为用户隐私协议配置(勾选后会在首次打开App时显示隐私配置,相应的配置需要去「管理后台-小程序详情-隐私设置」进行配置)与权限配置(当需要将App上架至应用商店时,需要先行配置其中的使用权限)。

Finclip

相关描述根据需要填写即可。

(6)第三方SDK配置

通过配置第三方SDK可以使App获取一些扩展能力,比如高德地图/微信登录等。

Finclip

需要获取相关配置信息并填写,第三方SDK配置详细步骤及其相关信息获取可以参考:https://www.finclip.com/mop/document/develop/developer/convert/extend-sdk-config.html#%E7%AC%AC%E4%B8%89%E6%96%B9-sdk-%E5%8F%82%E6%95%B0%E9%85%8D%E7%BD%AE

最后,点击保存即可。当然,有些配置是非必要的,可以根据个人情况按需填写。

七、准备证书

由于证书与BundleID之间是一一对应关系,因此需要上传所需的证书。

IOS生成证书:https://www.finclip.com/mop/document/develop/developer/convert/local-configuration.html#_1-2-%E9%85%8D%E7%BD%AE%E5%B7%A5%E7%A8%8B

Android生成证书:https://www.finclip.com/mop/document/develop/developer/convert/local-configuration.html#_2-4-%E6%9E%84%E5%BB%BA%E6%AD%A3%E5%BC%8F%E5%BA%94%E7%94%A8

Android生成证书(推介):https://somaaa.com/index/keystore

八、生成APP

点击IDE的菜单栏生成APP。

Finclip

点击下一步>云打包>下一步>选择相应APP ID>下一步>确认配置APP信息>下一步>选择APP所属平台(IOS/Android)>下一步>填写证书信息及上传证书>下一步>任务提交成功。

Finclip

点击查看编译任务列表>查看云打包进展>成功后点击下载安装包并安装运行即可。

Finclip

到这里,就是我们生成APP的所有步骤啦,也恭喜你成功get到了一项新技能!

服务商动态

腾讯云推出大模型APP腾讯元宝

2024-5-31 10:36:29

使用教程

阿里云管理弹性伸缩服务关联角色

2023-2-1 10:02:33

相关推荐