h5的微信分享与小程序分享不同,在微信h5中不允许存在按钮点击分享,只能通过
右上角···进行分享,默认微信浏览器是可以分享的,那么我们为什么还要做分享呢? 因为默认的分享没有图片、标题与描述,所以我们只需要在用户分享前,执行一遍代码,再分享,就能显示图片标题啥的了
希望能认真审查代码,毕竟看懂了才是你的,一味的复制是无意义的
1.下载jssdk (打开项目根目录执行)
npm install weixin-js-sdk
2.新建common文件夹与common/wxShare.js文件
我这里是将下载好的
jweixin-1.6.0.js文件复制到common文件中了
3.wxShare.js代码(如多个页面需要分享,方便调用)
import wxj from "@/common/jweixin-1.6.0.js" // 引入js文件, 复制代码时需要检查文件路径是否正确
/**
* 分享封装
* 一般正常情况下,都会出现一些问题,例如签名错误啊之类的,下面是官网文档,有你想要的答案
* 官方文档地址: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1
* configData 微信配置文件 包括appid 、timestamp、nonceStr、signature ;这些都需要后端人员传给你
* list 分享数据 包括(title、desc、imgUrl)共三个参数足够,分别时 标题、描述与图片
*/
function myshare (configData, list) {
let link = location.href // 获取当前页面的地址参数
// 必须先配置参数,这些参数需要用到公众号,让后端去拿 然后前端请求数据即可
wxj.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: configData.appId, // 必填,公众号的唯一标识
timestamp: configData.timestamp,<


最低0.47元/天 解锁文章
156

被折叠的 条评论
为什么被折叠?



