vue开发企业微信整合案例分析-创新互联

本文实例讲述了vue 开发企业微信整合。分享给大家供大家参考，具体如下：

创新互联建站专注于企业全网整合营销推广、网站重做改版、长丰网站定制设计、自适应品牌网站建设、H5开发、商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为长丰等各大城市提供网站开发制作服务。

概述

手机端程序可以和企业微信进行整合，我们也可以使用企业微信JSSDK功能，实现一些原生的功能。

整合步骤

在整合之前需要阅读 整合步骤。

http://work.weixin.qq.com/api/doc#10029

1.引入JSSDK

npm i -S weixin-js-sdk 这样就引入了微信sdk。

2.通过config接口注入权限验证配置

export function initWxConfig(vm){
  var url=_baseUrl + "/initConfig.do";
  var curUrl=location.href.split("#")[0];
  var params="url="+curUrl;
  vm.$ajax.post(url,params).then(res=>{
    var data=res.data;
    wx.config({ 
     beta: true,
     debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
     appId: data.appId, // 必填，公众号的唯一标识 
     timestamp: data.timestamp, // 必填，生成签名的时间戳 
     nonceStr: data.nonceStr, // 必填，生成签名的随机串 
     signature: data.signature, // 必填，签名，见附录1 
     jsApiList: [
       'chooseImage',
       'previewImage',
       'uploadImage',
       'downloadImage',
       'previewFile',
       'getLocation',
     ] 
    });
    wx.error(function (res) {
      console.log("调用微信jsapi返回的状态:"+res.errMsg);
    });
  }).catch(function(error) {
    //vm.errorToast(error,1000);
    console.info(error);
  })
}

分享名称：vue开发企业微信整合案例分析-创新互联
网页URL：http://jkwzsj.com/article/cccpsi.html