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

微信小程序的購物清單已經更新為好物圈,并且提供了好物圈接入插件,大大的方便了好物圈的接入。由于我們的每周特價機票小程序需要接入好物圈,而每周特價機票小程序正是使用 WordPress 后端。于是花了一些時間研究,成功的把特價機票接入好物圈。

什么是好物圈?

好物圈是微信提供的服務信息管理和物品推薦工具。用戶可以在這里瀏覽朋友推薦的物品,與朋友交流心得,還可以為朋友進行推薦。

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

如何申請好物圈插件?

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

添加好物推薦

2、搜索好物圈,然后選擇 好物推薦 ,點擊確認

搜索好物圈 /></p>
<p>3、添加好物推薦之后,需要等待插件審核,審核通過后,則可以開始接入好物圈</p>
<p><img src=

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

相關推薦

2 條評論

  1. 藏玉

    我的item_code一直報錯,顯示不存在

    • Chi

      有可能沒有定義正確,另外,官方插件好像也有點 Bug

發表評論

微信掃一掃

微信掃一掃

微信掃一掃,分享到朋友圈

WordPress 微信小程序如何接入好物圈
返回頂部

顯示

忘記密碼?

顯示

顯示

獲取驗證碼

Close
七星彩走势图500