微信公众号——JS-SDK分享

男娘i 2022-12-04 08:46 406阅读 0赞

一、首先呢 看文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
二、 然后你觉得签名没问题了（签名规则使用官方的dome）

三、先看下引入的js有没有问题()

  1. <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  3.     能用第一个尽量不用第二个

20200907111911742.png

四、处理url链接（这个很重要）

  1.   4.1、管它三七二十一先把参数干了（先玩出个最简单的例子,再慢慢加功能）
  3. var currUrl = location.href.split('#')[0];
  4.     var repStr = window.location.search;
  5.     if (repStr) {
  6.         currUrl = currUrl.replace(repStr, "");
  7.     }
  9.  4.2、然后拿这个currUrl去后端请求数据，返回数据需要这些：
  11. var appId = '';
  12.     var timestamp = '';
  13.     var nonceStr = '';
  14.     var signature = '';
  16. 4.3、拿到参数后调用loadWx();方法
  18. function loadWx() {
  19.         wx.config({
  20.             debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  21.             appId: appId, // 必填，公众号的唯一标识
  22.             timestamp: timestamp, // 必填，生成签名的时间戳
  23.             nonceStr: nonceStr, // 必填，生成签名的随机串
  24.             signature: signature,// 必填，签名
  25.             jsApiList: [
  26.                 'updateAppMessageShareData'
  27.             ] // 必填，需要使用的JS接口列表
  28.         });
  30.         wx.ready(function(){
  31.             //自定义“分享给朋友”及“分享到QQ”按钮的分享内容
  32.             wx.updateAppMessageShareData({
  33.                 title: '', // 分享标题
  34.                 desc: '', // 分享描述
  35.                 link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  36.                 imgUrl: '', // 分享图标
  37.                 success: function () {
  38.                     // 设置成功
  39.                 }
  40.             });
  41.         });
  42.         wx.error(function(res){
  43.             console.log(res);
  44.         });
  46.     }

五、第五点也挺重要的、没有啦、没有啦、没有啦

===== 以下为常见的问题 =====

1、errMsg: “config:ok”

解决方法：

  1. debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。<br><br><br>

2、config:fail,Error: 系统错误,错误码:40048,invalid url domain

解决方法：测试公众号和正式环境中的js接口安全域名的http头以及参数去掉

20200907120354416.png

https://www.cnblogs.com/caoruiy/p/5145525.html

3、这个问题 https://developers.weixin.qq.com/community/develop/doc/000ce6af9149b844ea29e82a15b400

发表评论

表情：
评论列表 （有 0 条评论，406人围观）

还没有评论，来说两句吧...

相关阅读

    相关 JSSDK实现微信分享功能

    功能：在微信内置浏览器页面实现分享页面功能。 注意：关于微信内置浏览器的私有对象WeixinJSBridge分享的接口都已经作废了，即下面的定义都是无效的： $(f

    忘是亡心i忘是亡心i/ 0 赞/ 696 阅读

    相关 微信JSSDK分享功能详解

    本文以微信分享到朋友圈，分享给微信好友为例为参考，进行调用测试，想添加其他的功能，自行查看[开发人员文档][Link 1]即可 工欲善其事，必先利其器，好好利用下边的帮助工具

    傷城~傷城~/ 0 赞/ 586 阅读