一 背景
从微信17年发布小程序到现在,其平台小程序数量已达到500w+,种类和数量都非常大,像小到一个简单的功能,如投票、文字去重、朋友圈防折叠,大到京东、滴滴、餐厅自助点餐,都可以通过小程序实现。可以说,小程序现在已经深入到我们生活,工作的方方面面。小程序的优势也是巨大的,它轻量、便捷,用完即走,不占用太多资源,能够让用户在不离开主应用的情况下享受多样化的服务。
我自己也有几个小程序,其开发成本很低,也都部署在vx平台,但有时候我在想,有没有一个工具,在降低开发成本的同时,可以让我们把这些小程序部署到自己的App里面,来增加用户体验和粘性,打造一个自己的超级App呢?结果还真让我找到了。
答案就是:FinClip,它为我提供了在自己App上运行小程序的完美方案。
二 FinClip 介绍
FinClip 是一款强大的小程序容器技术,它允许移动应用、电脑、电视、车载主机等设备在集成FinClip SDK后,快速获得运行小程序的能力。在进一步研究和使用FinClip之后,我发现它不仅仅是一个技术平台,更是一个能够让我的应用变得更加生动和实用的工具。FinClip允许我们在自己的App中嵌入小程序,这意味着我可以利用自己已有的微信小程序,通过简单的迁移,就能在自己App中提供同样流畅的体验。
同时,FinClip还可以将小程序转化为App,上架各大应用商店。下面我们将自己的小程序通过FinClip转为安卓App,并下载安装,来演示FinClip的强化之处。
三 准备工作
使用FinClip转化App前,我们需要做一些准备工作。
准备工作:
-
下载手机FinClip App:https://www.finclip.com/sp/download.html
-
下载FinClip IDE桌面开发工具:https://www.finclip.com/mop/document/develop/developer/fide-update-log.html
-
微信小程序项目
环境:
JDK11
四 小程序转APP
1、登陆后台管理
下载手机FinClip App,通过FinClip App扫码登陆管理后台:https://www.finclip.com/login,进入到后台。
2、添加小程序
点击左侧「小程序」-「新增小程序」,添加小程序相关信息。
创建完成,小程序信息如下:
3、FinClip Studio导入小程序项目
打开FinClip Studio,并扫码登陆,导入项目,并设置关联小程序AppID。
4、上传小程序
导入完成,我们可以看到上面有一个「上传」按钮,我们选择上传。
5、设置版本号
6、发布小程序
上传完小程序之后,我们返回到FinClip后台管理,可以看到对应的小程序下已经有我们上传的项目信息,下面我们需要将小程序发布。
发布前需要我们同意隐私设置,并设置开发域名。
如果我们上传了多个版本,则需要选择版本,并设置提交审核版本信息,便于平台通过。
审核通过,我们可以在后台看到我们上线的小程序,也可以在FinClip App上看到。
7、创建应用
接下来我们需要创建应用,和小程序一样,将基本信息填写好创建即可。然后需要配置BundleID。
什么是 Bundle ID?
Bundle ID是第三方应用的唯一识别码,在iOS应用市场被称为Bundle ID,在Android应用市场被称为Application ID。
因为我们这里是小程序转App,官方已经有说明如何处理,这个后面我们在转APP时需要用到,这里需要注意下。
我这里设置为自己方便记忆的,大家根据自己的情况设置即可。
8、关联小程序
到这里我们后台的配置已经设置完了
9、生成App配置
我们返回FinClip Studio界面,开始添加小程序生成App的配置。
配置一共6项目,包括版本,图标,启动闪屏配置,权限设置和第三方SDK等,按要求设置。
设置完上面的配置,我们可以开始转化App了,如下:
10、开始打包
第一步:我们选择云打包,这样相对更方便一些。
第二步:再次确认我们需要打包的小程序
第三步:关联我们后台创建的应用,同时,这里需要用到我们刚创建的Bundle ID。
第四步:选择打包所属平台,这里先创建一个安卓App
第五步:上传打包证书
因我们打包的是安卓应用,这里可以通过本地JDK生成证书,证书私钥和文件私钥,我们需要记一下。口令如下:
D:\jdk-11\bin\keytool -genkey -keyalg RSA -keysize 2048 -dname "cn=名字与姓氏,ou=组织单位名称,o=组织名称,l=城市或区域名称,st=州或省份名称,c=两字母国家代码" -alias 证书别名 -keypass 别名密码 -storepass 证书密码 -validity 36500 -keystore 证书文件路径及名字
其中的证书信息段cn=名字与姓氏,ou=组织单位名称,o=组织名称,l=城市或区域名称,st=州或省份名称,c=两字母国家代码请尽量至少填写一个,剩余的可以将值留空。
注意,我们所需要生成的PKCS12密钥库暂不支持不同的别名密码以及证书密码,因此请将这两个密码设置为相同,否则会收到keytool的错误警告。
我这里完整口令如下:
/usr/bin/keytool -genkey -keyalg RSA -keysize 2048 -dname "cn=,ou=,o=ipaod,l=,st=,c=" -alias ipaod -keypass 123456 -storepass 123456 -validity 36500 -keystore /Users/luxi/Documents/FinClip/keystore.jks
编辑好之后,终端下执行口令:
会生成证书,存放到我指定的路径下:
填写完证书信息,我们提交
可以看到很快就编译完了,生成了安卓安装包,我们下载下来,手机上安装试下。
11、安装体验
安装之后,可以看到手机上多了一个我们App应用图标,在手机上测试了一下,加载进入,功能没有问题。到这里我们已经将一个小程序成功转为了适合自己手机下载的App,并且功能性完好。
五 其他说明
FinClip 功能很强大,演示的小程序转App只是其中一个功能,我们还可以通过引入其SDK,将自己的App打造成超级App,支持其他小程序的载入,从而不用在仅仅依附在vx平台。
目前,FinClip已经被国内多家知名企业采用,并且他的应用范围非常广,可以在金融服务,在线教育,本地生活,企业应用等场景使用。开发者可以通过 FinClip 提供的工具和平台,可以快速体验和开发小程序。其提供标准化的小程序 SDK 和 API,保持一致的开发体验和效率,无需更多的学习。我们可以在多种设备和场景中运行小程序。同时,FinClip高度兼容微信生态,包括微信支付和登录能力。
其优势如下:
-
跨平台支持:支持iOS、Android、Windows、Mac、Linux等多平台。
-
兼容性强:兼容微信小程序语法,易于迁移和开发。
-
安全性高:提供安全沙箱环境,保障应用安全。
-
热更新支持:支持小程序热更新,无需重新发布App。
-
一站式开发:提供了全套的小程序开发管理套件,包括 FinClip IDE、小程序管理后台、小程序开发文档和 FinClip App,以便开发者能够高效地完成从开发测试到预览部署的全部工作。
六 最后
FinClip为开发者提供了一个强大的工具,让开发者以最小的成本和最高的效率在App中集成小程序。如果你希望提升用户体验,打造一个属于自己或公司的超级App,构建自己的小程序生态,不妨试试FinClip。
好了,今天就给大家分享FinClip到这里。感兴趣的可以去体验下,有什么想要了解的欢迎留言!
想要了解更多信息,可以点击「原文阅读」进入FinClip官网。
相关文档
1、产品官网介绍:https://www.finclip.com/landpage-product
2、产品博客:https://www.finclip.com/blog/
3、产品技术文档:https://www.finclip.com/mop/document/
作者来源: 康熙 终码一生
分享好文 侵删