本文实例讲述了vue开发企业微信整合。分享给大家供大家参考,具体如下:
手机端程序可以和企业微信进行整合,我们也可以使用企业微信JSSDK功能,实现一些原生的功能。
在整合之前需要阅读整合步骤。
http://work.weixin.qq.com/api/doc # 10029
<强> 1。引入JSSDK
npm我- s weixin-js-sdk这样就引入了微信sdk。
<强> 2。通过配置接口注入权限验证配置
导出功能initWxConfig (vm) {
var url=_baseUrl +“/initConfig.do”;
var curUrl=location.href.split (“#”) [0];
var params=" url=" + curUrl;
vm。ajax.post美元(url, params) (res=祝辞{
var=https://www.yisu.com/zixun/res.data数据;
wx.config ({
贝塔:没错,
调试:假的,//开启调试模式,调用的所有api的返回值会在客户端提醒出来,若要查看传入的参数,可以在pc端打开,参数信息会通过日志打出,仅在pc端时才会打印。
appId:数据。appId,//必填,公众号的唯一标识
时间戳:数据。时间戳,//必填,生成签名的时间戳
nonceStr:数据。nonceStr,//必填,生成签名的随机串
签名:数据。签名,//必填,签的名,见附录1
jsApiList:(“chooseImage”,
“previewImage”,
“uploadImage”,
“downloadImage”,
“previewFile”,
“getLocation”,
]
});
wx。错误(函数(res) {
console.log(“调用微信jsapi返回的状态:“+ res.errMsg);
});
(错误){}).catch(功能//vm.errorToast(错误,1000);
console.info(错误);
})
}
之前
<>强服务端
initConfig。做对应的代码。
这个微信需要绑定到一个应用中,我们需要定义应用的可信域名。
在企业微信登陆后,我们会记录一个应用的ID。
<强>在服务端调用方法:
公共静态Map<字符串,String>corpId getWxConfig(字符串url,字符串,字符串秘密){抛出异常
TokenModel TokenModel=TokenUtil。getEntTicket (corpId,秘密);
时间戳字符串=Long.toString (System.currentTimeMillis ()/1000);//必填,生成签名的时间戳
.toString字符串nonceStr=UUID.randomUUID () ();//必填,生成签名的随机串
字符串票=tokenModel.getToken ();
字符串签名=" ";//注意这里参数名必须全部小写,且必须有序
弦信号=" jsapi_ticket=" +门票+ "和noncestr=" + noncestr + ",时间戳=" +时间+ ",url=" + url;
尝试{
MessageDigest地穴=MessageDigest.getInstance (sha - 1);
crypt.reset ();
crypt.update (sign.getBytes (" utf - 8 "));
签名=byteToHex (crypt.digest ());
}捕捉(NoSuchAlgorithmException e) {
e.printStackTrace ();
}捕捉(UnsupportedEncodingException e) {
e.printStackTrace ();
}
String> Map<字符串;ret=new HashMap<字符串,String> ();
ret.put (“appId”, corpId);
ret.put(“时间戳”,时间戳);
ret.put (“nonceStr”, nonceStr);
ret.put(“签名”,签名);
返回受潮湿腐烂;
}
之前
<强> 3。这个配置代码在应用启动时执行。
进口{initWxConfig}“@/资产/app.js”;
<>强4。使用相应的API
wxImage(类型){
var self_=;
wx.chooseImage ({
sizeType(压缩的)://可以指定是原图还是压缩图,默认二者都有
sourceType(类型)://可以指定来源是相册还是相机,默认二者都有
成功:函数(res) {
var localIds=res.localIds;//返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
我(var=0; i< localIds.length;我+ +){
wx.uploadImage ({
localId: localIds[我]//需要上传的图片的本地ID,由chooseImage接口获得
isShowProgressTips: 1、//默认为1,显示进度提示
成功:函数(res) {
var serverId=res.serverId;//返回图片的服务器端ID
var url=_baseUrl +“/wx/saveFile.do”;
var params=癿ediaId=" + serverId;
self_。ajax.post美元(url, params) (res=祝辞{
var=https://www.yisu.com/zixun/res.data数据;
self_.handFile(数据);
});
}
});
}
}
});
}
