作者凡泰极客·2022-02-08 11:16

市场经理·凡泰极客

关注

技术分享 | 如何实现小程序与 App 的跳转

字数 3534阅读 554评论 0赞 0

![技术分享 | 如何实现小程序与 App 的跳转](https://www.finclip.com/blog/content/images/size/w2000/2021/10/jt5qs1eo_w772_h432.png)

提到小程序，大家脑子里第一印象总是微信小程序，现在，FinClip将这种能力“开放”出来，让任意一个App都能运行自己的小程序。

在运行了自己的小程序的同时，很多开发者都想进一步了解，如何实现我自己的小程序、与其他App（特别是微信App）的跳转？

今天，我们将重点缕清这个跳转的逻辑关系与实现方式。

## 一、FinClip小程序与微信小程序

开篇明义、概念先行。在梳理跳转前，我们有必要再关注一下这些小程序各自是什么。

微信小程序： 几乎无需解释，是运行在微信App中的小程序规范

FinClip小程序：

FinClip小程序 ＝ 微信小程序：从技术栈上，一个微信小程序可以直接编译为FinClip小程序，一个代码包在双端（微信App 和 集成FinClip SDK的APP）上，表现是完全一样的

FinClip ≠ 微信：从上架流程上，FinClip是独立平台，有自己的管理后台，客户可通过FinClip SaaS版（[https://www.finclip.com](https://www.finclip.com/)）集成FinClip SDK后，在自己的APP上运行小程序；同时，微信是一个绝对独立的APP，小程序必须在微信上申请账号、等待审核，全流程由微信（也即腾讯）处理，任何其他第三方都无法干涉

FinClip ＞ 微信：FinClip SDK可以让任何一个App拥有运行小程序的能力，同时也支持将小程序上架至其他主流App平台（如百度、支付宝）

![](https://www.finclip.com/blog/content/images/2021/10/image-12.png)

## 二、小程序与App跳转的排列组合

基于FinClip能力之后，小程序与App跳转可不只是一种方式、一条路径，我们梳理了如下图所示的6条路径。

接下来，一一看下如何实现吧！

![](https://www.finclip.com/blog/content/images/2021/10/image-13.png)

## 三、如何实现具体的跳转

场景1：微信小程序 — 微信App

场景描述：

这是最最基础的小程序 - App的跳转，实际上，无论是FinClip小程序 - FinClipApp，还是微信小程序— 微信App，实现的都是在自己生态内的内容切换

实现方法：

小程序通过返回、退出操作回到App，App也可以通过定义小程序入口参数的方式，实现进入指定小程序页面的目标

FinClip：App进入小程序指定页面的设定方法

* [finclip：App进入小程序指定页面的设定方法](https://finclip.com/mop/document/runtime-sdk/sdk-api/android.html#_3-%E5%90%AF%E5%8A%A8%E9%83%A8%E7%BD%B2%E5%9C%A8%E6%9C%8D%E5%8A%A1%E7%AB%AF%E7%9A%84%E5%B0%8F%E7%A8%8B%E5%BA%8F%EF%BC%8C%E5%90%AF%E5%8A%A8%E6%97%B6%E6%90%BA%E5%B8%A6%E5%90%AF%E5%8A%A8%E5%8F%82%E6%95%B0)
* [finclip：从接口层面关闭小程序](https://finclip.com/mop/document/runtime-sdk/sdk-api/android.html#_7-%E5%85%B3%E9%97%AD%E5%B0%8F%E7%A8%8B%E5%BA%8F)

场景2：finclip小程序 - 微信App

场景描述：

微信是什么？是当前网络世界最大的公域流量。通过分享到微信，我们可以：

* 通过小程序的方式承载业务内容、而不是通过H5，可以最大化的保证用户获得最佳的用户体验  
举个例子，从App分享H5至微信，用户看到的只有当前H5内的一个页面、一个功能点，用户无法从这个功能点查看整体描述或其他内容；  
而小程序不同，小程序可以实现多层级的业务功能，用户也可以直接在小程序内登录、操作、并完成更多、与App相关联的复杂操作
* 通过小程序实现在微信的裂变分享，为App拉新、促活的难题提供又一个解决方向

实现方法：只需简单几行代码，finclip App即可分享小程序到微信

* [在集成了finclipSDK的APP中实现分享到微信](https://finclip.com/mop/document/faq/SDK/Android-SDK.html#_9-%E6%80%8E%E4%B9%88%E5%88%86%E4%BA%AB%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%B0%E5%BE%AE%E4%BF%A1%E7%AD%89%E6%94%AF%E6%8C%81%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%9A%84%E5%B9%B3%E5%8F%B0%EF%BC%9F)
* [在分享时，同步获取当前页面截图，以绘制分享海报](https://finclip.com/mop/document/faq/SDK/Android-SDK.html#_11-%E5%A6%82%E4%BD%95%E8%8E%B7%E5%8F%96%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BD%93%E5%89%8D%E9%A1%B5%E9%9D%A2%E6%88%AA%E5%9B%BE%EF%BC%9F)

场景3：微信小程序 - 自有App（集成finclip SDK 的App）

场景描述：引流引流，引到自己家的才叫真“流量”。在微信小程序通过内容、活动吸引到的流量，自然要再回流至自有App的

实现方法：需要强调的是，从微信到自有App的跳转，主要是受限于微信本身的规定，微信不提供的能力、基本都很难解决。而微信小程序在近期版本中，已经去除了直接“返回App”的入口，目前能通过小程序实现的引流主要是：

* 在小程序内，引导用户打开客服消息，并在客服信息内回复App下载链接

在微信小程序内设置入口 → 引导进入客服信息 → 客服回复下载链接 → 在下载链接内引导至App（或引导用户执行下载） → 在自有App内打开对应内容

![](https://www.finclip.com/blog/content/images/2021/10/image-14.png)

* 在小程序内，增加H5页面，通过H5中的“launchApp”实现

![](https://www.finclip.com/blog/content/images/2021/10/image-15.png)

查阅文档：[https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html)

场景4：FinClip小程序 —微信—自有App

场景描述：

闭环、闭环，有来有回才叫闭环。通过实现FinClip小程序到微信、再回到App的闭环，活动运营才能完整。

实现方法： 此场景实际是场景3 + 场景4的结合，通过两种方式叠加即可实现。

场景5：其他（短信、邮件、网页等）— FinClip小程序（自有App）

场景描述：   
除了微信 - App之间的互跳，任意其他位置也可以实现到小程序和App跳转。举个例子：

* 当618来临，通过短信、邮件、网页等场景，向这类客户定向推动一个“低至1折福利”，再从福利引导用户回到小程序 或App
* EDM营销时，总是面临用户触达率不高、转换率更低的问题，如果向用户提供了一个更简短的落地方式，是不是能有效提升转换率？

实现方法： FinClip小程序支持生产短链，该短链支持从外部唤醒

FinClip 小程序

著作权归作者所有

如果觉得我的文章对您有用，请点赞。您的支持将鼓励我继续创作！

添加新评论0 条评论

Ctrl+Enter 发表

匿名评论

作者其他文章

手把手第九篇：你好，FinClip
评论 0 · 赞 0

手把手第十篇：FinClip、mPaaS、Unisdk 小程序解决方案对比
评论 0 · 赞 0

圆桌会议：如何避免踩到移动研发中，效能提升那些坑
评论 0 · 赞 0

凡泰极客 FinClip SaaS 版重磅上线，正式迈开全行业技术普惠步伐
评论 0 · 赞 0

手把手第一篇：写出第一行 Hello World
评论 0 · 赞 0

数字化时代，银行如何建设管理小程序平台交流探讨总结

5G消息、聊天机器人和小程序

开发小程序的正确方式

小程序框架与平台编译对比

FinClip+Rust（一）：夹心饼架构

技术分享 | 如何实现小程序与 App 的跳转

添加新评论0 条评论

作者其他文章

相关文章

相关问题

相关资料