Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >我把微信小程序转为App上架到了App Store

我把微信小程序转为App上架到了App Store

原创
作者头像
Onegun
发布于 2022-08-25 06:34:29
发布于 2022-08-25 06:34:29
1.1K0
举报
文章被收录于专栏:让技术飞起来让技术飞起来

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

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

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

下面我也把自己在 FinClip 小程序转 App 的步骤大家简要介绍下,更详细的内容可以直接查阅官方文档

一、下载安装工具

直接在 FinClip 官网下载安装最新版本的 IDE 工具。

二、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 所需的证书信息

安卓配置证书:

参考 安卓构建应用 进行证书的配置导出

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

iOS配置证书:

参考 iOS证书配置 进行证书配置导出

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

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

2、查看云打包进展

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

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

结束语

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

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

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
微信小程序转为App并上架应用市场
先说说背景吧,笔者开发了一款微信工具类小程序,刚开始,小程序的日访问量和用户数都还可以,但后面慢慢的发现,受限于微信小程序平台规则,很难对用户进行更深入的运营,用户流失问题也将逐渐凸显出来。另一方面,本人一直想开发一个属于自己地App,但又限于对原生技术掌握的不够深入所以一直没有上手去做。
xiangzhihong
2022/09/29
9960
微信小程序转为App并上架应用市场
八步走:快速将小程序生成APP!
使用小程序的场景已深入到生活中的方方面面,可一个已有的小程序能否可以生成一个 App 呢?答案是可以的!
海岛船长加西亚
2023/03/07
7940
八步走:快速将小程序生成APP!
微信开放Donut,我们的App也能像微信跑小程序了
这几天看到微信团队推出了一个名为 Donut 的小程序原生语法开发移动应用框架,通俗的讲就是将微信小程序的能力开放给其他的企业,第三方的 App 也能像微信一样运行小程序了。
Onegun
2022/12/27
2.1K0
微信开放Donut,我们的App也能像微信跑小程序了
App开发成本接近于“零”是什么一种体验
在 Web 1.0 时代我们只能通过电脑访问门户网站,单向获取内容,被动接受内容,没有互动体验。而随着社交媒体的快速发展下,迎来了 Web 2.0 时代,我们开始注重交互体验,于是用户一边成为内容的生产者,一边也作为内容的浏览者。
Onegun
2022/09/15
3770
App开发成本接近于“零”是什么一种体验
快速将小程序转为App的方法
如果早些年提问,「把小程序当成 App 使用」本身就是一件天方夜谭的问题,好像业务人员不再关注研发工程师是否能够按期交付代码,而是想自己在屏幕上点击几下光标,编程软件就能快速生成无数个页面和应用。
Onegun
2022/04/13
3.4K0
快速将小程序转为App的方法
不改代码就能将微信小程序生成商用App?
在知识爆炸的后信息社会,注意力资源已经成为十分稀缺的经济资源,经营注意力资源的产业如媒介、广告、体育、模特等获得迅猛发展,成为高利润的新兴产业群,注意力经济正在形成。注意力经济即以最大限度的吸引用户或消费者的注意力,通过培养潜在的消费群体,以期获得最大的未来商业利益的经济模式。
二山山记
2022/07/19
8110
FinClip SaaS 平台——小程序转APP操作指南及其实现
前面一篇文章介绍了从零到一开发小程序并将小程序内嵌到APP中,可查看前面文章进行操作,本文介绍FinClip SaaS 平台推出的新功能 生成APP
小柔
2022/10/09
9330
FinClip SaaS 平台——小程序转APP操作指南及其实现
FinClip 与 uniapp:轻应用平台与前端开发框架
简单来说,uni-app 是一款为了解决跨端开发问题所设计的前端开发框架,开发者通过 uni-app 所编写出的一套代码,可以发布到 iOS,Android,H5 平台之中。
Onegun
2022/01/05
1.8K0
FinClip 与 uniapp:轻应用平台与前端开发框架
原来微信小程序还可以直接在自有App上架了
说到小程序,大部分的读者第一反应,可能是微信小程序、支付宝小程序。确实,以前小程序这种生态只有巨头才玩的起。
开发内功修炼
2023/09/01
6930
原来微信小程序还可以直接在自有App上架了
App Store上架iOS App的详细流程
登录苹果开发者官网Apple Developer, 点击顶部的Support,点击membership,点击enrollment,最后点击Enrollment的Learn more about these programs链接进入Apple Developer Program - Apple Developer, 打开这个界面后,点击右上角的Enroll按钮,滚动到最底部,点击Start Your Enrollment开始申请:
iOS Magician
2023/03/22
1.6K0
十步以内,用小程序快速生成App!
打开FinClip官网https://www.finclip.com/,在开发者中心->资源下载中心,下载并安装FIDE
pak
2022/08/09
6880
让小程序在 APP 运行的高性价比选择 ——FinClip
因此,如果我们在 APP 上运行小程序,那就是 Native+小程序 的架构,一套代码跨平台运行,还可以很方便地使用小程序自身的能力,而且还不会影响 APP 安装包体积,简直是普大喜奔!
winty
2024/07/31
4520
让小程序在 APP 运行的高性价比选择 ——FinClip
借用FinClip把微信小程序打包生成App
随着小程序时代的全面的来临,加之开发门槛较低,很多企业或个人都拥有了自己的微信小程序,甚至这些大部分企业都没有过自己的App。因为开发难度大,成本高让很多想要开发App的企业望而却步。
Onegun
2022/05/26
1.3K0
借用FinClip把微信小程序打包生成App
有意思,小程序还可以一键生成App!
说到小程序,大部分同学的第一反应,可能是微信小程序、支付宝小程序,确实,小程序的概念深入人心,并且已经被约定俗成的绑定到某些互联网公司的 APP 上。
Sb_Coco
2023/03/01
1.2K0
有意思,小程序还可以一键生成App!
小白 0-1 学习 app 开发,从配置到 helloword
https://docs.apicloud.com/Dev-Tools/studio3-visualization-dev-tool-quick-start
APICloud官方
2022/07/08
5690
有意思,小程序还可以一键生成App!
小程序是一种 无需安装、即开即用、用完即走 的轻量级应用程序,并可以实现类似原生一样的使用体验。
米开朗基杨
2023/09/09
4840
有意思,小程序还可以一键生成App!
上架App Store的整体流程
App Store上架指的是iOS应用从提交申请到上线的整个过程,它的目的是让应用展示在App Store上获取流量、用户。
匿名_
2019/07/03
2K0
上架App Store的整体流程
深度测评丨小程序框架与平台编译对比
摘要:本文由针对小程序的稳定性、框架支持度、列表渲染性能、操作系统支持度、组件支持度与跨平台性进行综合对比,从而帮助开发者找出最适合自己的小程序平台与框架。
海岛船长加西亚
2022/02/18
1K0
深度测评丨小程序框架与平台编译对比
[601]app抓包Charles安装之爬取微信小程序
Charles,一个HTTP代理服务器,HTTP监视器,反转代理服务器,当程序连接Charles的代理访问互联网时,Charles可以监控这个程序发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信,这些包括request, response和HTTP headers (包含cookies与caching信息)。
周小董
2022/04/13
3.2K0
[601]app抓包Charles安装之爬取微信小程序
小程序容器技术加入到混合App开发队伍
混合开发(Hybrid App开发):是指在开发一款App产品的时候,为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说,这就是网页的模式,通常由“HTML5云网站+APP应用客户端”两部份构成。混合开发是一种取长补短的开发模式,原生代码部分利用Web View插件或者其它框架为H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。混合应用开发正是结合原生和HTML5开发的技术,取长补短的一种开发模式,原生代码部分利用WebView插件或者其它的框架为HTML5提供了一个容器,程序主要的业务实现、界面展示是利用H5相关的Web技术进行实现的。比如现在的京东、淘宝、今日头条等都是利用的混合开发模式
pak
2022/09/06
4590
相关推荐
微信小程序转为App并上架应用市场
更多 >
LV.4
finogeeks
加入讨论
的问答专区 >
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档