小程序打开APP指定页面

小程序打开APP指定页面

一、小程序端准备

1、最好将小程序基础调试库调整至较为新的版本。(我选择的是大于2.5.1的版本)
2、从官网把代码 copy 过来,记得看看 button 的小程序打开app的属性。

WXML

<button open-type="launchApp" app-parameter="这里是我要传递给app的参数" binderror="launchAppError">打开APP</button>

JS

Page({
  launchAppError (e) {
    console.log(e.detail.errMsg)
  }
})
3、参考链接

【微信官方文档说明】 [微信官方文档说明链接](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html#error 事件参数说明)

二、APP端准备

这里直接使用了微信小程序官方文档的调用说明

1、APP 需要接入 OpenSDK。 文档请参考 iOS / Android

Android 第三方 app 需要处理 ShowMessageFromWX.req 的微信回调,iOS 则需要将 appId 添加到第三方 app 工程所属的 plist 文件 URL types 字段。 app-parameter 的获取方法,请参考 Android SDKSample 中 WXEntryActivity 中的 onResp 方法以及 iOS SDKSample 中 WXApiDelegate 中的 onResp 方法。

三、联合调试

1.APP端

因为如果要调试小程序打开APP功能 的话,需要首先在调试的时候,将当前小程序的场景值调换成指定的场景值,这里我们把当前的小程序场景值指定为 1036: App 分享消息卡片

因为 APP 分享出来的消息卡片,在用户点击了之后,是默认打开的线上的正式版本的小程序,所以当下我们就需要和 APP的开发同事 进行协调,让APP同事单独为你打一个测试包,让分享出来的小程序消息卡片走测试版本小程序或者是开发版本小程序,这样就可以保证我们的小程序测试场景值可以是指定的 1036: App 分享消息卡片。并且可以进行非发布版本小程序的调试工作。

以ios为例

【IOS端生成指定小程序版本链接】 IOS端生成指定小程序版本 正式版 测试版 开发版 链接

字段 类型 含义
miniprogramType WXMiniProgramType 小程序的类型,默认正式版,1.8.1及以上版本开发者工具包支持分享开发版和体验版小程序 正式版: WXMiniProgramTypeRelease;
测试版: WXMiniProgramTypeTest;
体验版: WXMiniProgramTypePreview;
2.小程序端操作流程

首先真机调试已经输入了上边小程序代码的新开发版本小程序 ======>

app端进入专辑页面===分享该专辑的小程序消息卡片===>

进入该小程序,获取当前的指定场景值 1036===符合当前的app打开小程序条件===>

点击打开app的button按钮===跳转回app===>成功传递参数给app