生活物联网平台为您提供了官方的云食谱小程序，您只需要在面板上添加控件跳转到官方小程序即可快速在App端集成云食谱的能力。

前提条件

已完成产品面板的自定义。具体操作，请参见自定义厨电设备的预置面板。

操作步骤

  1. 拼接小程序的链接。小程序的完整链接由小程序的地址头，和URL方式编码后的路由地址和参数组成。请您根据以下步骤来操作。

a. 拼接路由地址和参数。
生活物联网平台提供两种小程序的路由地址，详细介绍如下表所示。

页面 路由链接 应用场景
食谱首页 /pages/index/index 除操作某个具体云食谱外，建议其余选用食谱首页的链接。
食谱详情页 /pages/recipe-detail/recipe-detail 当前设备正在执行某个云食谱时，建议选用食谱详情页的链接。

小程序链接中需拼接的参数如下。

参数 是否必填 参数说明
devId 是 设备ID。
productKey 是 产品的Key，设备证书信息之一。创建产品时，生活物联网平台为该产品颁发的全局唯一标识。
openAccountId 是 平台颁发给食谱提供者的ID标识。您可以在SaaS平台的应用开发 > 开发管理中查看。
contentRecipeId 否 内容食谱ID，食谱详情页必填。
type 否 小程序类型，当有线上或预发环境区分时使用。
- 传入debug：在预发环境访问该小程序链接
- 不传debug：在线上环境访问该小程序链接

请您根据具体的应用场景来选择链接地址。以拼接食谱首页的地址为例，拼接示例如下。

  1. /pages/index/index?devId=rXyQlw****fB8hUK000000&productKey=a1l****ZtE&openAccountId=Q5****qqzJn8SSP8LQ==&type=debug

b. URL编码。您可以调用encodeURIComponent函数，将拼接的路由和参数结果进行URL编码。以上示例URL编码后结果如下。

  1. 2Fpages%2Frecipe-detail%2Frecipe-detail%3FdevId%3DrXyQlw****xifB8hUK000000%26productKey%3Da1****vZtE%26openAccountId%3DQ****SVx%2FqqzJn8SSP8LQ%3D%3D%26contentRecipeId%3D4xxx01

c. 拼接小程序的地址头。小程序的地址头为[https://2021001192657554.hybrid.alipay-eco.com/index.html?appId=2021001192657554&page=](https://2021001192657554.hybrid.alipay-eco.com/index.html?appId=2021001192657554&page=)，其中云食谱小程序的appId固定为2021001192657554。
完整的小程序链接示例如下。

  1. https://2021001192657554.hybrid.alipay-eco.com/index.html?appId=2021001192657554&page=%2Fpages%2Findex%2Findex%3FdevId%3DrXyQlw****fB8hUK000000%26productKey%3Da1****ZtE%26openAccountId%3DQ5****qqzJn8SSP8LQ%3D%3D%26type%3Ddebug
  1. 集成云食谱小程序。您可以通过以下方式集成云食谱小程序。