企微JSSDK的引入以及简单使用

本文主要是介绍企微JSSDK的引入以及简单使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

使用
在可以到官网下载jssdk 放入到文件目录（我是放在src/components/jweixin-1.0.0.js）中下的
在使用的页面进入引入

<script>
import wx from '@/components/jweixin-1.0.0.js'
//在使用之前 还需要对wx这块进行权限注入（签名认证等）这块可以单独定义在一个js文件中 然后引入使用
import checkWxJssdk from '@/components/checkWxJssdk.js';
export default {methods: {text(){ //_appid, _timestamp, _nonceStr, _signature,initData 这些数据从后台拿checkWxJssdk(_appid, _timestamp, _nonceStr, _signature,initData)wx.ready(function () {wx.invoke('sendChatMessage', {msgtype:"news", //消息类型，必填news:{link:url, //H5消息页面url 必填 动态传入title: "请点击链接完成入组问卷", //H5消息标题desc: "获得完整的病程管理服务", //H5消息摘要imgUrl: "http://cloud-h5.ruiyudtx.com/images/artwordsend/2024/01/08/1744223672752803840.jpg", //H5消息封面图片URL}}, function(res) {if (res.err_msg == 'sendChatMessage:ok') {//发送成功console.info("getContext:" + JSON.stringify(res))}})})}}
</script>

//components/checkWxJssdk.js

async function wxCorpJsConfig(_appid, _timestamp, _nonceStr, _signature,initData) {var that = this;wx.config({beta: true,debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。   appId: _appid, // 必填，公众号的唯一标识timestamp: _timestamp, // 必填，生成签名的时间戳nonceStr: _nonceStr, // 必填，生成签名的随机串signature: _signature, // 必填，签名jsApiList: ['chooseImage','sendChatMessage'] // 必填，需要使用的JS接口列表});// config信息验证后会执行ready方法,config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中wx.ready(function(res) {console.log('走ready？')wx.checkJsApi({jsApiList: ['chooseImage','getContext','getCurExternalContact','sendChatMessage'],success: function(res) {// alert('成功');console.info("success：" + JSON.stringify(res))}});});//config信息验证失败会执行error函数wx.error(function(res) {//alert("error：" + res.errMsg);console.info("error：" + JSON.stringify(res))});
}