小程序支持打开移动应用到底是怎么回事?

移动开发
从苹果官方微信号微信公共平台发布的文章《小程序支持打开移动应用》来看,小程序新增了两个功能:支持打开移动应用 和标题栏区域开放自定义。乍一看其实有点标题党的行为,支持打开移动应用?

从苹果官方微信号微信公共平台发布的文章《小程序支持打开移动应用》来看,小程序新增了两个功能:

  • 支持打开移动应用
  • 标题栏区域开放自定义

针对第二个功能,就是开发者可以自定义小程序菜单栏的颜色风格,根据需求,对小程序菜单外的标题区域进行自定义,比如设置标题区域的颜色。这里主要介绍一下支持打开移动应用的功能。

支持打开移动应用

乍一看其实有点标题党的行为,支持打开移动应用?

  • 让我想到的是我可以用小程序打开任何移动应用?(答案是不能)
  • 那我是不是可以打开自己的App?(答案是有限制性地打开)
  • 是不是可以打开系统自带的浏览器?(答案是不能)
  • 是不是可以打开第三方的移动应用呢?(答案也是不能)

其实,小程序打开移动应用有一条硬性要求:从移动应用分享至小程序的页面,用户访问时支持打开来源应用。接下来进一步解读一下这条要求。

大部分程序都有微信分享功能,我们常做的就是将一个图片、一段文字亦或是一个URL链接进行分享,可以分享给好友(包括群)、朋友圈或者是添加到个人收藏,如下:

小程序支持打开移动应用到底是怎么回事?

我们还可以分享小程序,如图:

小程序支持打开移动应用到底是怎么回事?

上面是一个抢票软件(智行)分享到微信的一个小程序,好友可以点击小程序帮忙加速。按照官方文章的说法,分享到微信的小程序里面如果有一个按钮,实现如下:

  1. <button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">打开APP</button> 

那么当点击此按钮时,就会打开源App。在其他情况下是无法打开的,这里给出了一张能否打开移动APP的图解:

小程序支持打开移动应用到底是怎么回事?

这里小程序给出一个场景值概念,只有场景值为1036(还有个状态值true或false,它决定是否能够打开APP。场景值为1036,状态值为true)的小程序,才能够打开源APP,即小程序不能打开任何App,只能跳回分享小程序卡片的APP。官方文档也对这个标识做了解释:

在小程序的生命周期内,这个状态的初始值为 false,之后会随着小程序的每次打开(无论是启动还是切到前台)而改变:

  1. 当小程序从 1036(App 分享消息卡片) 打开时,该状态置为 true。
  2. 当小程序从 1089(微信聊天主界面下拉)或 1090(长按小程序右上角菜单唤出最近使用历史)的场景打开时,该状态不变,即保持上一次打开小程序时该状态的值。
  3. 当小程序从非 1036/1089/1090 的场景打开,该状态置为 false。

针对第二条,1089和1090那个,我的理解是小程序类似于移动APP,它并没有关闭,而是在后台,所以1089和1090打开小程序只是把小程序唤到前台,所以小程序状态不变。状态如果为true,也可以打开移动APP。

以上便是对小程序打开移动应用的介绍,接下来看一下具体代码实现。

代码实现分享小程序打开移动应用(iOS版本,Android类似)

首先要做的就是新建一个工程,然后集成微信分享,具体如何集成可以参见官网集成文档,集成之后,在页面添加一个按钮,触发实现如下:

  1. - (IBAction)openSmallProgramAction:(id)sender { 
  2.     //分享小程序的实现 
  3.     WXMiniProgramObject *wxMiniObject = [WXMiniProgramObject object]; 
  4.     wxMiniObject.userName = @"gh_*************"
  5.     wxMiniObject.path = @"pages/index/index"
  6.     // 
  7.     WXMediaMessage *message = [WXMediaMessage message]; 
  8.     message.title = @"我是小程序"
  9.     message.description = @"我是用来测试打开App的小程序"
  10.     message.mediaObject = wxMiniObject; 
  11.      
  12.     SendMessageToWXReq *req = [[SendMessageToWXReq alloc] init]; 
  13.     req.message = message; 
  14.     req.scene = WXSceneSession; 
  15.     [WXApi sendReq:req]; 
  16.    //原来做分享的实现 
  17. //    SendMessageToWXReq *req = [[SendMessageToWXReq alloc] init]; 
  18. //    req.text = @"分享的内容"
  19. //    req.bText = YES; 
  20. //    req.scene = WXSceneSession; 
  21. //    [WXApi sendReq:req]; 

这里是所有的App都可以用上面的实现方式分享小程序么吗?答案是否定的。看官方文档的说法:

  • 移动应用分享功能支持小程序类型分享,要求发起分享的APP与小程序属于同一微信开放平台帐号。支持分享小程序类型消息至好友会话,不支持“分享至朋友圈”及“收藏”。

也就是说小程序分享是有限制的:

  • 发起分享的App与小程序属于同一微信开放平台账号
  • 只支持分享小程序类型消息至好友会话(SendMessageToWXReq的scence只支持WXSceneSession)

经过测试,一个账号不能同时注册微信开放平台和微信公众平台。也就是说:如果你的账号注册了微信开放平台,那么该账号就不能再次注册微信公众平台。

  • 微信开放平台放的是移动APP。
  • 微信公众平台放的是小程序。

那官方所说的属于同一微信开放平台账号就不是一个账号下既有APP又有小程序(因为小程序是在微信公众平台开发的)。打开微信开放平台页面之后,***条就好理解了:

小程序支持打开移动应用到底是怎么回事?

小程序支持打开移动应用到底是怎么回事?

如果你想要在移动APP内分享小程序,你必须在该APP所在的微信开放平台账号下绑定微信小程序,这样才可以在APP中实现小程序分享。这就是官方所说的APP和小程序属于同一微信开放平台账号。

那么APP怎么知道分享哪个小程序的? 或者说APP是怎么和小程序关联的呢?

这就要看上面的那段代码(前提是你把小程序和APP放到了同一开放平台账号下),其中有一行:

  1. wxMiniObject.userName = @"gh_*************"

该userName就是小程序的userName,你可以登录微信公众号平台|小程序,然后在设置—>基本设置中查看,里面有个原始id,就是小程序的userName。

这样你就将APP的分享和小程序关联起来了。

还有一个问题:分享的小程序如何打开指定的页面呢?

这就要看另一行代码:

  1. wxMiniObject.path = @"pages/index/index"

你需要设置一下小程序的path,这个path的页面就是你点击分享的小程序打开的页面。这里看一张小程序开发工具的图:

小程序支持打开移动应用到底是怎么回事?

pages所指的就是页面,例如上图的pages文件夹包含了detail和index和logs三个页面,其中:

  • index:指代的是信用卡列表页。
  • detail:指代的是点击列表某个item进入的详情页。
  • logs:日志页面

所以如果你想跳转到详情页,那么你在设置wxMiniObject的path时就应该写成“pages/detail/detail”。这样就实现了点击分享的小程序进入指定的页面了(如果页面需要参数你也要在分享时传过去)。

  • wxml:相当于html
  • wxss:相当于css

这里其实是微信小程序自己定义了后缀。

这个时候你分享的小程序场景值为1036,且状态为true,如果此时你小程序里面有open-type为“launchApp”的button,点击button你就会跳回你的移动APP啦。如果想给APP回传内容,可以设置app-parameter。就像这个小按钮:

  1. <button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">打开APP</button> 

到此,我想你应该大概了解小程序支持打开移动应用到底是怎么回事了。

总结

小程序并不是支持打开所有移动APP,就算是同一个微信开放平台账号下面的移动APP和小程序,小程序也不一定可以打开,具体还要看场景。

展望

小程序支持跳转移动APP是很大的进步,在小程序以后的进一步完善中,它应该会朝着APP直接打开小程序方向迈进,而不仅仅是通过分享打开小程序。未来我们也许会实现点击移动APP里面的某个按钮直接打开某个小程序,然后在小程序操作完成之后再次返回到移动APP。(例如微信支付,可以从移动APP跳转到小程序进行微信支付,支付成功后直接返回移动APP)

小程序支持跳转移动APP是很大的进步,在小程序以后的进一步完善中,它应该会朝着APP直接打开小程序方向迈进,而不仅仅是通过分享打开小程序。未来我们也许会实现点击移动APP里面的某个按钮直接打开某个小程序,然后在小程序操作完成之后再次返回到移动APP。(例如微信支付,可以从移动APP跳转到小程序进行微信支付,支付成功后直接返回移动APP)

责任编辑:未丽燕 来源: 张贵的站点
相关推荐

2023-10-12 08:54:20

Spring事务设置

2021-10-15 21:16:00

手机内存漏洞

2022-04-15 08:54:39

PythonAsync代码

2019-07-23 15:34:29

MySQL存储引擎

2013-01-18 11:28:27

应用推广

2015-05-29 09:34:13

2018-03-13 10:32:43

2022-05-26 11:36:12

APK文件小米

2023-03-29 08:24:30

2013-11-18 10:34:00

企业移动化移动信息化

2020-11-19 14:28:02

MacBookiOS苹果

2021-06-04 11:10:04

JavaScript开发代码

2010-04-20 09:55:37

2020-08-12 09:10:16

AI芯片AI人工智能

2022-01-25 20:23:21

联邦通信委员会联邦航空管理局5G

2020-02-18 11:19:36

物联网病毒物联网IOT

2020-02-04 17:42:17

宽带运营商携号转网

2016-11-22 19:54:56

点击率预估推荐算法广告

2019-11-14 15:17:49

区块链应用数字货币

2019-11-12 14:20:05

区块链比特币区块链应用
点赞
收藏

51CTO技术栈公众号