H5 微信分享显示标题和图标

H5 微信分享显示标题和图标代码

<script src="js/jweixin-1.4.0.js"></script>
<script>function queryJsApi() {var url = "/webapi/?op=wxQueryJsApi&appId=wx9d18f0e29cb88c70&return=json&queryurl=" + window.location.href;$.ajax({//请求方式为gettype: "POST",//json文件位置url: url,//返回数据格式为jsondataType: "json",//请求成功完成后要执行的方法complete: function (data) {//成功的处理var c = data.responseText;var obj = eval("(" + c + ")");// alert(obj.corpid);share(obj);}});}// 微信名片function share(jsapi) {wx.config({beta: true,debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: jsapi.corpid, // 必填，企业号的唯一标识，此处填写企业号corpidtimestamp: jsapi.timestamp, // 必填，生成签名的时间戳nonceStr: jsapi.nonceStr, // 必填，生成签名的随机串signature: jsapi.signature, // 必填，签名，见附录1jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2});wx.error(function (res) {// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。alert("wx.error");});wx.ready(function () {wx.onMenuShareTimeline({title: '冬梦雪车', // 分享标题desc: slogan, // 分享描述link: window.location.href, // 分享链接imgUrl: 'http://app.creativestar.cn/Haier/img/icon.png', // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareAppMessage({title: '冬梦雪车', // 分享标题desc: slogan, // 分享描述link: window.location.href, // 分享链接imgUrl: 'http://app.creativestar.cn/app_snowcar/img/icon.png', // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});});}
</script>

H5 微信分享显示标题和图标相关推荐

名编辑电子杂志大师教程 | 如何设置电子书微信分享的标题,小图标,描述?
当您将做好的H5微杂志发布到微信上,并分享给朋友或者朋友圈的时候,微信上会弹出一个对话框,对话框上包含了以下信息:标题,缩略图以及描述.如图: [▲图1] 分享相关信息的设置是需要根据微信JS-SDK ...
h5 微信分享和踩坑指南
文章目录思路踩坑集锦链接不能直接作用与分享 url 参数不能携带特殊字符,比如花括号 "{}" 代码实现思路 h5 微信分享的官方文档在这里,如果链接挂了,可以按照一下路 ...
Vue开发微信H5 微信分享签名失败问题解决方案
Vue开发微信H5 微信分享签名失败问题解决方案参考文章: (1)Vue开发微信H5 微信分享签名失败问题解决方案 (2)https://www.cnblogs.com/golddemon/p/94 ...
ios微信一直显示未连接到服务器,关于微信分享显示“正在连接”，“未验证应用”以及未正确加载apple-app-site-association配置文件问题说明...
最近解决了ios13设备以上微信分享显示"正在连接"然后返回app没有二次跳转的问题. 微信自检在微信通过通用Universal Links唤起app的步骤停止了而且控制台的l ...
微信分享自定义标题和图片,开发者工具没问题,真机调试失败
昨天亲身经历,微信分享开发者工具调试没问题,但是真机调试失败,说明配置是没问题的,历经一天发现是缓存的问题解决方案: 删除掉微信进程后,缓存没有被彻底清除安卓手机打开 debugtbs.qq.co ...
（拿走不谢）H5微信分享时，在苹果手机分享一直不行，公开微信分享完整工具，以及微信地图
做微信分享时,在苹果手机分享一直不行,就尝试监听URL变化,发现不行.后来用刷新页面解决了. watch: { $route(to, from) { /** * route是异步改变的,所以,在cre ...
H5微信分享朋友、朋友圈、QQ
一.微信分享 1.准备工作 APPID公众号id.申请好友分享接口.ip白名单.js接口安全域名设置(必须是通过备案).要先登录微信公众平台进入"公众号设置"的功能设置里填写&qu ...
H5微信分享接口开发JS-SDK PHP［附源码］
背景 H5开发中几乎所有项目都要用到自定义分享,见过的分享接口有php引入和ajax调用两种,使用不方便且对代码环境有要求.故共享一版可通过javascript文件引入方式来实现自定义分享的接口(这是 ...
微信分享自定义标题摘要和缩略图
新建一个fx.php并且写入以下代码 <?php require_once "jssdk.php"; $jssdk = new JSSDK("yourAppID&q ...
H5微信分享朋友分享给朋友圈 vue 踩坑实战，附注意事项及解决方案
最近有一个微信分享的功能,恰逢疫情期间远程办公,然后家里的笔记本比较拉闸本地环境不完善,然后远程办公只能推代码到测试环境调试,博主也是比较难受,日渐憔悴,一周没对接好的问题,好在到了公司一下午就调试好 ...

H5 微信分享显示标题和图标

H5 微信分享显示标题和图标相关推荐

最新文章

热门文章