vue开发微信公众号---JS-SDK授权以及api的使用方式_公众号jssdk api文档

前端面试题汇总

JavaScript

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总

appId: ‘’, // 必填，公众号的唯一标识
timestamp: , // 必填，生成签名的时间戳
nonceStr: ‘’, // 必填，生成签名的随机串
signature: ‘’,// 必填，签名
jsApiList: [] // 必填，需要使用的JS接口列表
});

仔细查看文档后发现，结果内容在**最底下的附录1中**。  
 在附录1中记录了js-sdk的权限签名算法，如果你是前后端分离开发的前端人员，**那么请把这个任务交给后端，必须让他写接口(因为前端弄的话会出现跨域问题以及每次调用都会进行多次请求与计算严重影响性能)**，并且把这个附录1给他看即可。最后的结果就是他会做出一个接口出来，你只需传入一个url(当前网址的前缀部分)，即可获得appId、timestamp、nonceStr、signature这四个内容。  
 我的前端代码参考如下：(需要给后端人员提供appId和appsecret)  
 ------每一次使用jssdkapi的某个功能都需要走一下这个流程

// 获取jsapi授权签名信息
let myurl = location.href.split(“#”)[0]; // 传递给后端的url
this.$axios.get(“/emergency-bag-sys/api/accessToken/getWxJsapi”,{params: {url: myurl}})
.then((res) => {
console.log(“接口返回的信息”, res);
// 调起配置
wx.config({
debug: false, // 关闭调试模式
appId: res.appId, // 必填，公众号的唯一标识
timestamp: res.timestamp, // 必填，生成签名的时间戳
nonceStr: res.nonceStr, // 必填，生成签名的随机串
signature: res.signature, // 必填，签名
jsApiList: [“scanQRCode”], // 必填，需要使用的JS接口列表
});
wx.ready(function () {
//开启扫描功能
wx.scanQRCode({
needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
scanType: [“qrCode”], // 可以指定扫二维码还是一维码，默认二者都有
success: function (resson) {
var result = resson.resultStr; // 当needResult 为 1 时，扫码返回的结果
// 拿到结果后做逻辑处理即可
},
});
});
wx.error(function (res2) {
console.log(“扫码错误信息”, res2);
});
});

最常见的问题就是 63002 无效的签名 这个错误，这个时候一定要后端人员检查接口流程是否正确。


常见错误可见文档附录5-常见错误及解决方法  
 <https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html>








### 结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

![前端学习书籍导图-1](https://img-blog.csdnimg.cn/img_convert/380faf45d93970257cbbb310a0801b85.webp?x-oss-process=image/format,png)

战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

[外链图片转存中...(img-B50ZNZAg-1715163870597)]