微信分享接口SDK简介使用

摘要:
很久没做移动端活动了,想不少人都参与过微信里面的活动,既然活动就少不了分享。那我就行一个前端的角度说说如何实现微信分享的吧。对应微信分享,现在已有公共接口,微信的开发者文档SDK:https://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html首先要引用官方的jweixin-1.0.0.js,然后便可启用接口,下面就以分享到微信好友,朋友圈,QQ好友,QQ空间为例varlink=window.location.href.replace;varshareData={imgUrl:link+"img/share.jpg",//分享图标link:link+'weixin-share.html?inviteCode='+localStorage.inviteCode,//分享链接desc:'流量告急不用慌,每邀1人送1次,疯狂邀请疯狂送,流量之王就是你!',//分享标题success:function(){if{alert;}},cancel:function(){//用户取消分享后执行的回调函数}};if(typeofwx!

很久没做移动端活动了,想不少人都参与过微信里面的活动,既然活动就少不了分享。那我就行一个前端的角度说说如何实现微信分享的吧。

对应微信分享,现在已有公共接口,微信的开发者文档SDK:https://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html

首先要引用官方的jweixin-1.0.0.js,然后便可启用接口,下面就以分享到微信好友,朋友圈,QQ好友,QQ空间为例

var link = window.location.href.replace('weixin-share.html','');
            var shareData ={
                    imgUrl: link +"img/share.jpg",   //分享图标
                    link:link + 'weixin-share.html?inviteCode='+localStorage.inviteCode,//分享链接
                    desc: '流量告急不用慌,每邀1人送1次,疯狂邀请疯狂送,流量之王就是你!',//分享描述
                    title: '邀请送,500M流量疯狂送!',//分享标题
                    success: function() {
                        if(localStorage.lastname){
                            alert("分享成功");
                        }

                      },
                      cancel: function() {
                          //用户取消分享后执行的回调函数
}
                };
            if (typeof wx != 'undefined') {
                wx.config({
                    debug: false, //开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                    appId: 'wx4601e3fa5832f936', //必填,公众号的唯一标识
                    timestamp:'1472778330' , //必填,生成签名的时间戳
                    nonceStr: 'HZSMK123', //必填,生成签名的随机串
                    signature: 'fb0a612086e3bb8c2fb6c462c8a45722fce8409b',//必填,后台生成,与url有关签名,见附录1
                    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','hideMenuItems','onMenuShareQQ','onMenuShareQZone'] //必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
                wx.ready(function(){
                    //分享到朋友圈
wx.onMenuShareTimeline(
                            shareData
                    );
                    //分享给朋友
wx.onMenuShareAppMessage(
                            shareData
                    );
                    //分享到QQ
wx.onMenuShareQQ(
                        shareData
                    );
                    //分享到QQ空间
wx.onMenuShareQZone(
                        shareData
                    );
                    //隐藏菜单项
wx.hideMenuItems({
                        menuList: [
                                   'menuItem:exposeArticle', //举报
                                   'menuItem:setFont',
                                   'menuItem:refresh',
                                   'menuItem:copyUrl', //复制链接
                                   'menuItem:originPage',
                                   'menuItem:readMode',
                                   'menuItem:openWithQQBrowser',
                                   'menuItem:openWithSafari',
                                   'menuItem:share:email'] //要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3
});

                });
            }

说明一下appId必须是对外有效的公众号唯一id,signature必须后台生成传给前端,此时项目代码的分享功能只有放在制定(与微信绑定的)的二级域名下才可以起效

免责声明:文章转载自《微信分享接口SDK简介使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇UEditor使用浅析SharpGL学习笔记(五) 视口变换下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

(appium+python)UI自动化_02_appium启动手机app

前提:需先安装配置好appium+python自动化环境,已配置好环境的小伙伴可以参考以下步骤启动Android app,具体步骤如下: 一、USB连接手机 (1)手机USB连接电脑 (2)手机打开开发者模式、USB调试功能 二、基础信息配置 1,获取设备号 终端获取设备号,指令:adb devices   2,获取apk包名、activity (1)打开...

微信小程序官方示例 官方weui-wxss下载于安装 详解

1.小程序示例源码:https://github.com/wechat-miniprogram/miniprogram-demo 2.微信 weui下载地址:https://github.com/weui/weui-wxss/ weui用微信开发者工具打开步骤。 新先小程序,目录选择dist。appid可以选择测试 对WEUI css详解...

小程序与WebRTC联姻能擦出怎样的火花?

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由腾讯视频云终端团队发表于云+社区专栏 腾讯视频云终端技术总监,rexchang(常青), 2008 年毕业加入腾讯,一直从事客户端研发相关工作,先后参与过 PC QQ、手机QQ、QQ物联 等产品项目,目前在腾讯视频云团队负责音视频终端解决方案的优化和落地工作,帮助客户在可控的研发成本投入之下...

判断QQ,微信,QQ浏览器

最近做一个h5的落地页,用户输完信息后,去下载app,这里切记几个知识点 1.在微信和QQ中是不能下载app的,需要跳到浏览器中去下载。 2.window.location.href和window.open链接到app的链接是行不通的,在webview中会毙掉(h5嵌在第三方的贷超app中就会挂掉)。需要使用a标签 href链接url 3.判断微信,qq,...

腾讯组织架构变革 六大事业群构建有机生态

腾讯科技讯5月18日,国内最大互联网公司腾讯正式宣布,为顺应用户需求以及推动业务发展,将进行公司组织架构调整。 从腾讯内部发文了解到,腾讯将从原有的业务系统制(Business Units,BUs)升级为事业群制(Business Groups,BGs),把现有业务重新划分成企业发展事业群(CDG)、互动娱乐事业群(IEG)、移动互联网事业群(MIG)、网...

微信公众号教程(6)公众平台开发模式介绍

    公众平台开发模式介绍  原文:http://www.cnblogs.com/imaker/p/6249421.html 从今天开始教程进入高级阶段,请大家认真、专心,还有执着,我会很耐心的在后台回复每个人的提问,但是如果真觉得学不下去的可以考虑用一些现成的第三方平台,但是肯定不如自己开发来的个性化。 一、开发模式简介   点击公众平台后台导航的“高...