微信公众号分享链接、图标、地址配置

/wxapi/getJSApi  接口需要后端人员接入开发，并在接口内返回公众号的随机串和公众号标识和签名

          let mainTitle = res.data.mainTitlelet subTitle = res.data.subTitlelet url = (配置项)

          let imgUrl = (配置项)// let imgUrl ='http://10.200.5.16/ecard_red_h5/dist/static/img/shareIcon.png'//获取微信config所需参数（商城接口）var targetUrl = window.location.href.split('#')[0]axios.get('/wxapi/getJSApi.api?url=' + encodeURIComponent(targetUrl)).then(res =>{wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: res.data.appId, // 必填，公众号的唯一标识timestamp: res.data.timestamp, // 必填，生成签名的时间戳nonceStr: res.data.nonceStr, // 必填，生成签名的随机串signature: res.data.signature,// 必填，签名，见附录1jsApiList: ['hideMenuItems','onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ','onMenuShareQZone','onMenuShareWeibo'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2});wx.ready(function(){wx.onMenuShareAppMessage({title: mainTitle, // 分享标题desc: subTitle, // 分享描述link: url,// 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标type: '', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareTimeline({title: mainTitle, // 分享标题link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareQQ({title: mainTitle, // 分享标题desc: subTitle, // 分享描述link: url, // 分享链接imgUrl: imgUrl, // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareWeibo({title: mainTitle, // 分享标题desc: subTitle, // 分享描述link: url, // 分享链接imgUrl: imgUrl, // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareQZone({title: mainTitle, // 分享标题desc: subTitle, // 分享描述link: url,  // 分享链接imgUrl: imgUrl, // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});});})

微信公众号分享链接、图标、地址配置相关推荐

微信公众号分享链接自定义hash值的处理
微信公众号默认的分享样式是直接分享一条链接的,样式丑陋.但是微信jsdk暴露了分享的API可以自定义分享样式. 一.分享鉴权及分享接口冲定义这一块的文档很全面,不做细述.关键代码如下: functi ...
微信公众号分享配置无效。。分享出来的只是纯链接了，如何自定义微信公众号的分享
微信公众号分享配置无效..分享出来的只是纯链接了挺久没接微信公众号的项目开发了,最近突然接了一个,结果微信自定义分享给我整懵了.原本配置的好好的,屡试不爽的代码,居然死活不生效,开启debug,开发 ...
小麦苗微信公众号文章链接地址
小麦苗微信公众号文章链接地址小麦苗的微信公众号文章链接地址 201609 发布日期文章标题链接地址 2016-09-30 2016-09-29 2016-09-28 2016-09-27 201 ...
（第三方平台）开发相关，解除80端口占用，微信公众号分享jssdk实现，微信开放平台登录接口接入，2022微信分享接入本地调试，微信分享定制
一.开发相关 1.平台地址微信开放平台 QQ互联平台SDK 2.文章收集来自CSDN兄台的QQ登录使用的教程微信网站应用开发的详细流程和引导 VueJs单页应用实现微信网页授权及微信分享功能 [ ...
fiddler 抓取手机上点击微信公众号的链接
上一篇讲到手机自动点击微信公众号的文章这里看看怎么获取微信公众号文章的链接: 下载 Filddler 软件,官网:https://www.baidu.com/link?url=PwyEnPhQeT7 ...
微信公众号分享问题总结
文章目录前言微信公众号分享问题总结微信的一些其他问题结束前言 -time:2020/11/18 第一次写博客,以后准备在解决一些问题的时候,写在博客里,方便自己寻找这篇就总结一些微信公众 ...
微信公众号菜单链接防盗链
1:场景:微信公众号菜单链接为一个好友加油活动,微信分享到朋友圈,还有帮助加油,第一名可以获得iphone7手机一部(刚上市一周) 2:博主为防止有用户恶意刷数据,做了同一个ip地址限制100次给其他 ...
微信分享次数统计、微信公众号分享关注统计
作为系列文章的第五篇,本文重点探讨数据采集层中的微信分享追踪系统.微信分享,早已成为移动互联网运营的主要方向之一,以Web H5页面(下面称之为微信海报)为载体,利用微信庞大的好友关系进行传播,实现宣 ...
微信公众号分享网页注意点
最近自己要做微信分享的防封,就研究一下市面做的分享防封原理,基本分流防封是一个做法. 过程讲述: 通过一个微信公众号分享一个入口,记住这个分享内容网页的内容最好一点违规的都没有,标题和图片可以带有诱导 ...

微信公众号分享链接、图标、地址配置

微信公众号分享链接、图标、地址配置相关推荐

最新文章

热门文章