浅谈 微信小程序 与 APP 应用的结合

简介: 浅谈 微信小程序 与 APP 应用的结合

image.png


前言


去年微信推出了 Donut(多纳) 开发平台(目前是 Beta 版),目的是让开发者可以一次编码,就能够编译为 小程序、 Android、 iOS 应用,实现所谓的 多端开发,其核心包括:

  • 开发者可将 小程序 构建成可 独立运行的移动应用
  • 也可以将 小程序 构建成运行于 原生应用中的业务模块

image.png

从上图可以看出第三方 APP 应用是可以运行微信小程序的,主要是因为微信将运行小程序的能力对外进行了开放,下文中就基于 为什么需要提供这样的能力?除了 Donut 还有哪些合适的方案推荐? 等两个方面进行展开浅谈。

微信小程序

在正式展开之前,还是有必要简单了解一些和小程序相关的内容。

小程序是什么?

在没有小程序之前,我们手机上存在的大多数各种各种的 APP ,这些 APP 通常需要下载、安装、注册/登录等一系列步骤后才能够使用,然而这是存在一些缺陷:

  • 占用大量存储空间
  • 下载并安装应用,就意味这个应用会在你的手机中占用一定空间,随着你安装的 APP 越来越多,手机的存储空间消耗就越多,手机会因存储空间不足而变得卡顿
  • 而且多数的 APP 应用本身就是需要占用较大的存储空间,特别是当用户的手机本身总存储量就不大的时候,更能凸显出这种缺陷
  • 安装时间长
  • 用户想更快的使用应用,虽然目前大多数应用的安装速度变得越来越快,但当用户体验过一个安装速度很快的应用后,会不自觉的与另一个应用的安装速度进行比较,而且不会在乎两个应用的体量的差异带来的影响
  • 另外不同机型本身存储量的原因也会导致安装时间增加等
  • 注册/登录繁琐
  • 为了安全性,一般在进行注册时会通过各种有效身份认证,例如:绑定了银行卡的手机号、人脸识别、身份证件照、鉴别人为操作(拖动验证、文字顺序验证、验证码验证等)等,这一系列的过程本身虽然是为了安全,但是用户会觉得很繁琐和麻烦,甚至会认为 APP 是单纯的在获取这些个人信息
  • 另外,特别是涉及到兄弟 APP 的操作时,往往会在当前 APP 里面提示你去下载另一个软件,而且你有需要进行如上所有操作

小程序是一种 无需安装、即开即用、用完即走 的应用,它能够解决上述带来的问题:

  • 无需安装 意味着不会占用大量的手机存储空间,也不存在安装时间长的问题
  • 即开即用 意味着注册/登录过程更简化,通常来讲只需要所谓的 一键授权

微信小程序

微信小程序是小程序的一种,顾名思义,它是运行在微信端的或者说基于微信的,其实就是一个借助微信平台而开发的 类 APP,不过其特性使得和实际 APP 产生了区别。

2017年12月28日,微信更新的 6.6.1 版本开放了小游戏,微信启动页面还重点推荐了小游戏「跳一跳」,让微信小程序正式拥有了自己的姓名。后续百度、阿里、今日头条等平台也陆续推出了自己的小程序,让小程序这个名字更加火爆,造成后续的应用都变成了所谓的 "超级应用 + 小程序" 的模式。

优势

微信小程序的优势包括但不限于以下几点:

  • 用户流量大
  • 微信用户量已经是以亿为单位了,这意味着其本身拥有了如此巨大的免费流量,只需要基于微信的推广,对应的小程序就会有大量的使用者
  • 可直接支付
  • 微信本身已经拥有了支付能力,因此微信小程序完全可以接入微信本身的支付能力,无需像其他 APP 应用一样跳转到第三方支付系统,也就支付上更便捷
  • 入口多、更快查找
  • 基于微信生态下,微信小程序的入口非常多,能够更快速的找到入口,例如:扫一扫、搜索小程序、最近使用的小程序、附近小程序、分享的小程序(如链接、二维码)、微信的服务通知等等
  • 结合实体商
  • 单纯的支付功能只能满足线上支付,支付结束用户和实体商就断开联系了,小程序的接入就可以将用户和实体商间进一步保持连接,例如进入对应的微信小程序后,用户可以选择开通会员权益,拥有一定的优惠奖励和特权,这样就在某一定程度上将用户和实体商绑定在一起
  • 开发成本更低
  • 与开发一个新的 APP 应用相比,所投入的入力、时间方面的成本会更低,并且小程序也更容易接入使用

微信小程序 与 APP 应用的结合

为什么需要 微信小程序 集成在 APP 应用中?

微信小程序虽然拥有上述提到的种种优点,但自从 2017 年以来为什么 APP 应用的地位还没有被微信小程序占领,反而 APP 数量一直在持续增加,各个商家也没有停下开发 APP 的脚步,这些是有一定原因的。

原因一:用户群体和习惯

微信小程序被推出之前,早先火爆的应用市场获得了先机,这个先机就是提前获得了用户,而用户在应用市场上经过时间的催化,早已经养成了下载并使用 APP 的习惯,并且在应用市场上下载的应用,让用户觉得更加安全、放心,这个习惯是微信小程序单单靠几年内无法改掉的。

再一个是用户群体,微信小程序推出的时间会和这个时间范围内的较新时代用户更贴近,那么也同时意味着早前的用户也许根本不关心变化,他们仍然会按照之前的方式去处理,这是这部分用户的第一反应。

原因二:微信小程序是阉割版 APP

微信小程序的包体积大小是有限制的,如小程序的大小不得超过 2M,因此才会有各种对应的分包策略,同样的如果一个 APP 应用想要基于微信生态,那么就必须得开发一个微信小程序,而由于小程序大小的限制,对应版本的微信小程序通常无法包含原 APP 应用的全部功能,意味着必须要对功能进行 “ 阉割 ”。

“ 阉割 ” 的功能实际上就是牺牲部分用户体验和性能来满足其功能性要求,比如你可以对比一下 美团 APP 和 美团小程序 上功能的差异。用户分类也是会产生影响,例如轻度用户可能偶尔会使用一些 APP 的功能,这个时候可能微信小程序就足够满足他的需求,然而对于重度用户而言会更倾向于去下载这个 APP ,毕竟有些操作是私密性强的,或者是需要更安全的环境去操作等。

原因三:微信小程序不是直接入口

微信小程序的各种便捷性本身依赖于微信,虽说有多种查找入口的方式,但毕竟不是直接入口,就像我们常说的 PWA 应用,为什么需要 PWA 呀,还不是因为用户不想去打开浏览器、不想去输入地址、想要一个直接入口,方便一键点击快速开始使用嘛!

早前你想要在微信聊天界面和小程序之间进行切换的话,可能会导致小程序端直接重新加载等问题,总之,部分用户会认为下载 APP 更方便使用,又可以在其他应用间进行更友好的切换,体验更好等等。

原因四:微信小程序 终会转成 APP

微信小程序所拥有的微信生态和庞大的用户流量,让许多商家会选择将小程序作为引流工具,当这个业务发展到一定规模,拥有一定稳定客户群时,商家必然会更倾向于与 APP 应用化,这一点应该不难理解吧!

本质就是为了引流,虽然商家拥有了流量,但是这部分流量说白了还是微信的流量,并不是绑定在商家端的流量,因此商家需要形成自己的独自流量池就需要 APP 应用来实现。

APP 是具有超强粘性的,通常只要用户不删除 App,那么就会一直存在用户手机中,这样商家就有机会对用户进行重复、加深自身品牌印象的操作,这样也更利于商家后续进行营销工作,沉淀自己的忠实用户。

综上所述,微信小程序 终将 APP 化,而微信小程序的语法和 APP 应用可不同,这就会导致不兼容,那么意味着还需要额外的 人力、物力、财力 去开发一个 APP,这似乎不是大家所希望的。因此,微信小程序 需要运行在 APP 中是大势所趋。

FinClip 容器

上面说了,微信小程序 迫切的需要在 APP 运行,因此就需要一个容器来帮我们在 APP 集成 微信小程序,那么除了 Donut毕竟是 Beta 版还需要不断完善) 之外还有什么值得选择尝试呢?

FinClip 是一款小程序容器,不论是移动 App,还是电脑、电视、车载主机等设备,在集成 FinClip 小程序 SDK 之后,都能快速获得运行小程序的能力。

image.png

FinClip 分别由 云侧端侧开发者工具 三部分组成:

image.png

具有的优势

  • 轻量的小程序 SDK
  • 过大体积的 SDK 将会影响安装 App 和获取小程序时的用户体验, FinClip 中每个平台中的小程序 SDK 都分为 核心 与 拓展 两部分,开发者可根据业务场景灵活选用
  • App 集成核心 SDK 后的打包体积不超过 3MB
  • 兼容微信语法与登录体系
  • FinClip 中所有开发组件、接口均与微信对标,支持各类 npm 插件、UI 框架引入、支持小游戏,支持 2D 游戏及白鹭、Cocos引擎
  • 同时打通 微信登录、支付等功能
  • 小程序一键生成 App
  • FinClip 自研小程序开发工具 FinClip Builder 支持以 "极低的技术投入" 将小程序转为独立的 App
  • 自定义规则引擎
  • FinClip 可按 地域、人群、时段 等自定义标签进行应用投放,满足企业产品的灰度发布,运营活动 A/B 测试,以及线上版本管理等多场景需求

FinClip Builder

FinClip Builder 是一款由 FinClip 面向小程序开发者推出的一款小程序开发者工具,可帮助小程序开发者完成小程序开发、调试、预览、上传等基本功能,FinClip Builder 可在 Windows、Mac 多平台上运行,从而帮助开发者更加高效地开发小程序。

image.png

使用方式

具体使用方式的推荐以下几个,这里不再额外展开:

最后

以上就是本文的全部内容,文中对各方面的探讨比较浅显,有不当之处可以在评论区指正,希望本文对你有所帮助!!!


目录
相关文章
|
19天前
|
Java Android开发
Rockchip系列之CAN APP测试应用实现(4)
Rockchip系列之CAN APP测试应用实现(4)
24 1
|
2月前
|
监控 安全 数据可视化
【教程】为什么要为 App 应用加固 ?如何为 App 应用加固 ?
【教程】为什么要为 App 应用加固 ?如何为 App 应用加固 ?
|
2月前
|
存储 小程序 API
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果(五十二)
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果(五十二)
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果(五十二)
|
1月前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中PWA技术的应用,PWA结合Web的开放性和原生应用的性能,提供离线访问、后台运行、桌面图标和原生体验。开发者可利用Service Worker实现离线访问,Worker处理后台运行,Web App Manifest添加桌面图标,CSS和JavaScript提升原生体验。实践中需注意兼容性、性能优化和用户体验。PWA技术能提升小程序的性能和用户体验,助力开发者打造优质小程序。
|
15天前
|
搜索推荐 前端开发 JavaScript
【专栏】从网页轻松转换为应用越来越便捷
【4月更文挑战第27天】本文介绍了将网页转换为移动应用的在线生成App过程,包括原理(封装网页内容,添加移动特性)、优势(便捷高效,节省成本,快速上线)以及具体步骤(选择工具,准备内容,配置选项,生成测试,发布推广)。同时,注意版权、兼容性和用户体验问题。通过案例分析和实践经验分享,帮助读者深入了解如何通过在线工具实现App梦想,强调了网页优化、用户界面设计和个性化定制的重要性。
|
2天前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
|
2天前
|
XML 开发框架 .NET
C#/ASP.NET应用程序配置文件app.config/web.config的增、删、改操作
C#/ASP.NET应用程序配置文件app.config/web.config的增、删、改操作
|
11天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。
|
12天前
|
前端开发 Android开发 开发者
【Flutter前端技术开发专栏】Flutter中的混合应用(Hybrid Apps)开发
【4月更文挑战第30天】本文探讨了使用Flutter开发混合应用的方法。混合应用结合Web技术和原生容器,提供快速开发和低成本维护。Flutter,一款现代前端框架,以其插件系统和高性能渲染引擎支持混合应用开发。通过创建Flutter项目、添加平台代码、使用WebView、处理平台间通信以及发布应用,开发者可构建跨平台混合应用。虽然混合应用有性能和用户体验的局限,但Flutter的跨平台兼容性和丰富的插件生态降低了开发成本。开发者应根据项目需求权衡选择。
【Flutter前端技术开发专栏】Flutter中的混合应用(Hybrid Apps)开发
|
25天前
tauri-app生成应用的图标
tauri-app生成应用的图标
9 0