近期做了一个分享微信好友的功能,对于微信公众号开发不熟悉的小白来说,可谓踩了很多坑。接下来直接进入正题,
1.首先微信分享功能需要你具备一个企业微信服务号,进入微信公众号后台输入js接口的安全域名以及域名所对应的IP地址白名单(不配置会报invalid sigurature,微信官方没有这个,注意踩坑),还有记得把微信后台下载的文件让运维放到域名服务器的根目录下。
2.网上很多import wx from "weixin-js-sdk"(正确做法是用require引入),不知道你们这些人是如何成功的,一篇垃圾博文的始作俑者居然被全网转载都不加验证的,我就想问问你们打印出来的wx难道不是undefined.
这里本人采用的是import wx from 'weixin-jsapi',使用之前记得安装weixin-jsapi依赖到项目中。
3.
getSigurature() {
const url = API_USER.shareSignature
const params = {
url: window.location.href
}
this.$post(url, params).then(res => {
const { timestamp, nonceStr, signature, appId } = res.data
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId, // 必填,公众号的唯一标识 this.appId
timestamp, //