企业微信JS-SDK禁止分享功能

使用JS-SDK实现点击右上角,不能分享功能:

     

       function fenxiang(){
                var index_url=location.href.split('#')[0];//url不能写死
                $.ajax({ 
                    type : "get",
                    url : share_url,
                    dataType : "json",
                    async : false,
                    data:{url:index_url},
                    success : function(data) {
                        //console.log("请求微信分享接口="+JSON.stringify(data));
                        wx.config({
                            debug: false,//生产环境需要关闭debug模式
                            appId: data.corpid,//appId通过微信服务号后台查看
                            timestamp: data.timestamp,//生成签名的时间戳
                            nonceStr: data.nonceStr,//生成签名的随机字符串
                            signature: data.signature,//签名
                            jsApiList: [//需要调用的JS接口列表
                                'onMenuShareTimeline',//分享到朋友圈分享给好友
                                'onMenuShareAppMessage',//转发
                                'onMenuShareWechat',//分享到微信
                                'shareAppMessage'//自定义转发到会话   
                            ] 
                        });
                        wx.ready(function () {
                           //禁用右上角菜单按钮
                           wx.hideOptionMenu();                                
                        });    
                    },
                    error: function(xhr, status, error) {
                        console.log("获取微信参数失败=="+error);
                    }
                })                    
            }

要在 Vue 中使用微信 JS-SDK 实现分享功能,需要完成以下步骤: 1. 获取微信公众号的 appid 和 appsecret,以及当前页面的 url。 2. 在服务器端配置好微信 JS-SDK 的权限验证,获取到 signature、timestamp 和 noncestr 等参数。 3. 在 Vue 中引入微信 JS-SDKSDK 文件,并初始化。 4. 调用微信 JS-SDK 的接口,完成分享功能。 下面是一个简单的示例代码: ```html <template> <div class="share"> <button @click="shareToWechat">分享微信</button> </div> </template> <script> import wx from 'weixin-js-sdk' export default { data() { return { appId: '', timestamp: '', nonceStr: '', signature: '', imgUrl: '', shareUrl: '' } }, created() { // 获取微信 JS-SDK 配置参数 this.getWechatConfig() }, methods: { // 获取微信 JS-SDK 配置参数 async getWechatConfig() { const url = window.location.href.split('#')[0] const res = await this.$api.getWechatConfig({ url }) if (res.code === 0) { const data = res.data this.appId = data.appId this.timestamp = data.timestamp this.nonceStr = data.nonceStr this.signature = data.signature this.imgUrl = data.imgUrl this.shareUrl = data.shareUrl this.initWechatSDK() } }, // 初始化微信 SDK initWechatSDK() { wx.config({ debug: false, appId: this.appId, timestamp: this.timestamp, nonceStr: this.nonceStr, signature: this.signature, jsApiList: [ 'updateAppMessageShareData', 'updateTimelineShareData' ] }) wx.ready(() => { // 配置分享信息 wx.updateAppMessageShareData({ title: '分享标题', desc: '分享描述', link: this.shareUrl, imgUrl: this.imgUrl, success() { // 分享成功回调 } }) wx.updateTimelineShareData({ title: '分享标题', link: this.shareUrl, imgUrl: this.imgUrl, success() { // 分享成功回调 } }) }) }, // 分享微信 shareToWechat() { wx.chooseWXPay({ // ... }) } } } </script> ``` 在上面的代码中,我们首先通过 `getWechatConfig` 方法获取微信 JS-SDK 的配置参数,然后在 `initWechatSDK` 方法中初始化微信 SDK,并配置分享信息。最后,在 `shareToWechat` 方法中调用微信 JS-SDK 的 `chooseWXPay` 接口,实现分享功能
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值