自定义分享在开发工具里和pc微信好用,在手机上不好用

当你想开发一个微信页面并可以自定义分享给朋友或者分享到朋友圈,qq空间的时候,发现微信文档简直是*****,自行体会。话不多说。我遇到的问题是这样的,问题代码如下

$.post("/v1/jsSign", {url: encodeURIComponent(location.href.split('#')[0])}, function (dataTotal) {if (dataTotal.code = 1) {var userAppId = dataTotal.data.appId;var userTimestamp = dataTotal.data.timestamp;var userNonceStr = dataTotal.data.nonceStr;var userSignature = dataTotal.data.signature;var shareUrl = "";//分享的链接域名必须和当前域名和js安全域名相同var shareTitle = "正在邀请你****";wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId: userAppId, // 必填,公众号的唯一标识timestamp: userTimestamp, // 必填,生成签名的时间戳nonceStr: userNonceStr, // 必填,生成签名的随机串signature: userSignature,// 必填,签名,见附录1jsApiList: ['checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2});wx.checkJsApi({jsApiList: ['checkJsApi','onMenuShareTimeline', 'onMenuShareAppMessage'], // 需要检测的JS接口列表,所有JS接口列表见附录2,success: function (res) {// 以键值对的形式返回,可用的api值true,不可用为false// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}}});wx.ready(function () {wx.onMenuShareTimeline({title: shareTitle, // 分享标题link: url1, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl:'', // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareAppMessage({title:shareTitle,  // 分享标题desc: '惊喜大礼等你来拿', // 分享描述link: url1, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl:'', // 分享图标type: 'link', // 分享类型,music、video或link,不填默认为linksuccess: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});});}});

按照微信jssdk文档写完,根本不知道注意点在哪,比较坑的问题如下:

在pc端微信和微信web调试工具好用,功能是正常的,但是在移动端就是不好用,而且jssdk手机也也能正常调起,在成功回调里写弹出框也好用,但是就是自定义分享不好用

前提:获取js签名按照官方文档就行,至于appId错误等这些错误多注意一下。

如果js签名没问题,微信公众平台安全域名与当前页面域名还有分享页面域名一致还不好使排查如下:

1、分享标题是否还有敏感字眼如:红包

2、jssdk是否正确使用

3、分享的域名及shareUrl必须带协议,必须带协议,必须带协议!如:微信域名是mp.weixin.qq.com
则分享的域名为https://mp.weixin.qq.com如果协议是http,则为http://mp.weixin.qq.com,切记

4、如果分享的链接想是微信授权的链接怎么办呢?域名不一样,自定义分享不成功。只需加一个中间跳转页面即可,分享链接指向该中间页面,页面是空白的,只有一个location.href="http://open.weixin.qq.com....."跳转,






微信自定义分享的那些坑!相关推荐

  1. 微信自定义分享功能实现

    微信自定义分享功能实现 微信自定义分享功能实现 一.实现的关键 1.后端的任务 2.前台的任务 二.实现具体步骤 1.js安全域名配置(被分享的网址必须实现) 2.添加服务器配置(成为开发者) 3.生 ...

  2. 微信自定义分享卡片链接的解决方案(可自定义标题 描述 图片)

    微信自定义分享卡片链接的解决方案(可自定义标题 描述 图片) 参考文章: (1)微信自定义分享卡片链接的解决方案(可自定义标题 描述 图片) (2)https://www.cnblogs.com/rg ...

  3. 微信自定义分享功能二次封装

    我原本是纯后端开发,但是最近因为工作原因,做了微信公众号的二次开发,说实话写H5调CSS调得头大,还是得术业有专攻才行.话不多说,因为要做微信自定义分享,网上其实已经有很多轮子了,但是100个人就有1 ...

  4. 微信自定义分享--失效问题

    微信自定义分享 微信自定义分享到朋友圈/朋友失效问题 微信自定义分享到朋友圈 wx.onMenuShareTimeline({title: '', // 分享标题link: '', // 分享链接,该 ...

  5. 微信自定义分享ios无效

    微信自定义分享无效情况有很多种,这里记录开发中遇到的一种 分享链接包含汉字 在自定义分享中,分享链接包含汉字,且没有进行编码处理,会导致ios无效:因为Android会自行进行处理,ios却不会,导致 ...

  6. 微信自定义分享pc正常手机不正常

    微信自定义分享pc正常手机不正常,经排查后发现微信自定义分享的链接不能直接使用授权链接.因此我的解决方法是,新建一个页面用于授权.就解决啦

  7. 微信自定义分享在pc正常手机端不正常问题

    微信自定义分享在pc正常手机端不正常,使用debug得到的结果都是ok,没问题.但是手机微信就是不行.经过排查后发现,分享的链接不能够直接使用授权链接.因此,为了获取用户信息,我的解决办法是新建一个新 ...

  8. php 微信分享功能_基于thinkPHP实现的微信自定义分享功能

    这篇文章主要介绍了基于thinkPHP实现的微信自定义分享功能,结合实例形式分析了thinkPHP调用微信接口实现自定义分享功能的相关操作技巧,需要的朋友可以参考下 本文实例讲述了基于thinkPHP ...

  9. typecho图标_Typecho微信自定义分享插件WeChatShare 自定义标题描述小图标

    前言 张小龙带领微信走进了大众的生活,在十亿用户的生活里扎根.于是我们不管是阅读.聊天.看视频,基本上都离不开微信.好东西分享给用户,第一时间想到的肯定是微信. 很久以前,一个网页分享到微信聊天,系统 ...

最新文章

  1. 初学java之菜单条,菜单,菜单项的设置
  2. python扩展包安装_python怎么安装扩展包
  3. ELK学习3_使用redis+logstash+elasticsearch+kibana快速搭建日志平台
  4. git如何merge github forked repository里的代码更新?
  5. 信息学奥赛一本通 1158:求1+2+3+...
  6. 5g通用模组是什么_中国联通发布《5G通用模组白皮书V2.0》
  7. oracle daga备份,敏捷的Oracle 10g MAA配置方法
  8. telnet IP不通/sybase central工具无法连接到数据库
  9. “Emgu.CV.CvInvoke”的类型初始值设定项引发异常 解决办法
  10. Linux下redis基本安装配置(CentOS7)
  11. 集中器到服务器传输协议,集中器130通讯协议(捷先数码).doc
  12. 【Tensorflow、Keras】关于Reshape层小结(部分问题未解决)
  13. Metatable让我从心认知了Lua(相知篇)
  14. CAN总线的特点及J1939协议通信原理、内容和应用
  15. java毕业设计HTML5旅游网站源码+系统+数据库+lw文档+调试运行
  16. 计算机网络管理师2级,计算机网络管理员(二级)操作技能考核试卷
  17. android图片自动翻转,android图片翻转镜像
  18. 自学Python 57 多线程开发(七)使用 Connection对象和共享对象 Shared
  19. Windows 10 on ARM, version 21H2 (released Nov 2021) ARM64 简体中文版、英文版(企业版)下载
  20. dss linux 摄像头 rtsp,用VLC读取摄像头产生RTSP流,DSS主动取流转发(一)(二) 【转】...

热门文章

  1. 计算机毕设之 餐厅点餐app
  2. Python处理PDF——PyMuPDF的安装与使用
  3. python白名单验证是什么意思_JWT黑名单和白名单
  4. 有服务器端源码和客户端源码,C# 远程控制软件源码(含服务器端和客户端源码)...
  5. vue时间天气插件_vue创建天气webapp
  6. allegro 走线切换层_PCB 18种特殊走线的画法与技巧
  7. python拦截广告弹窗_selenium+python处理广告弹窗
  8. 那些年,我们用过的地图下载器
  9. Wps文档如何转换为pdf文件
  10. Hbuilder中如何快速输入注释标签_vscode中20个让人眼前一亮的插件