微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)

简介: 微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)更新时间(2020-10-29)

用异步ajax的方式获取数字签名


异步的方式好

1、前后端分离啊

2、一个服务可以供多个微信公众帐号的数字签名服务

 

在服务器端用 NodeJS 跑起一个数字签名生成服务,web端用ajax方式请求NodeJS服务获取数字签名信息

得到信息后配置微信JS-SDK

 

 

步骤


 

第一步 认证的微信公众帐号

首先你得拥有一个通过认证了的微信公众号或者开发者帐号花钱认证一年300块钱;

 

第二步 添加安全域名

在公众帐号平台后台添加 app 运行的域名地址,可以理解为为某个域名添加白名单功能

以我们公司为例:

微信公众号是:铁皮梨,添加了 tiepili.com 为安全域名,那么我在 tiepili.com 上的网页可以使用铁皮梨下公众帐号的数字签名了

 

第三步 生成数字签名

在微信公众平台后台上面能找到一个 appid 及 secret字符串

通过这两个数据,请求微信提供的两个公开API地址,生成对应的access_token后再生成ticket再通过规则加密成数字签名

注意,数字签名必须在服务端生成,这里我以NodeJS来实现

数字签名具体生成过程,NodeJS版本

1、获取微信签名所需的access_token

https.get('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的appid写在这里&secret=你的secret写在这里', function(_res) {
               // 这个异步回调里可以获取access_token
          })

2、获取微信签名所需的ticket

https.get('https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=上一步中获取的access_token&type=jsapi', function(_res){
         // 这个异步回调里可以获取ticket

});

3、生成数字签名具体方法

ticket、 noncestr、timestamp、url通过微信的规则用sha1加密

noncestr和timestamp在微信官方sample包中有具体的生成方法函数

// noncestr
     var createNonceStr = function() {
          return Math.random().toString(36).substr(2, 15);
     };
      // timestamp
     var createTimeStamp = function () {
          return parseInt(new Date().getTime() / 1000) + '';
     };

也可以参考我代码中的代码

// 计算签名方法
     var calcSignature = function (ticket, noncestr, ts, url) {
          var str = 'jsapi_ticket=' + ticket + '&noncestr=' + noncestr + '&timestamp='+ ts +'&url=' + url;
          shaObj = new jsSHA(str, 'TEXT');
          return shaObj.getHash('SHA-1', 'HEX');
     }
var signature = calcSignature(ticket, noncestr, timestamp, url);

4、返回输出signature数字签名以及在生成数字签名时用到的timestamp、nonceStr、url、及appid

特别注意这几个参数的大小写

初始化微信 JS-SDK 中会用到

 

5、至此数字签名生成成功

 

第四步 在web中如何使用数字签名?

1、引入微信JS-SDK

https://res.wx.qq.com/open/js/jweixin-1.6.0.js

 

2、请求服务器获取数字签名

在 web 上用 ajax 方式请求 NodeJS 服务地址,请求时将当前 web 地址 url 上传至服务器

服务器生成数字签名后返回:(特别注意这几个参数的大小写

signature,timestamp, appid, nonceStr

 

这四个数据用于配置微信JS-SDK

wx.config({
                  debug: true,
                  appId: appid,
                  timestamp: timestamp,
                  nonceStr: nonceStr,
                  signature: signature,
                  jsApiList: [
                      'checkJsApi',
                      'onMenuShareTimeline',
                      'onMenuShareAppMessage',
                      'onMenuShareQQ',
                      'onMenuShareWeibo',
                      'hideMenuItems',
                      'chooseImage'
                  ]
              });

3、在wx.ready内调用API

wx.ready(function(){
                   var sdata = {
                        title: '那年|时光遗忘了,文字却清晰地复刻着',
                        desc: '那年|时光遗忘了,文字却清晰地复刻着',
                        link: location.href.split('#')[0],
                        imgUrl: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png',
                        success: function () {
                            alert('用户确认分享后执行的回调函数');
                        },
                        cancel: function () {
                            alert('用户取消分享后执行的回调函数');
                        }
                    };
                   wx.onMenuShareTimeline(sdata);
                   wx.onMenuShareAppMessage(sdata);
              });

4、搞定

 

 

关于数字签名过期与微信API的1w次请求的限制问题


 

由于微信提供的两个数字签名生成API有7200秒的有效期,并且暂时有1w次的限制,所以在我们自己服务器上需要将数字签名缓存

 

逻辑是:

如果用户请求时没缓存中没有数字签名,那么请求执行第三步 生成数字签名

如果缓存中有,并且是在2小时内那么直接返回数字签名信息,不去请求微信服务器

如果缓存中的数字签名过期了(超过2小时)则还是执行第三步 生成数字签名

 

 

注意:由于微信规定地址栏中的参数发生变化都认作是新的请求地址,数字签名也需要重新生成。

 

新生成的数字签名将存入cachedSignatures对象内

缓存中的数据结构将url设为key

数据结构如下:

var cachedSignatures =  {
               'https://tiepili.com/web/index.html': {
                    appid: ’微信认证帐号的的appid'
                    ,secret: '微信认证帐号的secret'
                    ,timestamp: '1421135250'
                    ,noncestr: 'ihj9ezfxf26jq0k'
               }
          }

 

测试项目源码


 

我的项目源码已经放到Github上了,有需要的可以pull下来看一看,

NodeJS我也是一知半解,将就着用,多有不足之处,欢迎交流

 

源码地址:https://github.com/willian12345/wechat-JS-SDK-demo

目录
打赏
0
0
0
0
8
分享
相关文章
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境,包括查看当前版本和清除旧版本;接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm(Node Version Manager)进行多版本管理,便于切换和设置默认版本。同时,提供常见问题解决方法,如权限错误处理和全局模块迁移方案,以及版本回滚操作,确保用户能够灵活应对不同需求。
148 0
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
200 69
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式,无论你是初涉其中的新手还是找寻挑战的专家,总有一种方式能满足你的需求。现在,你已经是这个
192 80
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
217 1
使用 Node.js、Express 和 React 构建强大的 API
本文详细介绍如何使用 Node.js、Express 和 React 构建强大且动态的 API。从开发环境搭建到集成 React 前端,再到利用 APIPost 高效测试 API,适合各水平开发者。内容涵盖 Node.js 运行时、Express 框架与 React 库的基础知识及协同工作方式,还涉及数据库连接和前后端数据交互。通过实际代码示例,助你快速上手并优化应用性能。
Node.js新作《循序渐进Node.js企业级开发实践》简介
《循序渐进Node.js企业级开发实践》由清华大学出版社出版,基于Node.js 22.3.0编写,包含26个实战案例和43个上机练习,旨在帮助读者从基础到进阶全面掌握Node.js技术,适用于初学者、进阶开发者及全栈工程师。
130 9
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
492 62
Node框架的安装和配置方法
安装 Node 框架是进行 Node 开发的第一步,通过正确的安装和配置,可以为后续的开发工作提供良好的基础。在安装过程中,需要仔细阅读相关文档和提示,遇到问题及时解决,以确保安装顺利完成。
447 58
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问