uni-app 封装企业微信config

第一步，在项目根目录加一个html文件，

index.html 代码如下：

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><title><%= htmlWebpackPlugin.options.title %></title><script>document.addEventListener('DOMContentLoaded', function() {document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'})</script><link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /><script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script><script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body>
</html>

点击 manifest.json 配置路径

在util新增 wechat.js ,代码如下：（这个js的工作就是初始化企业微信 js-sdk）

const API = require("./api.js")
//由于企业微信jssdk不是模块化js文件,所以采用自定义index.html模板,并用<script>标签引入
// const jWeixin = require('../static/jweixin-1.2.0.js');const initJssdk = function() {return new Promise((reslove, reject) => {API.getConfig({url: encodeURIComponent(window.location.href.split('#')[0])}).then(res => {if (res.success) {let info = JSON.parse(res.module.config);jWeixin.config({beta: info.beta, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题debug: info.debug, // 开启调试模式appId: info.appId, // 必填，企业微信的corpIDtimestamp: info.timestamp, // 必填，生成签名的时间戳nonceStr: info.nonceStr, // 必填，生成签名的随机串signature: info.signature, // 必填，签名，见 附录-JS-SDK使用权限签名算法jsApiList: ['shareToExternalContact'] || info.jsApiList // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来});jWeixin.ready((res) => {console.log('config初始化成功');reslove(true)})jWeixin.error(function(res) {console.log('config初始化失败', res);reslove(false)});} else {reslove(false)}})})
}module.exports = {initJssdk
}

使用方式


import wechat from "../../utils/wechat.js"
export default {
onLoad() {wechat.initJssdk().then(next => {if (next) console.log("initJssdk成功")})
},
methods: {jWeixin.onMenuShareAppMessage({title: '', // 分享标题desc: '', // 分享描述link: '', // 分享链接；在微信上分享时，该链接的域名必须与企业某个应用的可信域名一致imgUrl: '', // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});
}
}

完成

uni-app 封装企业微信config相关推荐

判断当前入口是PC端企业微信还是PC端浏览器。或者是APP端企业微信
function isQyweixin(){//判断当前入口是PC端还是APP端let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone| ...
网页端app绑定企业微信
1.设置可信域名域名的根目录下一般就是指的你的服务所在的根目录例如查看nginx的根目录vim nginx.conf 2.创建应用 3.创建自定义菜单 4.获取应用id和对接密钥: 不同的可见 ...
uniapp项目上企业微信应用经历
uniapp项目上企业微信应用经历前言一.背景二.项目结构前端要做的事一.和后端交流建立测试应用二.配置sdk 三.开发者工具主要需求和开发建议一.主要需求 1.手势返回 2.标题栏 ...
企业微信脚手架（企业内部）
开发文档地址:https://work.weixin.qq.com/api/doc/90000/90003/90556 企业微信后台:https://work.weixin.qq.com/ 更新日志: ...
微信官方你真的懂OAuth2？Spring Security OAuth2整合企业微信扫码登录
❝ 企业微信扫码登录DEMO参见文末. 现在很多企业都接入了企业微信,作为私域社群工具,企业微信开放了很多API,可以打通很多自有的应用.既然是应用,那肯定需要做登录.正好企业微信提供了企业微信扫码授 ...
企业微信脚手架（第三方）
开发文档地址:https://work.weixin.qq.com/api/doc/90001/90142/90594 企业微信服务商后台:https://open.work.weixin.qq.co ...
Appnium(三)企业微信UI自动化框架搭建
前言本章主要讲述针对[企业微信App]进行AppUI自动化测试框架的搭建 ps:这里底层用的是Appnium,另外写了一下底层Uiautomator2的简单搭建 UIautomator2框架搭建实战 ...
【观察】借道企业微信，销售易打开新一轮增长空间
申耀的科技观察读懂科技,赢取未来! 今年9月,销售易再次拿到腾讯1.2亿美金,这是自2017年腾讯领投销售易D轮,2018年腾讯投资D+轮以来,腾讯第三次下注CRM市场,更是近年来CRM市场最大的一 ...
autojs健康天天报（企业微信）——JZU
前言我们学校每天需要健康打卡,是在企业微信里进行打卡的,需要定位,输入体温,点击选项,然后提交,每个学校的打卡方式肯定是有所不同的,欢迎借鉴和提问,当然如果有帮助的话,感谢一键三连啦. 个人反省,可 ...

uni-app 封装企业微信config

uni-app 封装企业微信config相关推荐

最新文章

热门文章