进一步封装微信JS SDK,使开发人员对JS SDk透明

8 篇文章 0 订阅
8 篇文章 0 订阅

1、进一步封装微信的JS SDK,使开发人员在使用JS SDk相关功能时,只需在页面上引入一次Script,不再需要引用微信的js及进行config的注入配置等;

2、在页面中引入此代码<scriptsrc=" http://127.0.0.1/weixin/jssdk.js?currpageurl=http://ee"></script>即可完成引入微信的js及通过config接口注入权限配置;

3、流程:

  1. 页面引入<scriptsrc=" http://127.0.0.1/weixin/jssdk.js?currpageurl=http://ee"></script>
  2. 页面向服务器请求http://127.0.0.1/weixin/jssdk.js?currpageurl=http://ee
  3. 服务器响应http://127.0.0.1/weixin/jssdk.js?currpageurl=http://ee
  4. jssdk.js对应的Action从服务器获得config需要的参数(appid、timestamp、nonceStr、signature),并返回
    document.write("<script type='text/javascript' src='http://http://res.wx.qq.com/open/js/jweixin-1.0.0.js'>" + "</scr" + "ipt>");
    var wxjssdkConfigData = {
        "debug": {{ debug }},
        "appId": "{{ appId }}",
        "timestamp": "{{ timestamp }}",
        "nonceStr": "{{ nonceStr }}",
        "signature": "{{ signature }}"
    };
    document.write("<script type='text/javascript' src='http://127.0.0.1/weixin/js/jssdkconfig.js') }}'>" + "</scr" + "ipt>");
  5. jssdkconfig.js:
    wx.config({
        debug:wxjssdkConfigData.debug,
        appId: wxjssdkConfigData.appId,
        timestamp: wxjssdkConfigData.timestamp,
        nonceStr: wxjssdkConfigData.nonceStr,
        signature: wxjssdkConfigData.signature,
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'hideMenuItems',
            'showMenuItems',
            'hideAllNonBaseMenuItem',
            'showAllNonBaseMenuItem',
            'translateVoice',
            'startRecord',
            'stopRecord',
            'onRecordEnd',
            'playVoice',
            'pauseVoice',
            'stopVoice',
            'uploadVoice',
            'downloadVoice',
            'chooseImage',
            'previewImage',
            'uploadImage',
            'downloadImage',
            'getNetworkType',
            'openLocation',
            'getLocation',
            'hideOptionMenu',
            'showOptionMenu',
            'closeWindow',
            'scanQRCode',
            'chooseWXPay',
            'openProductSpecificView',
            'addCard',
            'chooseCard',
            'openCard'
        ]
    });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值