微信JS-SDK 分享到朋友圈和分享给朋友接口使用

8人阅读 评论(0) 收藏 举报
分类:

根据前篇文章使用ThinkPHP3.2获取到的access_token和jsapi_ticket,就可以使用jssdk接口了。如分享到朋友圈和分享给朋友接口,修改Application/Home/View/Index/index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Document</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
</head>
<body>
  <b>基础接口accessToken:{$accessToken}</b>
  <p>微信公众号appId:{$signPackage.appId}</p>
  <p>时间戳:{$signPackage.timestamp}</p>
  <p>随机字符串:{$signPackage.nonceStr}</p>
  <p>签名:{$signPackage.signature}</p>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
  /*
   * 注意:
   * 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决,如仍未能解决可通过以下渠道反馈:
   * 邮箱地址:weixin-open@qq.com
   * 邮件主题:【微信JS-SDK反馈】具体问题
   * 邮件内容说明:用简明的语言描述问题所在,并交代清楚遇到该问题的场景,可附上截屏图片,微信团队会尽快处理你的反馈。
   */
  wx.config({
      debug: true,
      appId: '{$signPackage.appId}',
      timestamp: {$signPackage.timestamp},
      nonceStr: '{$signPackage.nonceStr}',
      signature: '{$signPackage.signature}',
      jsApiList: [
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
      ]
  });

  wx.ready(function () {
    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
    // 注册分享朋友圈事件。
    wx.onMenuShareTimeline({
      title: '暮歌尽天下', // 分享标题
      link: 'http://dgnanbo.k10000.top/index.php/Home/Index/index/index', // 分享链接,该链接域名必须与当前企业的可信域名一致
      imgUrl: 'https://avatar.csdn.net/B/8/E/3_cai181191.jpg', // 分享图标
      success: function () {
          alert('success!');
      },
      cancel: function () {
          alert('cancel!');
      }
    });

    // 注册分享朋友事件
    wx.onMenuShareAppMessage({
      title: '暮歌尽天下', // 分享标题
      desc: '我们的梦想!在飞!在翱翔!',
      link: 'http://dgnanbo.k10000.top/index.php/Home/Index/index/index', // 分享链接,该链接域名必须与当前企业的可信域名一致
      imgUrl: 'https://avatar.csdn.net/B/8/E/3_cai181191.jpg', // 分享图标
      success: function () {
          alert('success!');
      },
      cancel: function () {
          alert('cancel!');
      }
    });
  });

  wx.error(function(res){
      // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
  });

</script>
</html>


查看评论

微信js-sdk实现“分享到朋友圈”和“发送给朋友”

微信接口文档地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 实现步骤: 1...
  • xiaoguo321
  • xiaoguo321
  • 2016-05-23 19:08:46
  • 27965

微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈

小编也经常在微信朋友圈分享一些好的文章或者让人哭或笑的段子,就在手机右上角的三个竖点一键分享就ok了,那么对于分享到朋友圈是怎么实现的呢?对于那种活动分享送流量是怎么定位分享者的呢?而想要将文章发送给...
  • xdd19910505
  • xdd19910505
  • 2016-03-22 20:31:56
  • 38364

微信公众号开发--微信JS-SDK分享到朋友圈和分享给朋友

微信JS-SDK分享到朋友圈和分享给朋友的代码
  • frankcheng5143
  • frankcheng5143
  • 2016-03-31 15:36:28
  • 35559

微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈及QQ自定义分享

问题: H5经常会做一些从APP或其他地方分享出来的页面,在微信及QQ中会进行二次分享,需要自己定义分享的名字和图片; 微信的分享再分享在微信公众号文档中有相关说明:微信JS-SDK说明文档 ...
  • qq_34664239
  • qq_34664239
  • 2018-01-30 14:08:22
  • 509

吴晓丽分享[H5前端知识点和笔记]

吴晓丽分享[H5前端知识点和笔记]
  • u012118993
  • u012118993
  • 2017-11-09 09:14:33
  • 105

微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈,后台实现

上一篇文章讲了在页面对自定义分享的配置,接下来小编将继续娓娓道来后台对页面需要的参数是如何支持的。微信还真是让人欢喜让人忧。             前台页面需要的数据这酱紫的: wx.confi...
  • xdd19910505
  • xdd19910505
  • 2016-03-23 10:16:03
  • 1791

微信开发-发送给朋友,分享到朋友圈开发

微信分享功能
  • u013292160
  • u013292160
  • 2016-07-15 10:34:41
  • 4624

用微信JS SDK实现分享到朋友圈和分享给朋友的功能(服务端接口开发)

前端调用的接口(getInfo.php)如下,通过该接口可以获取所需的校验字段。
  • tsummerb
  • tsummerb
  • 2018-01-27 17:43:55
  • 417

php 微信分享朋友圈和发送给朋友

php 微信分享朋友圈和发送给朋友
  • JuanWY
  • JuanWY
  • 2015-07-30 13:39:27
  • 4948

微信朋友圈分享接口使用总结

微信朋友圈分享接口是非常细节的,而且不好调试,所以在此总结一下,以帮助大家 首先应该遵循微信开发者文档介绍,用接口调试工具将你需要的接口的权限确定一下(这里得去申请接口权限)?然后将这个网址用手机端...
  • u013260304
  • u013260304
  • 2015-12-15 15:13:12
  • 6175
    个人资料
    持之以恒
    等级:
    访问量: 4912
    积分: 433
    排名: 11万+
    文章存档
    最新评论