在线点餐微信小程序插件小程序一键接入肯德基麦当劳星巴克在线点餐-Toy模板网

这篇具有很好参考价值的文章主要介绍了在线点餐微信小程序插件小程序一键接入肯德基麦当劳星巴克在线点餐。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

聚推客联盟-在线点餐插件

一、插件介绍

该插件已支持肯德基、麦当劳、星巴克、必胜客、奈雪在线点餐、用户享受最低5折起点餐，接入方享受 10% 点餐返现，返现由聚推客联盟结算。

二、添加插件

首先点击该页面上方添加插件

三、引入代码

接入插件前，需要在贵司小程序 app.json中声明需要使用的插件，例如：

代码示例：

{
  "plugins": {
    "jtkDc": {
      "version": "1.0.0",
      "provider": "wx6c999744b6d125ef"
    }
  }
}

引入代码参数说明：
jtkDc：引用名，可自定义，在后续的插件使用中，该引用名将被用于表示该插件。

version：请填写插件当前最新版本号，前往插件【基本信息】-【更新记录】下方查看最新版本号。

provider：插件appid，请勿修改。

四、使用插件（重点）

需要跳转到插件页面时，url 使用 plugin:// 前缀，形如plugin://PLUGIN_NAME/PLUGIN_PAGE，如：

代码示例：


<navigator url="plugin://jtkDc/index?pub_id=26&channel=plugin">
  <button>综合首页</button>
</navigator>

<navigator url="plugin://jtkDc/kfcindex?pub_id=26&channel=plugin">
  <button>肯德基首页</button>
</navigator>

<navigator url="plugin://jtkDc/mcDonaldindex?pub_id=26&channel=plugin">
  <button>麦当劳首页</button>
</navigator>

//也可以使用wx.navigateTo方式跳转

传参说明：

引入插件时需传入动态参数，才可以将CPS收益归属给接入方（您）。

参数名称	参数类型	必选	说明
pub_id	int	是	聚推客联盟id，请前往聚推客联盟PC端后台-【开发】页面查看。https://pub.jutuike.com/development/develop
channel	string	否	用于区分不同来源订单（相当于小程序用户唯一ID），长度不超过30位，只支持字母或数字，字母+字母组合、
kefuAppid	string	否	插件内售后客服小程序appid，如不填写默认使用宿主小程序appid。
kefuPath	string	否	插件内售后客服跳转落地页面。

因官方限制、插件不支持客服组件和web-view组件、插件内售后客服入口默认采用跳转我司小程序用于接待用户售后问题，同时支持接入方自定义客服跳转入口。

引入商品模块组件

接入方小程序如需在页面引入商品模块组件（下图示例），可通过引用插件自定义组件来实现。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KY0ckfoZ-1669775354571)(./demo.jpeg)]

引入商品模块组件代码示例：

// 1、在使用组件的页面json文件中引入组件
"usingComponents": {
        "kfc-component": "plugin://jtkDc/kfc-component",
        "mcd-component": "plugin://jtkDc/mcd-component",
    }
	

//2、在使用组件页面js文件种定义要传入的参数

data: {
    options:{
        pub_id:26,
        channel:123456
    }
  }
//3、在使用组件页面wxml种使用组件并传值

<kfc-component options="{{options}}" ></kfc-component>

<mcd-component options="{{options}}"></mcd-component>

// ===组件参数说明====
// options: 初始化参数
// bgColor: 组件背景色称，可自定义
// btnColor: 组件内按钮的颜色，可自定义