在微擎调用微信JSSDK实现分享功能

最近遇到一个项目是基于微擎框架做一个分享功能的,微擎本身是自带分享功能的,只是这次想要实现自定义分享内容,故进行了以下代码处理
* $_W[‘account’][‘jssdkconfig’]是微擎封装好的jssdk签名包的内容
* php页面代码

<?php
    if (!defined('IN_IA')) { 
         exit('Access Denied');
    }
    global $_W, $_GPC;
    $shareCon = array(
                         'title' ='分享标题', 
                         'link' => 'www.baidu.com',
                         'imgUrl' => '../addons/ewei_shop/static/images/404.png', 
                         'desc' => '测试分享内容'
                );
    $signPackage = $_W['account']['jssdkconfig'];
    echo '<pre>';
    print_r($_W['account']['jssdkconfig']);
    include $this->template('diyposter/test');
?>

php代码截图

  • html页面代码
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
wx.config({
    debug: false,
    appId: '{$signPackage["appId"]}',
    timestamp: '{$signPackage["timestamp"]}',
    nonceStr: '{$signPackage["nonceStr"]}',
    signature: '{$signPackage["signature"]}',
    jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone'
        ]
});

wx.ready(function(){
    // 分享朋友圈
    wx.onMenuShareTimeline({
    title:'{$shareCon["title"]}',
    link:window.location.href,
    imgUrl:'{php echo tomedia($shareCon["imgUrl"]);}',
    success:function(){
        //发送成功的方法
        alert('已分享');
    },
    cancel:function(){
        //发送取消的方法
        alert('已取消');
    }
});

// 分享给朋友
wx.onMenuShareAppMessage({
    title:'{$shareCon["title"]}',
    desc:'{$shareCon["desc"]}',
    link:window.location.href,
    imgUrl:'{php echo tomedia($shareCon["imgUrl"]);}',
    success:function(){
        //发送成功的方法
        alert('已分享');
    },
    cancel:function(){
        //发送取消的方法
        alert('已取消');
        }
    });
})
</script>

html代码截图

打印出来的签名包数据字段

分享成功后的页面弹框
分享给好友的页面截图

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值