先说说背景,之前在微信开发了一个工具类的小程序,小程序的日访问量和用户数还可以,但发现随着用户量的累积,一方面发现对于这类工具小程序,受限于微信小程序平台规则,很难对用户进行更深入的运营,用户流失问题也将逐渐凸显出来。另一方面,其实自己一直想去系统的开发一个App,但又限于对原生技术掌握的不够深入所以一直没有上手去做。

在技术社区突然看到已经有比较成熟的「小程序转 App」工具后,便有了把现有小程序直接通过工具转为 App 的念头。

先总结下自己整体使用的感受,我使用的是 FinClip 的 IDE 转 App 功能,整个过程其实比较简单,不需要太多的技术要求,傻瓜式的操作,基本上会小程序的上下架就可以直接完成整个过程。其中比较亮眼的是,通过 IDE 工具可以通过云编译直接导出 App 的安装包,同时也能在 IDE 里面直接配置logo、开屏动画、权限等内容,这两个步骤能够避免到 Xcode 和 Android Studio 去进行配置。

下面我也把自己在 FinClip 小程序转 App 的步骤大家简要介绍下,更详细的内容可以直接查阅官方给的文档:
https://www.finclip.com/mop/document/develop/developer/convertApp.html#_1-2-%E9%85%8D%E7%BD%AE%E5%B7%A5%E7%A8%8B

一、下载安装工具

直接在 FinClip 的官网下载安装最新版本的 IDE 工具:https://www.finclip.com/downloads

二、App 配置

这里的配置包括了logo、开屏动画和权限配置。

打开 App 配置窗口

1、App 图标配置
App 图标配置分为两种模式: 简单模式和定制模式。

  • 简单模式下,用户只需配置一张图标图片
  • 定制模式下用户需要配置多张图片
  • iOS 配置 iphone , ipad 两个尺寸 android
  • 则需要配置 48 * 48, 72 * 72, 96 * 96, 144 * 144, 192* 192 尺寸图标

2、 启动闪屏配置
这里是启动 App 的闪屏画面配置,根据提示上传相应尺寸的图片即可。

3、URL Scheme 配置
App URL Scheme 配置, 目前 iOS、Android 均只支持一条 URL Scheme 配置。

4、权限配置
看了下 App 权限配置,目前 iOS 支持的配置权限有:读取相册、使用麦克风、获取位置、使用相机。Android 支持的配置选项有:位置相关权限、相机相关权限、I/O 相关权限、麦克风相关权限。

三、小程序生成 App 工程

特别说明的是,FinClip 兼容微信小程序语法,可以直接将微信小程序代码包导入 IDE 进行编译,我的试过后发现可以顺利的编译,速度也比较快。

在打开了小程序的页面后,可以点击右上角的「生成 App」按钮,并点击页面中的「下一步」开始后续流程。


选择该已上架的小程序所被关联的小程序,以及小程序对应的应用信息及 BundleID,随后点击页面中的「下一步」继续流程。

这里也要特别说明下,编译后记得上传到 FinClip 的后台,这样这里才能顺利的进行关联选择。

选择小程序转为 App 的工程文件目录后,点击完成按钮。

四、编译生成 App

提供了云打包和本地编译两种生成 App 安装包的方式,不用看推荐直接选云打包就可以了,本地编译还需要自己到 Xcode 和 Android Studio 去进行编译配置。

1、配置 App 所需的证书信息

安卓配置证书:

参考 安卓构建应用(opens new window)进行证书的配置导出

上传生成的证书,并填写证书别名(Key alias),证书私钥(Key password),文件私钥(Key store password)。

iOS配置证书:

参考iOS证书配置(opens new window)进行证书配置导出

上传生产、开发环境的证书、证书密码、描述文件。

完毕后,点击下一步即可进入云端编译,稍等片刻,等待编译完成即可。

2、查看云打包进展
打开 查看云打包进展,当前的云打包任务的进展现实编译成功,即可选择下载链接下载应用。


下载后的即为可直接上传应用商店的安装包,整个小程序转 App 的过程也结束了。

结束语

我个人认为这种小程序转 App 的模式非常友好,能够让已经有成熟小程序的开发者在无需掌握原生技术的情况下快速的就生成 App。

我整个过程使用下来,是无需任何付费的,这点又要大大的点一个赞,对开发者真的很友好。也看下官网的产品介绍写到,由于生成的 App 中运行的小程序是在 FinClip 上面跑,会对小程序的调用次数有一定限制,每月1万次的免费额度,如果后续如果每月的调用次数超过1万次,也可以购买39元50万次的包年套餐,这个价格也可以说非常亲民。

最后也为 FinClip 提一个小小的建议,后续导出的 App 能够加一个首页,这样此后多个小程序都可以在一个 App 中,首页也就成为了这些小程序的入口。

小程序转 App 实践相关推荐

  1. 小程序 Typescript 最佳实践

    小程序结合TypeScript开发,如果用第三方框架,首选Taro已完美支持.但是如果你选择原生开发,那么下面的这份实践可能会帮到你. 小程序 Typescript 最佳实践 使用 gulp 构建(支 ...

  2. python 自动化微信小程序_干货 | 微信小程序自动化测试最佳实践(附 Python 源码)...

    原标题:干货 | 微信小程序自动化测试最佳实践(附 Python 源码) 本文为霍格沃兹测试学院测试大咖公开课<微信小程序自动化测试>图文整理精华版. 随着微信小程序的功能和生态日益完善, ...

  3. 测试开发面试题目(三)——测试用例、安卓苹果系统区别、小程序与app的区别

    测试用例: 测试用例是指对一项特定的软件产品进行测试任务的描述.体现测试方案.方法.技术和策略.其内容包括测试目标.测试环境.输入数据.测试步骤.预期结果.测试脚本等,最终形成文档,简单的认为,测试用 ...

  4. 我用Flutter开发了一个类似微信可运行小程序的App

    Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动.Web.桌面和嵌入式平台.国内很多开发者都将Flutter.Taro.React ...

  5. 京东快递小程序分包优化实践

    前言- 随着项目规模增大,小程序分包优化是必须要面对的问题.分包不合理,不仅影响项目迭代和上线计划,还关乎用户体验,甚至因此导致 C 端用户流失.本文主要介绍京东快递小程序分包过程中踩过的坑,以及小程 ...

  6. android h5使用缓存_程序员必须了解的之小程序 与 App 与 H5 之间的区别

    小程序的实现原理 根据微信官方的说明,微信小程序的运行环境有 3 个平台,iOS 的 WebKit(苹果开源的浏览器内核),Android 的 X5 (QQ 浏览器内核),开发时用的 nw.js(C+ ...

  7. 小程序和app用什么样的服务器,小程序和APP的本质区别是什么?哪个更值得开发?...

    从微信小程序和用户见面到现在,这个功能已经越来越完善了,经过更彻底的挖掘,商业价值被挖掘出来了!小程序和app有什么区别呢?为什么广州会更受欢迎呢? 两者的区别 首先,两者的区别在于,APP的功能更强 ...

  8. 微信不再提供小程序打开App?借助H5为App引流的方式你必须知道!

    简介: 2021年5月14日App开发者领域发布了一条重要消息:微信开放平台为了提升用户体验,将于2021年5月20日(后来延期到2021年5月27日)起不再提供"小程序打开App技术服务& ...

  9. 微信小程序中app.js文件、组件、api

    app.js文件: 每个小程序都需要在app.js中调用 App 方法注册小程序实例. App({//App实例化,整个小程序只有一个App实例,全部页面共享onLaunch: function () ...

最新文章

  1. nmt模型源文本词项序列_「自然语言处理(NLP)」阿里团队--文本匹配模型(含源码)...
  2. 关于Python正则表达式的问题
  3. 第一行代码学习笔记第四章——探究碎片
  4. 如何系统学习机器学习?
  5. 小黑小波比.搭建个人网站
  6. jQuery学习--选择器的使用
  7. Android之仿网易V3.5新特性
  8. android 媒体库扫描,如何扫描出Android系统媒体库中视频文件
  9. 使用Thread类和Runnable方法来创建一个线程的区别
  10. 【20161108】总结
  11. (10)机器学习_K邻近算法
  12. 分布有限传输速度高的计算机网络,第5章 计算机网络基础.ppt
  13. python气象绘图速成_气象数据可视化——利用Python绘制温度平流
  14. 双目测距原理以及双目相机矫正
  15. win10系统cf玩一局就服务器断开,win10系统玩cf游戏经常自动退出的详细步骤
  16. a标签去掉下划线以及字体颜色
  17. SSH连接服务器断开
  18. Win11系统/RTX30系列显卡——安装gpu版pytorch
  19. win10Edge浏览器或第三方浏览器网页字体模糊解决方法
  20. lwip【4】 lwIP配置文件opt.h和lwipopts.h初步分析之一

热门文章

  1. 打谱软件告诉你:编曲和作曲哪个难?
  2. 使用jTessBoxEditorFX训练Tesseract-OCR 简单教程
  3. 用python每天发朋友圈的人_心理学:我们要远离那些,每天都发朋友圈的人
  4. 工程师解读:为何华为手机干不过小米
  5. 怎样把图片文件转换成.ico图标文件?
  6. Mac版R语言(四):pacman包——在R语言工程中一次性下载安装、导入多个包的方法
  7. 【链表】判断链表是否有环-快慢指针
  8. 打印系统开发(61)——A4纸尺寸
  9. 标定学习笔记(六)-- Halcon手眼标定例程:Hand-eye-Calibration with a stationary cam
  10. Keras使用VGG16模型预测自己的图片