热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

基于微信签名signature获取(实例讲解)

下面就为大家带来一篇基于微信签名signature获取(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

微信分享的签名算法微信也写有,主要是调用接口需要使用服务器(微信官方文档是这么说的,试了下前端居然特么也可以),不过微信的access_token和jsapi_ticket是有使用次数限制的,所以还是用服务器来获取,得到以后存下来,下次使用判断超时以后再重新获取,这样就够用了,要不然就会出现接口调用次数超出限制这种尴尬的事情了。

如果需要使用自定义分享文案的时候,服务号或者订阅号一定要是已认证的(我的是个人类型的订阅号,不能认证,所以不能使用分享功能)

我这边用的是node做的后台,所以代码用的是js代码,当然其他的也可以,逻辑都一样,代码写法不一样而已。

1.首先是公众号的设置

我这边申请的是一个订阅号

首先,要在 开发 -> 基本配置 下,获取到自己的开发者id(appid)和开发者密码(AppSecret),这两个是必须的

然后要在同目录下的 ip白名单 选项里设置好服务器的ip

这样,基本服务器设置就算完成了。

2.然后就是我们最擅长的事了——写代码

根据微信官方文档,第一步,我们需要拿到access_token,并且这个access_token有7200秒的有效期,所以拿到access_token以后要存在本地(文件存储或者数据库存储都可以,反正存好就行)

具体实现代码如下

首先需要引入node对应的模块(mongodb数据库每次使用还要启动,我嫌麻烦,所以我这边用的是文件存储)

var express=require('express');
var https=require('https');5 var fs = require("fs");
var crypto = require('crypto');

从上往下依次是

express模块 用来创建一个服务器,分别和前端、微信进行接口对接(在这里貌似没多大用,可以使用http模块代替)

https模块 用来发送https请求的一个模块(微信请求需要使用https请求,http不行)

fs模块 文件操作模块,如果是用的数据库就需要换成对应的模块

crypto模块 加密模块,微信签名算法需要使用sha1算法加密,下边有说到

模块全部引入,接下来定义一些方便使用的方法

首先,要开启一个服务器:

app.get("/getconfig",function (req,res) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  res.send({
        code:"200",
        data:{},
        result:true
      });
      res.end("");
});
app.listen(8000);

然后定义阅读和写入文件的方法

//写入文件
function whiteFile(obj,callback){
  fs.writeFile(obj.fileName,obj.data,{flag:"w"},function (err) {
    if(err){
      console.error(obj.name+"文件写入错误");
      console.log(err);
      return;
    }
    console.log('文件写入成功');
    callback(obj.data);
  });
}
//读取文件信息
function readFile(obj,callback,errback){
  fs.readFile(obj.fileName,"utf-8",function (err,data) {
    if(err){
      console.error(obj.name+"读取错误");
      return errback(callback);
    }
    //console.log(data);
    if(!data){
      errback(callback);
    }else{
      console.log(data);
      callback(data);
    }
  });
}

然后是使用定义一个发送https请求的方法

//发送一个http get请求
function sendGetRequest(options,callback){
  var httpReq=https.request(options, function(httpRes) {
    httpRes.on('data',function(chun){
      callback(chun);
    });
    httpRes.on('end',function(){});
  });
  httpReq.on('error',function(err){
    console.log("接口调用失败");
  });
  httpReq.end();
}

基本需要使用的方法有了,下边就可以请求微信接口了

//获取access_token
function getToken(callback){
  readFile({
    fileName:"./access_token.txt",
    name:"access_token"
  },callback,function(cb){
    var optiOns={
      hostname:"api.weixin.qq.com",
      path:"/cgi-bin/token?grant_type=client_credential&appid=您的appid&secret=你的appid对应的密码",
      method:'GET'
    };
    sendGetRequest(options,function(chun){
      var resObj = JSON.parse(chun.toString());
      resObj.timestamp = Math.floor((new Date().getTime())/1000);
      var res = JSON.stringify(resObj);
      //console.log(res);
      try {
        whiteFile({
          fileName:"./access_token.txt",
          data:res,
          name:"access_token"
        },cb);
      }catch(err){
        console.log("文件写入失败");
        console.log("access_token:"+res);
        cb(res);
      }
    });
  });
}

上边这个方法是获取微信token的方法,我这边首先从本地文件中读取,读取不到再调用接口(我这里只是测试使用,没有做判断,实际操作中需要判断时间戳,如果access_token过期需要删掉文件里的内容重新请求新的access_token)

access_token有了,下边就是获取jsapi_ticket:

//获取ticket
function getTicket(callback){
  readFile({
    fileName:"./ticket.txt",
    name:"ticket"
  },callback,function(cb) {
    getToken(function(tokenData){
      var token = JSON.parse(tokenData);
      //console.log("token:"+JSON.stringify(token));
      //callback({code:"200",data:{"data":token},result:true});
      var optiOns= {
        hostname: "api.weixin.qq.com",
        path: "/cgi-bin/ticket/getticket?access_token=" + token.access_token + "&type=jsapi",
        method: 'GET'
      };
      sendGetRequest(options, function (chun) {
        var resObj = JSON.parse(chun.toString());
        resObj.timestamp = Math.floor((new Date().getTime())/1000);
        var res = JSON.stringify(resObj);
        if (resObj.errcode == 42001) {
          getToken(function(){
            getTicket(callback);
          });
        } else if (resObj.ticket) {
          try {
            whiteFile({
              fileName:"./ticket.txt",
              data:res,
              name:"ticket"
            },callback);
          }catch(err){
            console.log("文件写入失败");
            console.log("ticket:"+res);
            callback(res);
          }
        } else {
          callback(res);
        }

      });
    });
  });
}

jsapi_ticket和token获取和存储逻辑是一样的

接下来就是签名的生成

getTicket(function(data){
      var dataObj = JSON.parse(data);
      var nOncestr= "zhangchenguang";
      var timestamp = Math.floor((new Date().getTime())/1000);
      var url = "http://api-loan.zhmf.com/html/test/testshare.html";
      var obj = {
        noncestr,timestamp,url,jsapi_ticket:dataObj.ticket
      };
      var arr = ["noncestr","jsapi_ticket","timestamp","url"].sort();
      var string1 = "";
      for(var i = 0; i 

生成签名以后,把签名和随机串和appid和时间戳同时通过res.send传给前端:

app.get("/getconfig",function (req,res) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header('Access-Control-Allow-Headers', 'Content-Type');
    getTicket(function(data){
      var dataObj = JSON.parse(data);
      var nOncestr= "zhangchenguang";
      var timestamp = Math.floor((new Date().getTime())/1000);
      var url = "http://api-loan.zhmf.com/html/test/testshare.html";
      var obj = {
        noncestr,timestamp,url,jsapi_ticket:dataObj.ticket
      };
      var arr = ["noncestr","jsapi_ticket","timestamp","url"].sort();
      var string1 = "";
      for(var i = 0; i 

前端接收到数据后调用wx.config(),并传入对饮的参数就可以获取到对应的微信js权限了。

以上这篇基于微信签名signature获取(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


推荐阅读
  • MongoDB核心概念详解
    本文介绍了NoSQL数据库的概念及其应用场景,重点解析了MongoDB的基本特性、数据结构以及常用操作。MongoDB是一个高性能、高可用且易于扩展的文档数据库系统。 ... [详细]
  • 小程序的授权和登陆
    小程序的授权和登陆 ... [详细]
  • pypy 真的能让 Python 比 C 还快么?
    作者:肖恩顿来源:游戏不存在最近“pypy为什么能让python比c还快”刷屏了,原文讲的内容偏理论,干货比较少。我们可以再深入一点点,了解pypy的真相。正式开始之前,多唠叨两句 ... [详细]
  • 本文介绍了 PHP 的基本概念、服务器与客户端的工作原理,以及 PHP 如何与数据库交互。同时,还涵盖了常见的数据库操作和安全性问题。 ... [详细]
  • 本文介绍了 Go 语言中的高性能、可扩展、轻量级 Web 框架 Echo。Echo 框架简单易用,仅需几行代码即可启动一个高性能 HTTP 服务。 ... [详细]
  • 本文最初发表在Thorben Janssen的Java EE博客上,每周都会分享最新的Java新闻和动态。 ... [详细]
  • 1.前言PAP和CHAP协议是目前的在PPP(MODEM或ADSL拨号)中普遍使用的认证协议,CHAP在RFC1994中定义,是一种挑战响应式协议&#x ... [详细]
  • 本文介绍了如何查看PHP网站及其源码的方法,包括环境搭建、本地测试、源码查看和在线查找等步骤。 ... [详细]
  • 深入解析Django CBV模型的源码运行机制
    本文详细探讨了Django CBV(Class-Based Views)模型的源码运行流程,通过具体的示例代码和详细的解释,帮助读者更好地理解和应用这一强大的功能。 ... [详细]
  • 在OpenShift上部署基于MongoDB和Node.js的多层应用程序
    本文档详细介绍了如何在OpenShift 4.x环境中部署一个包含MongoDB数据库和Node.js后端及前端的多层应用程序。通过逐步指导,读者可以轻松完成整个部署过程。 ... [详细]
  • V8不仅是一款著名的八缸发动机,广泛应用于道奇Charger、宾利Continental GT和BossHoss摩托车中。自2008年以来,作为Chromium项目的一部分,V8 JavaScript引擎在性能优化和技术创新方面取得了显著进展。该引擎通过先进的编译技术和高效的垃圾回收机制,显著提升了JavaScript的执行效率,为现代Web应用提供了强大的支持。持续的优化和创新使得V8在处理复杂计算和大规模数据时表现更加出色,成为众多开发者和企业的首选。 ... [详细]
  • 本文深入探讨了NoSQL数据库的四大主要类型:键值对存储、文档存储、列式存储和图数据库。NoSQL(Not Only SQL)是指一系列非关系型数据库系统,它们不依赖于固定模式的数据存储方式,能够灵活处理大规模、高并发的数据需求。键值对存储适用于简单的数据结构;文档存储支持复杂的数据对象;列式存储优化了大数据量的读写性能;而图数据库则擅长处理复杂的关系网络。每种类型的NoSQL数据库都有其独特的优势和应用场景,本文将详细分析它们的特点及应用实例。 ... [详细]
  • Oracle字符集详解:图表解析与中文乱码解决方案
    本文详细解析了 Oracle 数据库中的字符集机制,通过图表展示了不同字符集之间的转换过程,并针对中文乱码问题提供了有效的解决方案。文章深入探讨了字符集配置、数据迁移和兼容性问题,为数据库管理员和开发人员提供了实用的参考和指导。 ... [详细]
  • MySQL 8.0 MGR 自动化部署与配置:DBA 和开源工具的高效解决方案
    MySQL 8.0 MGR 自动化部署与配置:DBA 和开源工具的高效解决方案 ... [详细]
  • MongoVUE基础操作指南:轻松上手数据库管理
    本文介绍了MongoVUE的基础操作,旨在帮助用户轻松掌握数据库管理技巧。MongoVUE是一款功能强大的MongoDB客户端工具,虽然需要注册,但其用户友好的界面和丰富的功能使其成为许多开发者的首选。文中详细解释了安装步骤、基本配置以及常见操作方法,并对一些常见的问题进行了修正和补充,确保用户能够快速上手并高效使用MongoVUE进行数据库管理。 ... [详细]
author-avatar
1q2w3e4r5t0405
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有