vue中使用WX-JSSDK

最新推荐文章于 2025-10-09 20:07:53 发布

原创最新推荐文章于 2025-10-09 20:07:53 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #微信 #javascript

本文介绍了如何在项目中安装和使用微信JSSDK，包括npm安装、导入库、配置微信签名以及设置需要使用的JS接口。通过调试模式确保配置正确，适用于前端开发者进行微信公众号开发。

一、安装

npm i -S weixin-sdk-js

二、引入

import wx from "weixin-sdk-js"; 引入微信jssdk

三、注册

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: '', // 必填，公众号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: [] // 必填，需要使用的JS接口列表});
  })