• 微信二次分享


    一 绑定域名:

      先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

      PS: 例如域名为:http://ge.lp.com,则只需填ge.lp.com

    二 引入js: 

      (支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js

      请注意,如果你的页面启用了https,务必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js ,否则将无法在iOS9.0以上系统中成功使用JSSDK

      PS: 如需使用摇一摇周边功能,请引入 jweixin-1.1.0.js

      备注:支持使用 AMD/CMD 标准模块加载方法加载

    三 设置分享数据(一般是后台传值)

    var data = {****};
    var shareData = { title: data.title,//分享出去的title desc: data.lists[1].userName + "在直播" + data.title + ",速来占位",//分享出去的描述 link: window.location.href,//分享出去的链接 imgUrl: "http://******/icon.png",//分享出去的icon type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function(res) {//分享成功后的事件,例如下面的代码就会弹出success alert('success'); }, fail: function(res) {//分享失败后的事件,例如下面的代码就会弹出fail alert('fail'); }, cancel: function () { // 用户取消分享后执行的回调函数 } }

    四 配置wx权限配置 (一般是后台传值) 

    wx.config({
    		debug: false,//是否开启debug,如果开启会弹出调用的api配置结果信息(如:msg: config:invalid url donmain,或者msg: config:ok)
    		appId: res.data.appId,// 必填,公众号的唯一标识
    		timestamp: res.data.timestamp,// 必填,生成签名的时间戳
    		nonceStr: res.data.nonceStr,// 必填,生成签名的随机串
    		signature: res.data.signature,// 必填,签名
    		jsApiList: [ // 必填,需要使用的JS接口列表
    			'onMenuShareAppMessage',//分享朋友
    			'onMenuShareTimeline',//分享到朋友圈
    			'onMenuShareWeibo'//分享到微博
    		]
    });
    

    五  通过wx的ready()处理配置成功后的事件

    wx.ready(function() {
    	wx.onMenuShareAppMessage(shareData);//分享到朋友
    	wx.onMenuShareTimeline(shareData);//分享到朋友圈
    	wx.onMenuShareWeibo(shareData);//分享到微博
    });
    

    六 通过error接口处理失败验证

    wx.error(function(res){//配置失败,会走error
    	 alert(res);
    });
    

    PS: 打开路径不能是以IP开头的形式:http://***.***.***.***/share/index.html,必须是步骤一中填入的域名。

  • 相关阅读:
    Linux笔记 三剑客之sed
    Linux笔记 用户组管理
    Linux实验之软件管理
    Linux实验之系统安装
    gd_t , bd_t 结构分析
    编辑linux内核与bosybox 时,make menuconfig 出现错误
    4412裸板开发 (1点灯)
    tiny4412SDK 1312B 启动ubuntuDsektop
    tiny4412 启动方式
    linux minitools+minicom 安装及使用
  • 原文地址:https://www.cnblogs.com/lhy-93/p/5973879.html
Copyright © 2020-2023  润新知