微信分享及二次分享（H5）

1/页面初始化是先要请求这个接口拿到ticket=>后端出的ticket接口

主要获取ticket

this.signUrl签名用的url

//url的获取

this.signUrl =window.location.href.split("#")[0]

weChatGetTicket().then((res) => {

  if (res.code == "00000") {

     console.log(res.data.appId);

     this.wxConfig.appId = res.data.appId;

     this.param.jsapi_ticket = res.data.ticket;

     this.param.url = this.signUrl;

     this.postChatGetTicket();

   }

});

2/在获取签名：后端出的签名接口

 jsapi_ticket: 上一个接口获取

 noncestr: "hjt-activity818",//随机字符串

 url: "",//分享页面的url的#号以前的部分

3/注册方法

wxConfig: {

        debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印。

        appId: "appID", // 必填，公众号的唯一标识

        timestamp: "", // 必填，生成签名的时间戳

        nonceStr: "", // 必填，生成签名的随机串

        signature: "", // 必填，签名

        jsApiList: [],

      },

timestamp：服务端反的时间戳

nonceStr：随机字符串，要与请求签名的随机字符串相同

signature：签名，上一个接口会返回

jsApiList：注册分享的方法，数组的形式

4/执行注册的分享

wx.updateAppMessageShareData({

            title: that.articleData.title,//标题

            desc: that.articleData.summary,//副标题

            link: window.location.href, //分享的页面地址

            imgUrl: "https://oss.pyamc.com/app/hjt/hjt-icon-1024.png",//卡片的图片

            success: function () {

              console.log("分享成功");

              Toast('分享成功');

            },

            fail: function () {

              console.log("分享失败");

              Toast('分享失败');

            },

            cancel: function () {

              console.log("取消分享");

              Toast('取消分享');

            },

          });