WordPress 微信小程序如何接入好物圈

微信小程序的购物清单已经更新为好物圈，并且提供了好物圈接入插件，大大的方便了好物圈的接入。由于我们的每周特价机票小程序需要接入好物圈，而每周特价机票小程序正是使用 WordPress 后端。于是花了一些时间研究，成功的把特价机票接入好物圈。

什么是好物圈？

好物圈是微信提供的服务信息管理和物品推荐工具。用户可以在这里浏览朋友推荐的物品，与朋友交流心得，还可以为朋友进行推荐。

要接入好物圈，可以申请微信小程序的好物圈插件。

如何申请好物圈插件？

1、在微信小程序后台设置 - 第三方设置 - 插件管理 - 添加插件

2、搜索好物圈，然后选择 好物推荐 ，点击确认

4、通过审核后，击点详情，即可查看好物推荐插件基本信息和开发文档

如何接入好物圈开发？

1、配置 app.json 扩展组件

在 app.json 中增加以下内容：

"plugins": {
   "goodsSharePlugin": {
     "version": "2.1.2", // 在基础信息处查看版本号
     "provider": "wx56c8f077de74b07c" // 填写基础信息的 AppID
   }
}

2、配置调用页面 json 组件

比如每周特价机票小程序的详情页为 detail.wxml ，因此，需要在 detail.json 中增加usingComponents["share-button"]项

"usingComponents": {
  "share-button": "plugin://goodsSharePlugin/share-button"
}

3、在详情页增加 推荐好物 按钮

比如每周特价机票小程序的详情页为 detail.wxml ，在 detail.wxml 合适位置处增加以下代码：

<view class="share-container">
<share-button
  product="{{product}}"
  type="1"
/>
</view>

到此，接入好物圈的基本信息已经完成了，但是，开发并没有完全结束，因为，好物推荐的信息还没有完成，就是 {{product}} 需要设置。

如何设置好物圈的数据信息？

设置好物圈的数据信息，需要通过好物推荐插件的详情了解开发文档。根据自己的小程序情况定制相关的数据内容，这里就以每周特价机票小程序的数据信息为例。

在获取详情页数据的时候，设置相关的好物推荐数据：

let product = {} // 定义好物产品数据信息
let brand = {} // 定义品牌或商铺数据信息
product.item_code = "" + res.id + "" // 物品的唯一标识，必填项，这里以文章 id 表示
product.title = res.title.rendered // 物品的名称，必填项，这里以文章标题表示
product.desc = res. excerpt.rendered // 物品描述，可选项，这里以文章描述表示
product.category_list = [res.tag[0].name + '机票'] // 类目列表，必填项，这里以标签名称表示
product.image_list = [res.meta.thumbnail] // 物品图片url列表，必填项，这里以缩略图表示
product.src_mini_program_path = '/pages/detail/detail?id=' + res.id // 物品的小程序落地页path，必填写
brand.brand_name = '每周特价机票' // 品牌名称，或者店铺名称
brand.brand_url = 'https://wx.qlogo.cn/mmhead/Q3auHgzwzM7pePYg0Iia4IxxD7I5IZgDJ3821NXlndkHJKN9JnyPNfQ/0' // 品牌标志，或者店铺 LOGO
product.brand_info = brand // 物品所属店铺信息，非平台型商家选填，即上面的两项信息
// 对 product 好物产品数据信息赋值
this.setData({
    product:product
})

到此，好物圈的数据接入就完成了。好物圈的数据不仅仅是单纯上面的信息，具体的需要根据小程序的情况设置，可以查看好物圈开发文档。

题图封面: 摄影 / FirmBee 出处 / Pixabay