nodeJS微信JSDK 配置
nodeJS微信JSDK 配置
一、微信公众平台申请一个测试公众号
二、配置nodeJS 使用express框架搭建服务器
微信生成签名步骤:
1.获取token
2.通过token,获取jsapi_ticket
3.生成随机字符串,获取当前时间戳
4.排序拼接生成签名
- 在routes---->index.js
var express = require('express');
var router = express.Router();
var axios = require('axios');
var sha1 = require('sha1');
var fs = require('fs');
let accessTokenJson = require('../user_token');
const APP_ID = 'wx47159511d53720fb'
const APP_SECRET = 'e8be2675730af8b743769e34fc8a7267'
let config_nonceStr = '' //随机字符串
let config_timestamp = '' //时间戳
/* GET home page. */
router.get('/', function(req, res, next) {
res.send('这是首页')
});
router.get('/getWxConfig', function (req, res, next) {
let url = req.query.url; // 获取url
getToken().then(getTicket).then(ret=>{
res.json({ // 返回前端需要的配置config
success:true,
code:200,
config_appid: APP_ID,
config_sign: signature(ret, url),
config_timestamp,
config_nonceStr
})
})
});
/*获取token*/
function getToken(){
return new Promise((resolve,reject)=>{
//获取当前时间
var currentTime = new Date().getTime();
if (accessTokenJson.access_token === '' || accessTokenJson.expires_time < currentTime){
axios.get('https://api.weixin.qq.com/cgi-bin/token',{
params:{
appid: APP_ID,
secret: APP_SECRET,
grant_type: 'client_credential'
}
}).then(res=>{
accessTokenJson.access_token = res.data.access_token;
accessTokenJson.expires_time = new Date().getTime() + (parseInt(res.data.expires_in) - 200) * 1000;
//更新本地存储
fs.writeFile('../user_token.json', JSON.stringify(accessTokenJson));
resolve(accessTokenJson.access_token)
}).catch(err => {
return Promise.reject(err);
})
}else{
resolve(accessTokenJson.access_token)
}
})
}
/* 通过token,获取jsapi_ticket */
function getTicket(accessToken){
return new Promise((resolve,reject)=>{
axios.get('https://api.weixin.qq.com/cgi-bin/ticket/getticket', {
params: {
type: 'jsapi',
access_token: accessToken
}
}).then(res => {
resolve(res.data.ticket);
}).catch(err=>{
return Promise.reject(err);
})
})
}
/**
* 签名算法
* @param ticket 用于签名的 jsapi_ticket
* @param url 用于签名的 url ,注意必须动态获取
* @return sha1算法加密的字符串
*/
function signature(ticket, url){
config_nonceStr = createNonceStr() // 生成随机字符串
config_timestamp = createTimestamp() // 获取当前时间戳
let ret ={
jsapi_ticket: ticket,
nonceStr:config_nonceStr,
timestamp:config_timestamp,
url: url,
}
var string = raw(ret) // 排序拼接为字符串
console.log(string)
return sha1(string) // 返回sha1加密的字符串
}
/* 生成随机字符串 */
function createNonceStr(){
return Math.random().toString(36).substr(2,15);
}
/* 获取当前时间戳 */
function createTimestamp() {
return parseInt(new Date().getTime() / 1000) + '';
}
/* 排序拼接 */
function raw(args){
let keys = Object.keys(args).sort(); //获取args对象的键值数组,并对所有待签名参数按照字段名的ASCII 码从小到大排序(字典序)
let newArgs ={}
keys.forEach(key=>{
newArgs[key.toLowerCase()] = args[key];
})
let string = '';
for (let k in newArgs) {// 循环新对象,拼接为字符串
string +=`&${k}=${newArgs[k]}`
}
string = string.substr(1)// 截取第一个字符以后的字符串(去掉第一个'&')
return string;
}
module.exports = router;
三、使用内网穿透工具(例如:natapp)把本地服务器映射到公网上去
如果有服务器的可以跳过这一步
四、前端使用微信JSDK
使用步骤:
1、绑定域名
2、引入JS文件 http://res2.wx.qq.com/open/js/jweixin-1.4.0.js
vue 项目可以下载模块 npm i weixin-js-sdk -S
3、配置config
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: [] // 必填,需要使用的JS接口列表
});
4、通过ready接口处理成功验证,通过error接口处理失败验证
5、调用微信接口APi
详情见开发文档地址:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
nodeJS微信JSDK 配置的更多相关文章
- nodejs微信公众号快速开发|自定义关键字回复
一点说明: nodejs 微信api 扩展,集成大部分功能. 案例 https://github.com/leiroc/node-wxeasy-example 上传example中文件到服务器 ,然后 ...
- Webpack 2 视频教程 002 - NodeJS 安装与配置
原文发表于我的技术博客 这是我免费发布的高质量超清「Webpack 2 视频教程」. Webpack 作为目前前端开发必备的框架,Webpack 发布了 2.0 版本,此视频就是基于 2.0 的版本讲 ...
- Nodejs的安装配置及如何在sublimetext2中运行js
Nodejs的安装配置及如何在sublimetext2中运行js听语音 | 浏览:4554 | 更新:2015-06-16 11:29 Nodejs的安装配置及如何在sublimetext2中运行js ...
- Linux环境下NodeJS的安装配置(HelloWorld)
Linux环境下NodeJS的安装配置(HelloWorld) 最简单的环境安装,测试helloworld.给初学者!! 安装脚本,请仔细阅读逐行执行: #!/bin/bash #检查是否已经安装 r ...
- Nodejs微信开发使用wechat-api回复多条消息
在上一往篇文章<Nodejs微信开发>中,微信后台能够正常的接收到客户端的消息,并能够简单的回复一条消息至客户端. 但我的目录是将微信与Bot Framework进行关联,那么肯定就有一些 ...
- Java企业微信开发_07_总结一下企业微信的配置
一.企业微信后台 1.回调url 2.可信域名 3.菜单跳转按钮中的链接 4.PC端网页授权 二.代码内 1.企业微信的配置信息:WeiXinParamesUtil
- 微信支付配置参数:支付授权目录、回调支付URL
一.开通微信支付的首要条件是:认证服务号或政府媒体类认证订阅号(一般认证订阅号无法申请微信支付) 二.微信支付分为老版支付和新版支付,除了较早期申请的用户为老版支付,现均为新版微信支付. 三.公众平台 ...
- 【详细、开箱即用】.NET企业微信回调配置(数据回调URL和指令回调URL验证)
前言: 前段时间因为公司业务需求,需要将微信小程序与企业微信对接通,也就是把小程序绑定到对应的企业微信账号下,在该企业微信的用户可以将该小程序绑定到工作台中,然后可以在工作台中打开该小程序并授权.不过 ...
- NodeJS 微信公共号开发 - 响应微信发送的Token验证(山东数漫江湖)
背景 使用 NodeJS 进行微信公共号开发,首先需要响应微信发送的Token验证,官方文档 填写服务器配置 登录微信公共平台,在开发下的基本配置打开该页面. 依次填写接口的 URL.自定义的 Tok ...
随机推荐
- 干掉搜狗输入法云代理SogouCloud.exe
搜狗输入法暂时还离不开,但是很讨厌搜狗输入法一直在后台的"搜狗云代理程序"(C:\Program Files (x86)\SogouInput\9.1.0.2657\SogouCl ...
- android --------System.err: java.net.UnknownServiceException: CLEARTEXT .....
1,当调用远程接口进行网络通信时,报如下错误: W/System.err: java.net.UnknownServiceException: CLEARTEXT communication to 1 ...
- Torch-Models 别人训练的FastNeuralStyle
This is the pink style's image: This is the triangle one: The fire ones come from this image: And th ...
- 650. Find Leaves of Binary Tree
class Solution { public: vector<vector<int>> findLeaves(TreeNode* root) { vector<vect ...
- linux tomcat 文件切割
修改bin目录下catalina.sh if [ -z "$CATALINA_OUT" ] ; then CATALINA_OUT="$CATALINA_BASE&quo ...
- PL/SQL【32位】连接Oracle 11g【64位】
下载64位Oracle安装: 下载PL/SQL安装:下载instantclient-basic-win32-12.1.0.1.0.zip,解压后剪切instantclient_12_1文件夹,粘贴到O ...
- 使用MAT 分析内存泄漏实战
在分析前可以阅读下这篇文章,很多内容就都知道了https://www.jianshu.com/p/738b4f3bc44b,下面我来分析上一篇文章内存泄漏的为问题 1.上一篇中已经生成了hprf的文件 ...
- ETF参数:现金替代标志
表示该股票是否允许用现金进行替代. 0表示沪市股票禁止现金替代(必须有股票) 1表示沪市股票可以进行现金替代(先用股票,股票不足的话用现金替代) 2表示沪市股票必须用现金替代. 对于跨市场ETF,3表 ...
- 为什么var可以重复声明
总结自:https://blog.csdn.net/DurianPudding/article/details/87953939 一言以蔽之:编辑器会在作用域判断这是重名声明时,忽略var直接赋值 首 ...
- ajax处理csrf的三种方式
方式一: $.post({ url: '/get_result/', data: { value0: $('#v1').val(), value1: $('#v2').val(), csrfmiddl ...