公众号页面分享朋友圈后点击跳转到小程序的方法介绍

由于微信小程序是不支持直接分享到朋友圈的, 只能转发给朋友或者群聊, 当前公司已经开发了小程序, 希望能把客户引导到小程序上操作报价, 方法是: 公众号货源详情分享朋友圈-> 朋友圈点击货源详情进入小程序报价, 老板让我们想办法实现。。

于是,老板说打哪就打哪, 实现过程总结如下:

前提: 报价页面 在小程序中已经实现(路径为 pages/supply/supply):

公众号页面分享朋友圈后点击跳转到小程序的方法介绍_第1张图片

 

公众号开发部分:

1. 公众号开发货源列表(基于H5开发)

2. 某条货源分享到朋友圈的方法其实就是公众号H5页面分享到朋友圈, 微信是允许的(通过微信的jsApi: onMenuShareTimeline)

3. 在朋友圈中打开该H5页面, 打开的就是货源的详情, 如下:

公众号页面分享朋友圈后点击跳转到小程序的方法介绍_第2张图片

 

4. 点击分享到微信, 则依然重复公众号分享朋友圈的功能,略过;

5. 点击“报价”,老板要求能够跳转到小程序的报价页面。

方法如下:

登录小程序微信公众平台(mp.weixin.qq.com)-> 设置-> 开发设置, 最下边有一个“扫普通链接二维码打开小程序”的设置项,如下:

公众号页面分享朋友圈后点击跳转到小程序的方法介绍_第3张图片

我们制作了一个小程序“报价”页面的URL链接,通过这个链接生成的二维码, 就可以打开小程序中的报价页面!

故在公众号页面点击“报价”按钮, 就是调用JS函数对跳转到小程序的链接生成二维码(通过QRCode.js函数库可以实现), 弹出这个二维码图片给客户,客户长按二维码识别进入小程序成功, 完毕!

 

你可能感兴趣的:(公众号页面分享朋友圈后点击跳转到小程序的方法介绍)