【微信js-sdk 封装使用】

最新推荐文章于 2024-04-22 11:23:20 发布

逻辑的艺术

最新推荐文章于 2024-04-22 11:23:20 发布

阅读量1.1k

点赞数

文章标签： javascript 微信前端

本文链接：https://blog.csdn.net/qq_42390692/article/details/126099458

版权

本文详细介绍了微信JS-SDK的封装过程及在前端项目中的具体使用方法，包括配置步骤、调用接口、解决常见问题等，旨在帮助开发者顺利集成微信支付、分享、登录等功能。

摘要由CSDN通过智能技术生成

// wechat.js
import {
   config} from "@/services/api/my.js"
var jweixin = require('jweixin-module')
export default {
   
    // 调试模式
    debug: false,
    // api列表
    jsApiList: [
        'updateAppMessageShareData',
        'updateTimelineShareData',
        'closeWindow',
        'getLocation',
        'openLocation',
        'openAddress',
        'scanQRCode',
        'chooseImage',
        'chooseWXPay'
    ],
    // 判断是否在微信中
    isWechat: function() {
   
        var ua = window.navigator.userAgent.toLowerCase()
        return ua.match(/micromessenger/i) == 'micromessenger' ? true : false
    },
    // 初始化sdk配置
    initJssdk: function(callback) {
   
        if (this.isWechat()) {
   
			let data = {
   
				url:window.location.href
			}
            config(data).then(res => {
   
                var data = res.data.data
                jweixin.config({
   
                    debug: data.debug　||　this.debug,
                    appId: data.appId,
                    timestamp: data.timeStamp,
                    nonceStr: data.nonceStr,
                    signature: data.signature,
                    jsApiList: data.jsApiList || this.jsApiList
                })
                if (typeof callback === 'function') {
   
                    callback(data)
                }
            })
        }
    },
    // 关闭页面事件
    closeWindow: function(callback) {
   
        if