根据前篇文章使用ThinkPHP3.2获取到的access_token和jsapi_ticket,就可以使用jssdk接口了。如分享到朋友圈和分享给朋友接口。

使用jssdk有5个步骤哦,详情请查看微信官方开发文档。

步骤一:绑定域名(先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。)

步骤二:引入JS文件 

步骤三:通过config接口注入权限验证配置

步骤四:通过ready接口处理成功验证

步骤五:通过error接口处理失败验证

修改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 分享到朋友圈和分享给朋友接口使用相关推荐

  1. java 记录微信转发次数_微信分享朋友圈记录分享次数统计实现

    业余时间研究微信的接口方法.记录下微信分享朋友圈记录分享次数统计实现:1.引入JS文件 2.通过config接口注入权限验证配置 3.通过ready接口处理成功验证 4.通过error接口处理失败验证 ...

  2. uni-app - H5 公众号网页分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间,给微信分享卡片设置图标、标题、描述文字等(JS-SDK 通用解决方案放心用)

    前言 如果您是纯 Vue.js 项目(或 Nuxt.js),请访问 Vue - 最新网页 H5 分享到微信朋友圈 / 转发分享好友 这篇详细教程. 目前网上大部分教程都过时了(老版本.无效),并且未对 ...

  3. 微信分享到朋友圈、发送给朋友开发注意事项

    1.invalid url domain 当前页面所在域名与使用的appid没有绑定,请确认正确填写绑定的域名,如果使用了端口号,则配置的绑定域名也要加上端口号(一个appid可以绑定三个有效域名,见 ...

  4. php判断朋友圈是否分享,php实现的微信分享到朋友圈并记录分享次数功能

    本文实例讲述了php实现的微信分享到朋友圈并记录分享次数功能.分享给大家供大家参考,具体如下: 1.引入js文件 2.通过config接口注入权限验证配置 3.通过ready接口处理成功验证 4.通过 ...

  5. 微信js sdk 分享 失败 有时候好 有时候坏

    微信js sdk 分享 失败  有时候好 有时候坏 用了一个www开头的域名 和一个xx.com的域名 两个在解析上有问题. 实践是www.xx.com的比较 稳定 转载于:https://www.c ...

  6. android微信朋友圈视频无法播放,微信朋友圈不能分享手机视频怎么回事?微信朋友圈大视频功能安卓不能用吗?...

    微信朋友圈不能分享手机视频怎么回事?微信朋友圈大视频功能安卓不能用吗?最近微信更新,用户可以进行分享自己手机里的视频,这一举措受到很多人的喜欢.那么微信朋友圈不能分享手机视频怎么回事?微信朋友圈大视频 ...

  7. php 分享微博,php微信分享到朋友圈、QQ、朋友、微博

    本文实例为大家分享了php微信分享到朋友圈.QQ.朋友.微博的具体代码,供大家参考,具体内容如下 前台代码 wx.config({ debug: false, appId: "{$signP ...

  8. php 微信转发朋友圈,php微信分享到朋友圈、QQ、朋友、微博

    本文实例为大家分享了php微信分享到朋友圈.QQ.朋友.微博的具体代码,供大家参考,具体内容如下 前台代码 wx.config({ debug: false, appId: "{$signP ...

  9. 【动态ppt制作软件】Focusky教程 | 如何在微信朋友圈上分享自己的Focusky作品?

    现在Focusky(以下简称"FS软件")支持用户分享自己的作品到微信朋友圈上,让朋友轻松与您分享您的优秀作品.您只需要将您的作品上传到FS软件的云服务器,就能得到作品链接及二维码 ...

最新文章

  1. einsum,一个函数走天下
  2. 关于幂等性的解决方案
  3. 什么闭包,有什么特性,有什么影响,为什么用闭包
  4. Button的使用(十三):设置可见性
  5. 『设计模式』设计模式--原型模式
  6. nutsdb与mysql_分享下 nutsdb 单机 1 亿、10 亿数据实测
  7. 信管 - 挣值 - 资料收集
  8. ​选择云服务器的小窍门
  9. js中常用的日期处理函数
  10. Qt osg QWidget osgViewer::Viewer
  11. php把数据表格数据,php怎样把数据添加到数据表
  12. 做一款仿映客的直播App?看我就够了
  13. react native 使用TabNavigator编写APP底部导航
  14. Java 程序设计基础知识
  15. OpenSSL之X509证书用法
  16. BootStrap3 排版
  17. web前端设计与开发期末作品/期末大作业:我的家乡——走进达州(4页) HTML+CSS+JavaScript
  18. 通俗解释什么是指令集
  19. 【易通慧谷】盘点供应链金融的主要模式和对商业银行领域的影响
  20. unity移动端材质丢失呈洋红色问题记录

热门文章

  1. 骨架屏技术讲解以及如何在Vue中实现骨架屏
  2. 低耦合高内聚 原则的应用
  3. Viso制作计算累加求和流程图
  4. 【cmd】快速打开文件夹
  5. 2021-2027中国聚光光伏(CPV)市场现状研究分析与发展前景预测报告
  6. konva系列教程2:绘制图形
  7. 【镜像取证篇】qemu-img磁盘镜像转换神器
  8. Android 系统(52)---O1关机闹钟
  9. 2014年电大计算机应用基础考,2017年电大网考计算机应用基础统考试题
  10. linux 系统调用 优先级,Linux内核学习笔记(6)-- 进程优先级详解(prio、static_prio、normal_prio、rt_priority)...