微信分享,无法指定标题、图片、链接

1.打开wx.config里的debug
将debug设置为true之后,手机进入页面,会弹出错误信息(PC不管有没有配置正确都会在开发者工具中打印出对应的分享信息,参考意义不是很大——不过可以拿来查看链接是否有误)。
如果正确的话,会提示{"errMsg":"config:ok"}

2.提示{"errMsg":"config:invalid url domain"}

这个最常见,主要是域名没有被添加为js接口安全域名。官方的说明里是要域名和使用的APPID对应的公共号绑定,不过我实际使用中发现应该也可以分离。另外如果使用了端口号,则配置的绑定域名也要加上端口号(一个appid可以绑定三个有效域名)

3.提示{"errMsg":"config:invalid signature"}

造成这个情况的可能性比较多。不过主要有以下三个原因:

  情况1:APPID和APPSECRET填错了。
  可以到官方的调试页面获取access_token看看是否是正确的
  

  情况2:超过了每日的access_token获取上限
  官方限定每日2k次请求。所以如果没有缓存access_token的话,还是比较容易过限的。
  

  情况3:微信公共号状态不正常。
  比如验证过期了,被封禁了等等。

4.以上情况都通过,分享的时候还不能设定标题。

  情况1:服务器ip未添加到白名单

  情况2:分享的是时候链接地址与“js安全域名”地址不一致

  

wx.onMenuShareTimeline({

    title: ‘‘, // 分享标题
    link: ‘‘, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: ‘‘, // 分享图标
    success: function () {
        // 用户确认分享后执行的回调函数
    },
    cancel: function () {
        // 用户取消分享后执行的回调函数
    }

});

如果以上方法都失败,可以尝试手动获取token与tocket,写入到wx.config

获取token:https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index&type=%E5%9F%BA%E7%A1%80%E6%94%AF%E6%8C%81&form=%E8%8E%B7%E5%8F%96access_token%E6%8E%A5%E5%8F%A3%20/token

获取jsapi_ticket:https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

时间: 2025-01-17 05:23:40

微信分享,无法指定标题、图片、链接的相关文章

微信分享链接获取标题和小图片

一.标题 微信分享链接的小标题:自动拉取title标签的内容. 二.链接的小图标 今天测试的时候发现,网页链接在QQ浏览器上打开,分享的小图片是有显示的, 自动获取网页上的一张图片,但是为什么微信浏览器分享到朋友圈时图片却不显示呢? 想要的效果: 现实效果: 在网上搜了一下发现,原来是因为 微信浏览器上自动拉取的图片必须是大于300*300px的图片,( 会取 最近一张图片符合条件的). 解决办法: (一) 在boby 和head之间添加下面的代码即可,图片路径自行修改. *注意这个图片必须是大

微信网页分享标题图片自定义设置(最新)

1 前言 刚好有微信网页分享标题图片自定义设置这个需求,然后查找文档,发现有两种方案[1],但是第一种方案已经失效了,只能走第二种方案,然后根据实战配置好了,本文会写上配置中遇到的问题和解决方案,也作为记录使用,方便自己也方便他人. 2 步骤 2.1 准备工作 2.1.1 微信JS-SDK说明文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 2.1.2 附录6-DEMO页面和示例代码:在JS-SDK说明文档中

微信分享到朋友圈,分享给好友设置标题图片描述参数

var imgUrl = "http://xxxxx.com/activity/images/logo.jpg"; var lineLink = window.location.href; var descContent = '来宜人贷参与抢钱活动100%获得10000金币,还可以兑换成现金哦~'; var shareTitle = '来宜人贷 拼人品抢现金'; var appid = 'wx237b223ad5773cf5'; function shareFriend() { Wei

微信分享朋友圈的标题和图片

定义分享时的缩略图.链接.标题.摘要确实是通过WeixinJSBridge实现的. 参考腾讯微生活的页面:(略去了跟此需求无关的代码,仅供参考) <script> var imgUrl = 'http://qqfood.tc.qq.com/meishio/16/4585bf7c-be04-420f-ac8a-2dba61a7561f/0'; var lineLink = 'http://life.qq.com/weixin/r/lottery/13826036970196242008#wech

微信分享自定义标题和图片的js

<script> document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { window.shareData = { "timeLineLink": "http://nianshao.uuzee.com/", "sendFriendLink": "http://nianshao.uuzee.com/", "wei

微信分享网页自定义分享标题,图片,说明

在微信中,分享网页到朋友或朋友圈时,微信会自动获取该网页的图片和标题,但是有时候我们需要自己定义分享的图片和标题的话,就需要调用微信的接口来实现,weixin_share.js地址: 调用方法 <script src="/crowd/js/weixin_share.js"></script> $(document).ready(function () { wx_share_handle() }); function wx_share_handle(){ var

微信分享链接带图片文字和描述

微信最近推出的一个社交工具网站 www.faxinxi.la ,能发投票.活动.文章. 但在微信外的浏览器包括PC端和移动端的都无法浏览这个网站任何内容,那是通过什么来控制的呢?通过微信内输出特定JS接口不太可能,那就只能通过Header信息里的User-agent了,实验后证实没错,通过探测可以知道微信内的User-agent信息: Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML

如何控制微信分享网页时,展示的标题,描述和图片

在需要被微信分享的页面中,加入下面这一段JS代码就可以进行控制了. var imgUrl = 'http://xxx/share_ico.png'; // 分享后展示的一张图片 var lineLink = 'http://xxx'; // 点击分享后跳转的页面地址 var descContent = "xx!"; // 分享后的描述信息 var shareTitle = 'xx'; // 分享后的标题 var appid = ''; // 应用id,如果有可以填,没有就留空 func

微信分享 带图片的的链接

1:首先要引用 微信内置的脚本: <script type="text/javascript" src="/Content/script/WeixinApi.js"></script> 2:要在微信里面打开才有作用,因为引用的是微信内置的脚本 ,在浏览器中打开没有效果的 3:code: // 需要分享的内容,请放到ready里 WeixinApi.ready(function (Api) { // 微信分享的数据 var wxData = {

微信分享自定义图片和摘要

参考: 微信分享实现 微信现在是众多公司营销的重点.遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新了官方api后,对整个微信内的页面管控都严格了不少.而官方的分享卡片,是众多在微信生态中传播的html5静态页面的一个重点.不过很多人会发现分享的图片和摘要达不到预期.这篇文章就讲下这个,供初次接触微信开发的前端参考.(其实官方的文档也蛮详细的了,不过有些地方官方没忽略了,容易给新人造成坑) 必要的前提准备 PS:本文的方法只适合6.0.2.58以及更高版本的微信客户端.旧