快速将小程序生成APP八步走!

这篇具有很好参考价值的文章主要介绍了快速将小程序生成APP八步走!。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在开始之前,让我们一起来了解一下Finclip吧!

Finclip是凡泰极客公司研发的一款在开发体验学习门槛应用场景生态能力等方面都体现巨大优势的小程序容器。不论是移动APP,还是电脑、电视、车载主机等设备,在集成Finclip小程序SDK之后,都能快速获得运行小程序的能力

Finclip提供了100%自主知识产权的小程序SDK小程序管理后台,开发者可以将已有的小程序迁移部署在自有APP中,从而获得足够灵活的小程序开发与管理体验。

Finclip不仅兼容微信小程序语法,还提供了全套的小程序开发管理套件,开发者不需要学习新的语法和框架,使用Finclip IDE小程序管理后台小程序开发文档Finclip APP就能低成本高质量地完成从开发测试,到预览部署的全部工作。

到这里,可能你会疑惑,为啥这款小程序容器技术还有生成APP这般能力?到底是什么样的操作让它如此优秀?别急… …

小程序转APP原理,实际上是将小程序离线包内置到FIDE生成的Android/IOS工程中,并且FIDE支持线上直接打包成APK或IPA。其中生成的Android/IOS工程默认是帮咱们集成了FinClip 小程序容器SDK,并且默认在手机端打开APP应用时会默认打开API。

简单来说,其实是通过FIDE生成一个APP应用的”壳子“,在这个“壳子”里面打开已上架的小程序,所以小程序转APP之前,我们需要有一个已在管理后台上架的小程序。

闲话少说,用你勤劳的双手马上试试吧!八个步骤就能完成!!!

一、准备工作

打开FinClip官网https://www.finclip.com/,在开发者中心->资源下载中心,下载并安装FIDE。

小程序封装成app,小程序,微信小程序

二、新增小程序

登录finclip官网,在小程序管理->我的小程序新增一个小程序。

小程序封装成app,小程序,微信小程序

比如新增了一个小程序叫newapp3,那么名称写newapp3,分类、标签、简介写其他即可。

三、新增合作应用

应用管理->新增合作应用。

小程序封装成app,小程序,微信小程序

给这个应用增加一个Bundle ID。

小程序封装成app,小程序,微信小程序

在newapp3一栏点击关联小程序,找到刚刚新建的newapp3,新增关联。

小程序封装成app,小程序,微信小程序

四、创建工程

回到桌面,在下载一栏,新增一个空文件夹,命名它为newapp3。打开IDE工具,项目目录选择刚刚创建的newapp3文件夹,APP ID选择newapp3,然后点击完成。

小程序封装成app,小程序,微信小程序

之后,IDE会为我们创建默认的hello world代码。我们不妨以这个hello world作为我们生成app的示例。

当然,如果你已有小程序项目,直接使用IDE打开并选择后台对应的APP ID即可。

五、将小程序提交到云端

1、上传

小程序封装成app,小程序,微信小程序

2、审核

回到finclip官网,在小程序管理->我的小程序找到newapp3->详情->审核版本->新增审核。

小程序封装成app,小程序,微信小程序

勾选刚刚上传的首次发布版本,点下一步->下一步->提交。

小程序封装成app,小程序,微信小程序

此时,该版本会进入审核的队列。

3、同意审核

我们回到小程序管理->小程序上架审核->详情一栏,点击同意即可同意此次审核。

小程序封装成app,小程序,微信小程序

4、上架

在小程序管理->我的小程序找到newapp3->详情->审核版本->版本上架->确认上架。

小程序封装成app,小程序,微信小程序

此时,hello world 的代码就成功提交到云端拉。

六、进行APP相关配置

1、本地编译

若你有一定的开发基础,可以选择本地编译,相关配置项需要自行配置,可参考:https://www.finclip.com/mop/document/develop/developer/convert/local-configuration.html#_1-ios-工程配置

点击IDE的菜单栏生成APP->下一步->本地编译->下一步→选择相应APP ID->下一步->确认配置APP信息->下一步->导出目录->完成->等待导出。

小程序封装成app,小程序,微信小程序

生成成功就可以在目录下找到啦!!

小程序封装成app,小程序,微信小程序

2、云打包

此时你需要先进行生成APP相关配置。点击IDE的菜单栏生成APP->生成APP配置。

小程序封装成app,小程序,微信小程序

(1)基础配置

填写应用名称/应用 App 版本号/应用 build 版本号。

小程序封装成app,小程序,微信小程序

(2)图标配置

提供简单模式和定制模式。

小程序封装成app,小程序,微信小程序

(3)启动闪屏配置

打开 App 时的加载的图片,上传 iOS 与 Android 平台中相应尺寸的图片即可。

小程序封装成app,小程序,微信小程序

(4)URL Scheme配置

不同 App 间唤起的标识信息,可供您基于推送等渠道打开 App。

小程序封装成app,小程序,微信小程序

(5)权限配置

分为用户隐私协议配置(勾选后会在首次打开 App 时显示隐私配置,相应的配置需要去「管理后台-小程序详情-隐私设置」进行配置)与权限配置(当需要将 App 上架至应用商店时,需要先行配置其中的使用权限)。

小程序封装成app,小程序,微信小程序

相关描述根据需要填写即可。

(6)第三方SDK配置

通过配置第三方SDK可以使 App 获取一些扩展能力,比如高德地图/微信登录等。

小程序封装成app,小程序,微信小程序

需要获取相关配置信息并填写,第三方SDK配置详细步骤及其相关信息获取可以参考:https://www.finclip.com/mop/document/develop/developer/convert/extend-sdk-config.html#第三方-sdk-参数配置

最后,点击保存即可。当然,有些配置是非必要的,可以根据个人情况按需填写。

七、准备证书

由于证书与 BundleID 之间是一一对应关系,因此需要上传所需的证书。

IOS生成证书:https://www.finclip.com/mop/document/develop/developer/convert/local-configuration.html#_1-2-配置工程

Android生成证书:https://www.finclip.com/mop/document/develop/developer/convert/local-configuration.html#_2-4-构建正式应用

Android生成证书(推介):https://somaaa.com/index/keystore

八、生成APP

点击IDE的菜单栏生成APP。

小程序封装成app,小程序,微信小程序

点击下一步->云打包->下一步->选择相应APP ID->下一步->确认配置APP信息->下一步->选择APP所属平台(IOS/Android)->下一步->填写证书信息及上传证书->下一步->任务提交成功。

小程序封装成app,小程序,微信小程序

点击查看编译任务列表->查看云打包进展->成功后点击下载安装包并安装运行即可。

小程序封装成app,小程序,微信小程序

到这里,就是我们生成APP的所有步骤啦,也恭喜你成功get到了一项新技能!!!

小程序封装成app,小程序,微信小程序

备注

①更新app不需要修改app的代码,只需要在小程序中修改代码,然后重复走上文中第五步流程即可;

②已有的小程序项目不局限于finclip小程序,也可以是原生或者通过工具转换的微信小程序项目,或者是已经集成了Flutter SDk的Flutter项目等等;

③需要注意生成APP的小程序必须在finclip后台上架并且与宿主运用关联,还需确保APP ID/Bundle ID/证书别名密码等信息准确无误;文章来源地址https://www.toymoban.com/news/detail-640636.html

到了这里,关于快速将小程序生成APP八步走!的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信支付APIV3统一回调接口封装(H5、JSAPI、App、小程序)

    😊 @ 作者: 一恍过去 💖 @ 主页: https://blog.csdn.net/zhuocailing3390 🎊 @ 社区: Java技术栈交流 🎉 @ 主题: 微信支付统一回调接口封装(H5、JSAPI、App、小程序) ⏱️ @ 创作时间: 2022年07月12日 对微信支付的H5、JSAPI、H5、App、小程序支付方式进行统一,此封装接口适用于普通商户

    2024年02月08日
    浏览(47)
  • Flutter 生成小程序的混合 App 实践

    微信小程序发展的越来越快,目前小程序甚至取代了大部分 App 的生态位,公司的坑位不增反降,只能让原生应用开发兼顾或换岗进行小程序的开发。 以我的实际情况来讲,公司应用采用的 Flutter 框架,同样的功能不可避免的就会存在 Flutter 应用开发和微信小程序开发兼顾的

    2024年02月09日
    浏览(34)
  • 快速使用uni-app搭建小程序项目

    HBuilder是uni-app官方团队专门定制的编辑器,它对Vue做了大量优化投入,且支持uni-app官方库Api的智能提示和推断,同时,我们也可以在通过编辑器快速的创建各种场景下的项目模板,总之HBuilder是用uni-app进行应用开发的首选编辑器,可以访问其官网进行下载安装,点击如下链接

    2024年02月15日
    浏览(147)
  • 第4天:基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter

    1.原生开发 安卓一般使用java语言开发,当然现在也有kotlin语言进行开发。如何开发就涉及到具体编程了,这里就不详说了。简单描述就是使用安卓提供的一系列控件来实现页面,复杂点的页面可以通过自定义控件来实现。 2.使用H5语言开发 使用H5开发的好处有很多,可多端复

    2024年04月10日
    浏览(47)
  • iOS APP h5快捷程序 .mobileconfig的生成

    从APP Store 下载Apple Configurator软件 从一个管理点管理所有iOS设备应用程序,文档和配置文件。想要确保您的所有家庭成员在其每台iOS设备上都有类似的应用和文档,管理日益增长的iOS设备库在我家中变得相当麻烦。尽管针对学校和企业,Apple Configurator是一款免费的macOS工具,可

    2024年02月17日
    浏览(43)
  • Flutter 生成运行小程序的混合App开发实践

    微信小程序发展的越来越快,目前小程序甚至取代了大部分 App 的生态位,公司的坑位不增反降,只能让原生应用开发兼顾或换岗进行小程序的开发。 以我的实际情况来讲,公司应用采用的 Flutter 框架,同样的功能不可避免的就会存在 Flutter 应用开发和微信小程序开发兼顾的

    2024年02月14日
    浏览(47)
  • uqrcode+uni-app 微信小程序生成二维码

    使用微信小程序需要弹出 动态 二维码的需求,从插件市场选了一个下载次数较多的组件引入到项目中 uqrcode ,使用步骤如下: 1、从插件市场下载 插件地址:https://ext.dcloud.net.cn/plugin?id=1287,若你是跟我一样是用uni-app开发微信小程序的,则该插件的介绍只需要看下面的即可,

    2024年02月06日
    浏览(42)
  • uni-app(微信小程序) 根据小程序页面路径(可带参数) 生成二维码、分享码

    微信官方文档 小程序 看文档点这里 第一个获取小程序码,就是根据你要通过二维码打开的页面路径生成一个小程序码,且这个小程序码是永久的 其实文档内也说明了,很少用到。即使需要生成这样的小程序码,可以去微信公众平台的小程序管理后台生成,还方便。 调用方

    2024年02月06日
    浏览(65)
  • uni-app 微信小程序 图文生成图片 wxml-to-canvas

    在做的小程序要增加一个将文字与图片生成图片不可修改的功能,第一次做,在网上找了不少资料。参考了wxml-to-canvas | 微信开放文档  ,又看了一些相关事例,尝试写了一下。   需要准备的文件及配置项: 1、先把代码片段下载到本地 2、创建wxcomponents目录,把代码片段中的

    2024年02月09日
    浏览(51)
  • 使用IDA查看汇编代码,结合安卓系统生成的Tombstone文件,分析安卓app程序崩溃问题

    目录 1、IDA工具介绍 2、产品及问题场景描述 3、查看Tombstone文件

    2024年02月13日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包