zoukankan      html  css  js  c++  java
  • 微信分享的功能

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <title>一点学车</title>
    <link rel="stylesheet" href="http://res.wx.qq.com/open/libs/weui/1.1.1/weui.min.css">
    <script type="text/javascript" src="http://wechat.daopeng365.com/js/jquery-1.8.3.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style type="text/css">
    .com-app-share {
    position: absolute;
    top: -1600px;
    left: 0
    }
    </style>
    </head>
    <body>
    <div class="com-app-share">
    <h1>10月1日驾考新规,科一、科二、科三、科四内容有哪些变化?</h1>
    <img src="http://ot9xer3cv.bkt.clouddn.com/app_icon.png" alt="一点学车" width="0" height="0">
    <p>一点学车,学车不止快一点。欢迎关注“一点学车”微信公众号。</p>
    </div>
    <script type="text/javascript">
    var timestamp;
    var nonceStr;
    var signature;
    var loc = decodeURI(window.location);
    var getv1 = '';
    $.ajax({
    url: getv1 + 'weixin/getTicket',
    dataType: 'json',
    type: 'GET',
    data: {
    url: '' + window.location + ''
    },
    success: function(data) {
    debugger;
    timestamp = data.data.timestamp;
    nonceStr = data.data.noncestr;
    signature = data.data.signature;
    wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '', // 必填,公众号的唯一标识
    timestamp: timestamp, // 必填,生成签名的时间戳
    nonceStr: nonceStr, // 必填,生成签名的随机串
    signature: signature, // 必填,签名,见附录1
    jsApiList: ['scanQRCode', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'chooseImage',
    'uploadImage', 'onMenuShareQQ', 'onMenuShareQZone'
    ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
    });
    },
    error: function() {
    alert("失败");
    }
    });
    wx.ready(function() {
    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
    /*分享到朋友圈*/
    wx.onMenuShareTimeline({
    title: '微信公众号', // 分享标题
    link: 'http://wechat.daopeng365.com/weibo/page/index.html', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: 'http://ot9xer3cv.bkt.clouddn.com/app_icon.png', // 分享图标
    success: function(res) {
    // alert('已分享');
    },
    cancel: function(res) {
    // alert('已取消');
    },
    fail: function(res) {
    //alert(JSON.stringify(res));
    }
    });
    /*分享给朋友*/
    wx.onMenuShareAppMessage({
    title: '一点学车haha', // 分享标题
    desc: '一点学车,学车不止快一点。欢迎关注“一点学车”微信公众号。', // 分享描述
    link: 'http://wechat.daopeng365.com/weibo/page/index.html', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: 'http://ot9xer3cv.bkt.clouddn.com/app_icon.png', // 分享图标
    type: '', // 分享类型,music、video或link,不填默认为link
    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    success: function() {
    // 用户确认分享后执行的回调函数
    },
    cancel: function() {
    // 用户取消分享后执行的回调函数
    }
    });
    /*分享到qq*/
    wx.onMenuShareQQ({
    title: '一点学车', // 分享标题
    desc: '一点学车,学车不止快一点。欢迎关注“一点学车”微信公众号。', // 分享描述
    link: 'http://wechat.daopeng365.com/weibo/page/index.html', // 分享链接
    imgUrl: 'http://ot9xer3cv.bkt.clouddn.com/app_icon.png', // 分享图标
    success: function() {
    // 用户确认分享后执行的回调函数
    },
    cancel: function() {
    // 用户取消分享后执行的回调函数
    }
    });
    /*分享到空间*/
    wx.onMenuShareQZone({
    title: '一点学车haha', // 分享标题
    desc: '一点学车,学车不止快一点。欢迎关注“一点学车”微信公众号。', // 分享描述
    link: 'http://wechat.daopeng365.com/weibo/page/index.html', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: 'http://ot9xer3cv.bkt.clouddn.com/app_icon.png', // 分享图标
    success: function() {
    // 用户确认分享后执行的回调函数
    },
    cancel: function() {
    // 用户取消分享后执行的回调函数
    }
    });
    wx.error(function(res) {
    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
    alert("errorMSG:" + JSON.stringify(res));
    });
    });
    </script>
    </body>

    </html>

  • 相关阅读:
    EOJ 1822 Hanoi Tower IV
    Firefox,chrome,IE上传图片预览
    js保存,获取,删除cookie的操作
    jquery 特效
    SimpleDateFormat转换时间,12,24时间格式[转]
    javascript捕获页面窗口关闭事件
    [转]ajQuery的deferred对象详解
    iframe
    火狐路径问题
    JAVA折腾微信公众平台(Token验证)[转]
  • 原文地址:https://www.cnblogs.com/yesu/p/7516145.html
Copyright © 2011-2022 走看看