微信分享 JavaScript 代码 2016

例子JS

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    wx.config({
        debug: false,
        appId: "wx50adeee3aff90abc",
        timestamp: 1434189878,//这个一定要与上面的php代码里的一样。
        nonceStr: 'lPQUkizYJMFlIC8d',
        signature: '57a844cf5e3e71d446154fe106f6bd985c8cd8b9',// 必填,签名,见附录1
        jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo'
        ]
    });

    //-----------------------------------------------
    wx.ready(function () {
        wx.onMenuShareTimeline({
            title: '五洲会海购,关注送豪礼!', // 分享标题
            desc: '五洲会,汇聚全球进口尖货,带给你的收获,不仅仅是购物,还有财富。', // 分享链接
            link: 'http://m.wzhouhui.com',
            imgUrl: 'http://m.wzhouhui.com/temp/default/dist/images/share/index.png', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareAppMessage({
            title: '五洲会海购,关注送豪礼!', // 分享标题
            desc: '五洲会,汇聚全球进口尖货,带给你的收获,不仅仅是购物,还有财富。', // 分享描述
            link: 'http://m.wzhouhui.com', // 分享链接
            imgUrl: 'http://m.wzhouhui.com/temp/default/dist/images/share/index.png', // 分享图标
            type: 'link', // 分享类型,music、video或link,不填默认为link
            dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareQQ({
            title: "五洲会海购,关注送豪礼!", // 分享标题
            desc: '五洲会,汇聚全球进口尖货,带给你的收获,不仅仅是购物,还有财富。', // 分享链接
            link: 'http://m.wzhouhui.com',
            imgUrl: "http://m.wzhouhui.com/temp/default/dist/images/share/index.png", // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareWeibo({
            title: "五洲会海购,关注送豪礼!", // 分享标题
            desc: '五洲会,汇聚全球进口尖货,带给你的收获,不仅仅是购物,还有财富。', // 分享链接
            link: 'http://m.wzhouhui.com',
            imgUrl: "http://m.wzhouhui.com/temp/default/dist/images/share/index.png", // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    });

</script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是Vue微信H5分享代码示例: ```javascript export default { data() { return { shareTitle: '分享标题', shareDesc: '分享描述', shareLink: window.location.href, shareImgUrl: '分享图标url' } }, mounted() { this.initWechatShare() }, methods: { initWechatShare() { // 引入微信JS-SDK const wx = require('weixin-js-sdk') const url = window.location.href.split('#')[0] const data = { url } // 向后端请求签名数据 axios.get('/api/wechat/signature', { params: data }).then(res => { if (res.data.code === 0) { const signatureData = res.data.data wx.config({ debug: false, appId: signatureData.appId, timestamp: signatureData.timestamp, nonceStr: signatureData.nonceStr, signature: signatureData.signature, jsApiList: [ 'updateAppMessageShareData', 'updateTimelineShareData' ] }) wx.ready(() => { // 分享到朋友圈 wx.updateTimelineShareData({ title: this.shareTitle, // 分享标题 link: this.shareLink, // 分享链接 imgUrl: this.shareImgUrl, // 分享图标 success() { // 分享成功回调 } }) // 分享给朋友 wx.updateAppMessageShareData({ title: this.shareTitle, // 分享标题 desc: this.shareDesc, // 分享描述 link: this.shareLink, // 分享链接 imgUrl: this.shareImgUrl, // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success() { // 分享成功回调 } }) }) } }) } } } ``` 在以上代码中,我们使用 axios 向后端请求签名数据,获取 appId、timestamp、nonceStr 和 signature 等信息,然后使用微信 JS-SDK 进行配置和分享分享到朋友圈使用的接口是 `wx.updateTimelineShareData`,分享给朋友使用的接口是 `wx.updateAppMessageShareData`。 注意,以上代码仅供参考,实际使用需要根据自己的情况进行修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值