logo 有点东西

微信分享接入流程

1、完成JS安全域名配置

保证项目可以使用微信的JSSDK

2、完成业务域名配置

在页面中存在输入框时，不会出现警告提示

3、引用JSSDK

http://res2.wx.qq.com/open/js/jweixin-1.6.0.js

4、获取SDK签名

调用后端接口，传递当前要分享的网址，获取签名信息

5、配置微信分享

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
wx.config({
    appId: '', // 必填，公众号的唯一标识
    timestamp: '', // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名
    jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表
});

wx.ready(function(){
    wx.updateAppMessageShareData({
        title: '', // 分享标题
        desc: '', // 分享描述
        link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: '', // 分享图标
        success: function () {
          // 设置成功
        }
    })

    wx.updateTimelineShareData({
        title: '', // 分享标题
        link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: '', // 分享图标
        success: function () {
          // 设置成功
        }
    })
});

注意事项

  • 分享后不展示配置的分享信息，有以下两种情况：
    • 分享的内容容包含 红包、提现、免费等敏感关键词
    • 第一次分享未通过公众号内转发

文献参考

微信分享接入流程

作者：有点东西

链接： https://www.youdiandongxi.com/article/wechat-h5-custom-shared.html

协议：本文采用 CC BY-NC-SA 4.0 隐私协议，转载请注明出处！

上一篇：《缩放地图时覆盖物标点偏移问题》 下一篇：《钉钉H5应用实现右上角分享功能》

其他推荐内容

TP5 上传图片提示 非法图像文件
  • 2017/12/28
    • 编程

TP5 上传图片提示 非法图像文件

微信第三方支付配置笔记
  • 2018/04/19
    • 编程

微信第三方支付配置笔记

PHP 插件与钩子
  • 2017/04/06
    • 编程

PHP 插件与钩子

评论区