公衆號頁面分享朋友圈後點擊跳轉到小程序的方法介紹

因爲微信小程序是不支持直接分享到朋友圈的， 只能轉發給朋友或者羣聊， 當前公司已經開發了小程序， 但願能把客戶引導到小程序上操做報價， 方法是： 公衆號貨源詳情分享朋友圈-> 朋友圈點擊貨源詳情進入小程序報價， 老闆讓咱們想辦法實現。。

因而，老闆說打哪就打哪， 實現過程總結以下：

前提： 報價頁面 在小程序中已經實現（路徑爲 pages/supply/supply）：

 

公衆號開發部分：

1. 公衆號開發貨源列表（基於H5開發）

2. 某條貨源分享到朋友圈的方法其實就是公衆號H5頁面分享到朋友圈， 微信是容許的（經過微信的jsApi: onMenuShareTimeline）

3. 在朋友圈中打開該H5頁面， 打開的就是貨源的詳情， 以下：

 

4. 點擊分享到微信， 則依然重複公衆號分享朋友圈的功能，略過；

5. 點擊「報價」，老闆要求可以跳轉到小程序的報價頁面。

方法以下：

登陸小程序微信公衆平臺（mp.weixin.qq.com）-> 設置-> 開發設置， 最下邊有一個「掃普通連接二維碼打開小程序」的設置項,以下：

咱們製做了一個小程序「報價」頁面的URL連接，經過這個連接生成的二維碼， 就能夠打開小程序中的報價頁面！

故在公衆號頁面點擊「報價」按鈕， 就是調用JS函數對跳轉到小程序的連接生成二維碼（經過QRCode.js函數庫能夠實現）， 彈出這個二維碼圖片給客戶，客戶長按二維碼識別進入小程序成功， 完畢！