小程序接入

小程序接入预览

半屏小程序接入

1. 申请半屏调用腾讯兔小巢

打开小程序后台，进入 设置 - 第三方设置页面

滑动到 半屏小程序管理 模块，在我调用的的tab中点击添加按钮，输入腾讯兔小巢appidwx8abaf00ee8c3202e

注意：小程序基础库在2.23.1以下版本的用户需要在app.json中添加embeddedAppIdList

{
  "embeddedAppIdList": ["wx8abaf00ee8c3202e"]
}

2. 使用wx.openEmbeddedMiniProgram半屏打开腾讯兔小巢小程序

wx.openEmbeddedMiniProgram({
  appId: "wx8abaf00ee8c3202e",
  extraData :{
    // 把1368数字换成你的产品ID，否则会跳到别的产品
    id : "1368",
    // 自定义参数，具体参考文档
    customData : {
        clientInfo: `iPhone OS 10.3.1 / 3.2.0.43 / 0`,
    }
  }
})

具体参数查看参数说明

如何获取产品ID请查看获取产品ID

全屏小程序接入

小程序官方提供了小程序跳转小程序的接口, 分别可以使用 wx.navigateToMiniProgram(Object object) 接口或 navigator 组件。

以 navigator 组件为例，代码如下：

<!-- page.wxml-->
<navigator
    target="miniProgram"
    open-type="navigate"
    app-id="{{ appId }}"
    extra-data="{{ extraData }}"
    version="release">
    ...
</navigator>

// page.js
Page({
    data: {
        appId: "wx8abaf00ee8c3202e",
        extraData = {
            // 把1221数字换成你的产品ID，否则会跳到别的产品
            id : "1221",
            // 自定义参数，具体参考文档
            customData : {
                clientInfo: `iPhone OS 10.3.1 / 3.2.0.43 / 0`,
            }
        }
    }
})

参数说明

参数名	类型	必填	说明
appId	String	是	输入兔小巢小程序的 AppID wx8abaf00ee8c3202e
extraData	Object	是	包含兔小巢小程序正常运行所需要的各项参数， 如 产品id， 自定义数据等，详细见下方示例代码

extraData 参数说明:

参数名	类型	必填	说明
id	String	是	来源产品的 id, 可在管理后台的产品管理页中查看。路径：txc.qq.com ->产品管理->ID
customData	Object	是	自定义参数，具体使用说明请看兔小巢自定义参数接入文档 详情

其余配置请看微信官方文档

• 半屏小程序
• 全屏小程序

注：微信小程序默认支持管理员回复用户反馈后，用户通过微信收到回复通知。

获取产品ID