创新工具推荐,轻松将微信小程序转换为 App
先简单说下背景,由于公司目前已经有非常多的微信小程序,但是发现自己的小程序不管如何做始终受限于微信的管控,所以对于业务的发展有明显的制约。
于是乎,公司提出能否把这些小程序都直接改造为 App,实话要一个一个的改造开发工作量太大了。
技术调研了一圈,发现了小程序转 App 的工具,直接就能把现有的微信小程序转为 App。也推荐给其他需要了解的小伙伴——FinClip。
通过 FinClip 的 IDE「小程序导出 App」功能,我发现了一种非常简单快捷的小程序转 App 方法,而且这个 App 能够自动运行小程序 ,不再需要关注宿主 App 的维护与开发。
关键是我觉得非常简单直接,上手要求也不高,废话不多说,下面就给大家演示下具体过程:
一、准备工作
打开 FinClip 官网 https://www.finclip.com/ ,在开发者中心->资源下载中心,下载并安装 FIDE
二、新增小程序
登录 finclip 官网,在小程序管理->我的小程序新增一个小程序。
比如新增了一个小程序叫 newapp3,那么名称写 newapp3,分类、标签、简介写其他即可。
三、新增合作应用
应用管理->新增合作应用
给这个应用增加一个 Bundle ID
在 newapp3 一栏点击关联小程序,找到刚刚新建的 newapp3,新增关联
四、创建工程
回到桌面,在下载一栏,新增一个空文件夹,命名它为 newapp3。打开 IDE 工具,项目目录选择刚刚创建的 newapp3 文件夹,APP ID 选择 newapp3,然后点击完成。
之后,IDE 会为我们创建默认的 hello world 代码。我们不妨以这个 hello world 作为我们生成 app 的示例。
五、将小程序提交到云端
1.上传
发现由于 FinClip 兼容微信小程序语法,所以直接上传微信小程序代码包也是可以的。
2.审核
回到finclip官网,在小程序管理->我的小程序找到 newapp3->详情->审核版本->新增审核
勾选刚刚上传的首次发布版本,点下一步->下一步->提交
此时,该版本会进入审核的队列。
3.同意审核
我们回到小程序管理->小程序上架审核->详情一栏,点击同意即可同意此次审核。
4.上架
在小程序管理->我的小程序找到 newapp3->详情->审核版本->版本上架->确认上架
此时,hello world 的代码就成功提交到云端。
六、获得 App 代码
还有特别好的一点,对于 App 中的图标,闪屏(Splash Screen),权限配置,URL Scheme 等信息的配置,IDE 都能直接实现。即使是对 App 开发经验不深的开发者朋友也可以通过 FIDE 完成相关的内容配置。
点击生成 App,下一步->下一步。导出目录选择下载,点击完成,生成的 App 代码就导出到下载目录了。
App 生成成功后,打开所在目录。目录里有 iOS 和 android 的代码。我们以 iOS 为例,把 app 运行起来。打开终端,cd 到 finclip_demo/ios/finclip_demo,运行 pod install 来拉取依赖。不过官方也为非原生的开发者准备了在导出 App 项目文件后,如何使用 iOS 与 Android 的开发工具进行后续工作的教程。https://www.finclip.com/mop/document/develop/developer/convertApp.html
看到官方博客将,后续也会推出 FinClip 的 IDE 工具直接打包与编译 App 功能。看进度也是在测试阶段了!
七、运行
双击打开 finclip_demo.xcworkspace,选择模拟器,然后点击运行
注意:
更新 app 不需要修改 app 的代码,只需要在小程序中修改代码,然后重复走上文中第五步流程即可。
需要安装 cocoapod,百度搜索如何安装 cocoapod 即可。
关于费用:
我认为这个产品还是算良心。
FinClip 的 SaaS 版 每月拥有 1 万次免费发布调用,基本上可以满足一般开发者的需求。如果是公司使用,这部分可能会超限,不过也可自行购买资源包 90 元一年 50W 次流量调用,算下来,仅需 0.25 元/天。
发现他们还有个羊毛可以薅,这个问卷调研上线了,我大概花了不到 5 分钟填写问卷抽了一个泡泡玛特盲盒,感觉只要认真回答就能拿奖。也给个传送门
评论