写点什么

创新工具推荐,轻松将微信小程序转换为 App

作者:Geek_2305a8
  • 2024-08-28
    广东
  • 本文字数:1473 字

    阅读完需:约 5 分钟

先简单说下背景,由于公司目前已经有非常多的微信小程序,但是发现自己的小程序不管如何做始终受限于微信的管控,所以对于业务的发展有明显的制约。

于是乎,公司提出能否把这些小程序都直接改造为 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 分钟填写问卷抽了一个泡泡玛特盲盒,感觉只要认真回答就能拿奖。也给个传送门



用户头像

Geek_2305a8

关注

还未添加个人签名 2023-11-01 加入

深圳某知名大厂程序员

评论

发布
暂无评论
创新工具推荐,轻松将微信小程序转换为App_Geek_2305a8_InfoQ写作社区