jsapi.php 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. <?php
  2. include_once "config.php";
  3. include_once "WeiXin.php";
  4. $weixin = new WeiXin($appId,$appSecret,$token);
  5. $apiInfo = $weixin->init()->getJsApiTicket();
  6. ?>
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10. <title></title>
  11. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  12. <?php include_once "jsconfig.php";?>
  13. <script type="text/javascript" src="jquery.js"></script>
  14. </head>
  15. <body>
  16. <style>
  17. button{width:100%;height:70px;line-height: 70px;margin-bottom: 10px}
  18. </style>
  19. <button id="shareToQQBtn" >分享到QQ</button>
  20. <button id="chooseImgBtn">选择并上传图片</button>
  21. <button id="previewImgBtn">预览图片</button>
  22. <button id="downloadImgBtn">下载图片</button>
  23. <button id="networkTypeBtn">获取网络状态</button>
  24. <button id="openLocationBtn">查看位置</button>
  25. <button id="getLocationBtn">获取位置</button>
  26. <button id="scanCodeBtn">微信扫码</button>
  27. </body>
  28. <script>
  29. //准备就绪后
  30. wx.ready(function () {
  31. //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
  32. wx.onMenuShareTimeline({
  33. title: '分享到朋友圈测试', // 分享标题
  34. link: 'http://www.baidu.com', // 分享链接
  35. imgUrl: 'http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg', // 分享图标(只支持jpg图片)
  36. success: function () {
  37. // 用户确认分享后执行的回调函数
  38. alert('分享成功');
  39. },
  40. cancel: function () {
  41. // 用户取消分享后执行的回调函数
  42. alert('取消成功');
  43. }
  44. });
  45. //获取“分享给朋友”按钮点击状态及自定义分享内容接口
  46. wx.onMenuShareAppMessage({
  47. title: '分享给朋友测试', // 分享标题
  48. desc: '分享给朋友描述', // 分享描述
  49. link: 'http://www.baidu.com', // 分享链接
  50. imgUrl: 'http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg', // 分享图标(只支持jpg图片)
  51. type: '', // 分享类型,music、video或link,不填默认为link
  52. dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
  53. success: function () {
  54. // 用户确认分享后执行的回调函数
  55. alert('分享成功')
  56. },
  57. cancel: function () {
  58. // 用户取消分享后执行的回调函数
  59. alert('cancel')
  60. }
  61. });
  62. //获取“分享到QQ”按钮点击状态及自定义分享内容接口
  63. wx.onMenuShareQQ({
  64. title: '分享到QQ测试', // 分享标题
  65. desc: '分享到QQ描述', // 分享描述
  66. link: 'http://www.baidu.com', // 分享链接
  67. imgUrl: 'http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg', // 分享图标(只支持jpg图片)
  68. success: function () {
  69. // 用户确认分享后执行的回调函数
  70. alert('分享成功')
  71. },
  72. cancel: function () {
  73. // 用户取消分享后执行的回调函数
  74. alert('cancel')
  75. }
  76. });
  77. //拍照或从手机相册中选图接口
  78. $('#chooseImgBtn').bind('click',function(){
  79. wx.chooseImage({
  80. count: 1, // 默认9
  81. sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
  82. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  83. success: function (res) {
  84. var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  85. for(var i=0;i<localIds.length;i++)//上传
  86. {
  87. wx.uploadImage({
  88. localId: localIds[i], // 需要上传的图片的本地ID,由chooseImage接口获得
  89. isShowProgressTips: 1, // 默认为1,显示进度提示
  90. success: function (res) {
  91. var serverId = res.serverId; // 返回图片的服务器端ID
  92. }
  93. });
  94. }
  95. }
  96. });
  97. })
  98. //预览图片接口
  99. $('#previewImgBtn').bind('click',function(){
  100. wx.previewImage({
  101. current: 'http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg', // 当前显示图片的http链接
  102. urls: ['http://imga.tiboo.cn/a/2015/2065121_1025233119.jpg','http://imga.tiboo.cn/a/2015/2065121_1025233120.jpg'] // 需要预览的图片http链接列表
  103. });
  104. })
  105. //下载图片
  106. $('#downloadImgBtn').bind('click',function(){
  107. wx.downloadImage({
  108. serverId: '', // 需要下载的图片的服务器端ID,由uploadImage接口获得
  109. isShowProgressTips: 1, // 默认为1,显示进度提示
  110. success: function (res) {
  111. var localId = res.localId; // 返回图片下载后的本地ID
  112. alert(localId);
  113. }
  114. });
  115. })
  116. //获取网络状态
  117. $('#networkTypeBtn').bind('click',function(){
  118. wx.getNetworkType({
  119. success: function (res) {
  120. var networkType = res.networkType; // 返回网络类型2g,3g,4g,wifi
  121. alert(networkType);
  122. }
  123. });
  124. })
  125. //打开地图,查看位置(火星坐标)
  126. $('#openLocationBtn').bind('click',function(){
  127. wx.openLocation({
  128. latitude: 0, // 纬度,浮点数,范围为90 ~ -90
  129. longitude: 0, // 经度,浮点数,范围为180 ~ -180。
  130. name: 'test', // 位置名
  131. address: 'fsdfsdfdsf', // 地址详情说明
  132. scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
  133. infoUrl: 'http://www.baidu.com' // 在查看位置界面底部显示的超链接,可点击跳转
  134. });
  135. })
  136. //获取未知
  137. $('#getLocationBtn').bind('click',function(){
  138. wx.getLocation({
  139. type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
  140. success: function (res) {
  141. var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
  142. var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
  143. var speed = res.speed; // 速度,以米/每秒计
  144. var accuracy = res.accuracy; // 位置精度
  145. }
  146. });
  147. })
  148. //微信扫码
  149. $('#scanCodeBtn').bind('click',function(){
  150. wx.scanQRCode({
  151. needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
  152. scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
  153. success: function (res) {
  154. var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
  155. }
  156. });
  157. })
  158. /*按钮控制操作
  159. 基本类
  160. 举报: "menuItem:exposeArticle"
  161. 调整字体: "menuItem:setFont"
  162. 日间模式: "menuItem:dayMode"
  163. 夜间模式: "menuItem:nightMode"
  164. 刷新: "menuItem:refresh"
  165. 查看公众号(已添加): "menuItem:profile"
  166. 查看公众号(未添加): "menuItem:addContact"
  167. 传播类
  168. 发送给朋友: "menuItem:share:appMessage"
  169. 分享到朋友圈: "menuItem:share:timeline"
  170. 分享到QQ: "menuItem:share:qq"
  171. 分享到Weibo: "menuItem:share:weiboApp"
  172. 收藏: "menuItem:favorite"
  173. 分享到FB: "menuItem:share:facebook"
  174. 分享到 QQ 空间/menuItem:share:QZone
  175. 保护类
  176. 编辑标签: "menuItem:editTag"
  177. 删除: "menuItem:delete"
  178. 复制链接: "menuItem:copyUrl"
  179. 原网页: "menuItem:originPage"
  180. 阅读模式: "menuItem:readMode"
  181. 在QQ浏览器中打开: "menuItem:openWithQQBrowser"
  182. 在Safari中打开: "menuItem:openWithSafari"
  183. 邮件: "menuItem:share:email"
  184. 一些特殊公众号: "menuItem:share:brand"
  185. */
  186. //隐藏右上角菜单接口 wx.hideOptionMenu();
  187. //显示右上角菜单接口 wx.showOptionMenu();
  188. //关闭当前网页窗口接口 wx.closeWindow();
  189. //批量隐藏功能按钮接口 wx.hideMenuItems({menuList: [] // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3});
  190. //批量显示功能按钮接口 wx.showMenuItems({menuList: [] // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3});
  191. //隐藏所有非基础按钮接口 wx.hideAllNonBaseMenuItem();
  192. //显示所有功能按钮接口 wx.showAllNonBaseMenuItem();
  193. });
  194. //分享到其他平台
  195. function shareOut(type,title,desc,link,imgUrl)
  196. {
  197. var data = {
  198. title: title, // 分享标题
  199. desc: desc, // 分享描述
  200. link: link, // 分享链接
  201. imgUrl: imgUrl, // 分享图标(只支持jpg图片)
  202. success: function () {
  203. },
  204. cancel: function () {
  205. }
  206. };
  207. if(type=='onMenuShareQQ')
  208. {
  209. wx.onMenuShareQQ(data);
  210. }
  211. else if(type=='onMenuShareWeibo')
  212. {
  213. wx.onMenuShareWeibo(data);
  214. }
  215. else if(type=='onMenuShareQZone')
  216. {
  217. wx.onMenuShareQZone(data);
  218. }
  219. else
  220. {
  221. alert('非法操作!');
  222. return;
  223. }
  224. }
  225. </script>
  226. </html>