FinClip为企业提供小程序生态圈技术产品,开发者可在FinClip小程序开发帮助中心找到相关FinClip小程序指引

# 小程序生成 App 功能介绍

功能背景

小程序生成 App 功能是 FIDE 中的附加功能,可以帮助小程序应用开发者将已有的小程序,快速转换为可上架应用商店或本地运行的移动 App。大幅度降低研发成本,提升研发效率。

# 1. 功能介绍

小程序生成 App 功能可以帮助开发者,将已有小程序代码导出为 iOS 与 Android 中可用的安装文件(或项目工程)。开发者不再需要掌握完善的移动应用开发与打包技能,只需要将主要的精力放在小程序中完成产品设计与功能实现,就能够获得能够上架应用商店,或者直接在手机等智能设备中安装的 App。

在这里,所导出的 iOS 与 Android 应用则仅作为小程序所存在的“壳应用”,真实的业务实现与相关请求均通过小程序实现,App 的更新与升级也都可以通过小程序实现。

此外,用户还可以对 App 的图标,启动闪屏(Splash Screen),URL Scheme,权限或其他内容进行定义,以满足更加丰富的使用需要。

# 2. 操作说明

# 2.1 生成 App 相关配置

您可以通过 IDE 右上方的「生成 App」菜单,查看相关功能。

请注意

由于打包与编译限制,所有「App 配置」项目中的内容仅能在「云打包」项目中生成,如您最终使用「本地编译」类型,则需要自行配置。

image.png 点击FIDE 菜单栏 - 生成 App - 生成 App 配置,对相关内容进行配置。

# 2.1.1 App 基础配置

App 基础配置: 配置需打包的应用的应用名称,应用 App 版本号,应用 build 版本号.

  • App 版本号安装 x.y.z 的格式填写

  • 应用 build 版本号 IDE 会自动生成

image.png

# 2.1.2 App 图标配置

App 图标配置分为两种模式: 简单模式和定制模式。 image.png

  • 简单模式如上图所示,开发者只需配置一张图标图片(1024 * 1024,png 格式)即可,FIDE 会自动按照 iOS 与 Android 终端配置所需要的图片。

image.png

  • 定制模式如上图所示,开发者需要根据自身需要,配置多张图片:
    • iOS 需要配置 iPhone 与 iPad 两个图标图片(1024×1024,png 格式);
    • Android 则需要分别配置 48×48, 72×72, 96×96, 144×144, 192×192 尺寸图标图片(png 格式)。

# 2.1.3 启动闪屏配置

启动闪屏即打开 App 时的加载图片,开发者上传 iOS 与 Android 平台中相应尺寸的图片即可。 image.png

# 2.1.4 URL Scheme 配置

App URL Scheme 作为不同 App 间唤起的标识信息,可供您基于推送等渠道打开 App。 目前 iOS 与 Android 均只支持一条 URL Scheme 配置。 image.png

# 2.1.5 权限配置

当需要将 App 上架至应用商店时,需要先行配置其中的使用权限。目前支持的配置权限如下:

  • iOS 端:
    • 读取相册
    • 使用麦克风
    • 获取位置
    • 使用相机
  • Android 端:
    • 位置相关权限:
      • ACCESS_COARSE_LOCATION
      • ACCESS_FINE_LOCATION
    • 相机相关权限:
      • CAMERA
    • I/O 相关权限:
      • READ_EXTERNAL_STORAGE
      • WRITE_EXTERNAL_STORAGE
    • 麦克风相关权限:
      • RECORD_AUDIO

# 2.1.6 第三方 SDK 配置

参考扩展 SDK 参数配置 (opens new window)

# 2.2 生成 App 打包

目前 FIDE 提供了两种方式生成 App:

  1. 云打包(推荐选项,通过 FinClip 完成小程序转 App,无需自行编译)
  2. 本地编译(建议有开发基础用户选择,需要自行在本地进行编译)

如果您没有移动 App 相关开发经验,请选择「云打包」选项,该功能需要登录后才能使用。

# 2.2.1 云打包

云打包分别需要完成如下步骤: 第一步,配置小程序信息 image.png 第二步,选择关联应用与 BundleID image.png 第三步,上传打包证书 由于证书与BundleID 之间是一一对应关系,因此需要上传所需的证书。 image.png

iOS 证书 Android 证书
参考 iOS证书配置 进行证书配置导出上传生产、开发环境的证书、证书密码、描述文件。 参考 安卓构建应用,证书私钥(Key password),文件私钥(Key store password)。

第四步,提交云打包任务 image.png 第五步,查看打包任务进度,下载安装包 点击右侧「下载安装包」即可获得对应的安装文件。 image.png

# 2.2.2 本地编译(导出工程项目)

第一步,配置小程序信息 image.png

第二步,选择关联应用与 BundleID image.png

第三步,配置导出目录 image.png

第四步,导出成功 image.png

# 2.3 本地工程配置

本地工程文件配置见 本地工程文件配置

© 2022 FinClip with ❤

👋🏻 嘿,你好!

「FinClip」是一套基于云原生框架设计的小程序容器。能够让任何移动应用在集成小程序SDK之后,获得可用、安全的小程序运行能力。

>> 点我免费注册体验

查看产品文档
了解与 FinClip 相关的一切信息

产品博客 👈  了解产品更新与核心功能介绍
资源下载 👈  获取小程序 SDK 与开发工具
文档中心 👈  查询 FinClip 小程序开发指南与答疑

商务咨询热线
预约 FinClip 产品介绍,咨询商务报价或私有化部署事宜

0755-86967467

获取产品帮助
联系 FinClip 技术顾问,获取产品资料或加入开发者社群

联系线上
人工客服

或 👉  点击这里,提交咨询工单