微信公众号H5之微信分享常见错误和问题(小结)

更新时间：2019年11月14日 10:25:25 作者：浅吟轻唱

这篇文章主要介绍了微信公众号H5之微信分享常见错误和问题(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

url转码

官方文档描述: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62

确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认)，包括'http(s)😕/'部分，以及'？'后面的GET参数部分,但不包括'#'hash后面的部分

即获取url完成地址的方法为

let url = window.location.href.split('#')[0];

如果链接带有中文字符或者特殊符号,前端需要使用encodeURIComponent编码,同时后端需要配合解码

let url = encodeURIComponent(window.location.href.split('#')[0]);

config注入

官网文档描述: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#4

同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,
注意,每次使用jssdk方法前都要先注入配置信息,并且,每使用一次,就要注入config一次.

在vue里,可以写在每次路由变化时

router.beforeEach((to, from, next) => {
  // 获取权限验证配置(签名) 后端返回 getConfig, 注意返回字段的大小写!
  let res
  // 注入配置信息
  wx.config({
   debug: false, // 调试开关
   appId: res.appId, // 必填，公众号的唯一标识
   timestamp:res.timestamp , // 必填，生成签名的时间戳
   nonceStr: res.nonceStr, // 必填，生成签名的随机串
   signature: res.signature,// 必填，签名
   jsApiList: ["updateAppMessageShareData","updateTimelineShareData"] // 必填，需要使用的JS接口列表
  });
  wx.ready(() => {
   // doSoming
  });
})

安全域名

一定要再三确认安全域名等微信公众号配置信息,如分享链接link字段

很多时候的错误并不是前端方法或者sdk等问题,而是后台有没有设置正确的安全域名和白名单等.

 wx.updateAppMessageShareData({ 
  title: '', // 分享标题
  desc: '', // 分享描述
  link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  imgUrl: '', // 分享图标
  success: function () {
   // 设置成功
  }
 })

常见错误

参考微信官网文档-附录5

地址: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62

在开发过程遇到

invalid signature
the permission value is offline verifying
permission denied

先参考文档,排除基本因素,还是不行,再查找搜索引擎的答案.

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

bootstrap选项卡扩展功能详解
这篇文章主要为大家详细介绍了bootstrap选项卡扩展功能，增加关闭，超出一行显示下拉，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-06-06
Textarea与懒惰渲染实现代码
2008年有啊第一次性能优化时，我们曾用textarea来存贮需要懒惰渲染的节点
2012-01-01
JS实现1000以内被3或5整除的数字之和
今天在技术群里看到一道这样的提：求1000以内被3或5整除的数字之和。小编把我的解决办法分享到脚本之家平台，供大家参考
2016-02-02
通过构造函数实例化对象的方法
下面小编就为大家带来一篇通过构造函数实例化对象的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
JavaScript进阶教程之非extends的组合继承详解
组合继承有时候也叫伪经典继承,指的是将原型链和借用构造函数技术组合到一块,从而发挥二者之长的一种继承模式,下面这篇文章主要给大家介绍了关于JavaScript进阶教程之非extends的组合继承的相关资料,需要的朋友可以参考下
2022-08-08
详解swipe使用及竖屏页面滚动方法
这篇文章主要介绍了swipe使用及竖屏页面滚动方法，本文通过实例代码讲解的非常详细,需要的朋友可以参考下
2018-06-06
微信小程序实现自定义拍摄组件
这篇文章主要为大家详细介绍了微信小程序实现自定义拍摄组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-08-08
JavaScript中filter的用法实例分析
这篇文章主要介绍了JavaScript中filter的用法,结合实例形式分析了filter的功能、使用方法及相关操作注意事项,需要的朋友可以参考下
2019-02-02
基于Bootstrap实现Material Design风格表单插件附源码下载
Jquery Material Form Plugin是一款基于Bootstrap的Material Design风格的jQuery表单插件。这篇文章主要介绍了基于Bootstrap的Material Design风格表单插件附源码下载，感兴趣的朋友参考下
2016-04-04
javascript实现的柱状统计图表
下面是完成后的预览图，可以看到，绘制一个表格，耗时0.005毫秒，也就是200分之一秒。效率我还是比较满意的！
2010-07-07