Node.js结合uni-app对微信公众号网页开发中的JS-SDK权限验证配置

概述

微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。

通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。

背景

不管是微信公众号h5开发，还是微信小程序开发，前端总是要依赖后端去完成各种调试。比如微信授权登录，再比如微信 JS-SDK 的使用需要后端获取signature，而这个签名是通过后端服务器来生成的。

话说求人不如求己，所以今天带大家来介绍如何使用 Node.js 实现微信公众号的 JSSDK 调用。

效果演示

步骤一 微信公众号测试号配置

1、先申请一个测试号

对与开发初期还不能上线正式环境的项目来说，可以申请一个测试号，来进行一些功能的测试。

申请测试号地址

2、先熟读一遍官方文档，文档地址如下：

微信开发JS-SDK使用说明文档

3、获取测试号信息

复制AppID和AppSecret，然后复制到后端项目中。

4、设置 JS接口安全域名

找到JS接口安全域名 修改为当前服务器的域名，这里我使用的是本地，所以直接填了本地局域网ip。

特别说明 这里需要配置的是ip或者域名，切记不要添加 http:// 或者 https://

步骤二 前端 uniapp 实现

1、安装必要的依赖

npm i weixin-js-sdk -S

2、引入微信SDK

import wxSdk from 'weixin-js-sdk'

3、全部代码示例

<template>
	<view>
		<button @click="useJsSdk">使用js-sdk 扫码</button>
	</view>
</template>

<script setup>
	import wxSdk from 'weixin-js-sdk'

	/**
	 * 使用微信js-sdk 扫码api
	 */
	function useJsSdk() {
     
		initWechatConfig(['scanQRCode']).then(() => {
     
			wxSdk.scanQRCode({
     
				needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
				scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
				success: (res) => {
     
					var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
					uni.showModal({
     
						title: '扫码结果',
						content: JSON.stringify(result),
						showCancel: false,
					});
				}
			});
		})
	}

	/**
	 * 获取微信配置
	 */
	function