微信JSSDK分享功能图文实例详解

微信(小程序)  /  管理员 发布于 3年前   305

本文实例讲述了微信JSSDK分享功能。分享给大家供大家参考，具体如下：

这里以微信分享到朋友圈，分享给微信好友为例为参考，进行调用测试，想添加其他的功能，自行查看开发人员文档即可

工欲善其事，必先利其器，好好利用下边的帮助工具，都是腾讯给开发人员的工具

1.微信开发者说明文档：点击查看

2.微信WEB开发者工具：

Windows 64位版本：下载地址

Windows 32位版本：下载地址

Mac版本：下载地址

3.微信JSSDK分享sample：点击下载

4.在线DEMO：http://203.195.235.76/jssdk/

微信版本6.0以后，原有的WeixinJSBridge.on('menu:share:timeline', function (argv) {}不再可在以使用，那如何在使用微信的其他功能呢？官方给出了JSSDK的使用，帮助我们解决~

前言：

虽然微信提供了JSSDK，但是这不意味着你可以用自定义的按钮来直接打开微信的分享界面，这套JSSDK只是把微信分享接口的内容定义好了，实际还是需要用户点击右上角的菜单按钮进行主动的分享，用户点开分享界面之后，出现的内容就会是你定义的分享标题、图片和链接。

1.JSSDK使用步骤

• 
  
  • 1.1.1 步骤一：绑定域名
  • 
    
  • 1.1.2 步骤二：引入JS文件
  • 
    
  • 1.1.3 步骤三：通过config接口注入权限验证配置
  • （$tpl['appid'] $tpl['appsercret']换成你自己！）
  • 
    
  • 1.1.4 步骤四：通过ready接口处理成功验证
  • 
    
  • 1.1.5 步骤五：通过error接口处理失败验证

2.实测图解：

• 
  
• 2.1 测试页面：
  
• 
  

2.2分享到朋友圈：

2.3分享到朋友圈：

 

（这个是触发success的效果,配图描述写错了，抱歉)

（这个是触发cancel的效果)

2.3调试界面：

3.实测代码样例：

后台代码(jssdk.php见后边)：

//获取apptokenrequire_once "jssdk.php";$jssdk = new JSSDK($appid,$appsecret);//这里填写自己的appid 和secret$signPackage = $jssdk->GetSignPackage();$this->assign("signPackage",$signPackage);

JS配置代码

JS分享代码：

JSSDK类

jssdk.php

appId = $appId; $this->appSecret = $appSecret; } public function getSignPackage() { $jsapiTicket = $this->getJsApiTicket(); // 注意 URL 一定要动态获取，不能 hardcode. $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://"; $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; $timestamp = time(); $nonceStr = $this->createNonceStr(); // 这里参数的顺序要按照 key 值 ASCII 码升序排序 $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url"; $signature = sha1($string); $signPackage = array(  "appId"  => $this->appId,  "nonceStr" => $nonceStr,  "timestamp" => $timestamp,  "url"  => $url,  "signature" => $signature,  "rawString" => $string ); return $signPackage;  } private function createNonceStr($length = 16) { $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; $str = ""; for ($i = 0; $i < $length; $i++) {  $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1); } return $str; } private function getJsApiTicket() {   $accessToken = $this->getAccessToken();    // 如果是企业号用以下 URL 获取 ticket  // $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";  $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";  $res = json_decode($this->httpGet($url));    $ticket = $res->ticket;   return $ticket; } private function getAccessToken() { // access_token 应该全局存储与更新，以下代码以写入到文件中做示例 // 如果是企业号用以下URL获取access_token // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";  $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret";  $res = json_decode($this->httpGet($url));  $access_token = $res->access_token;   return $access_token; } private function httpGet($url) { $curl = curl_init(); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_TIMEOUT, 500); curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false); curl_setopt($curl, CURLOPT_URL, $url); $res = curl_exec($curl); curl_close($curl); return $res; }}

更多关于PHP相关内容感兴趣的读者可查看本站专题：《PHP微信开发技巧汇总》、《php curl用法总结》、《PHP网络编程技巧总结》、《php字符串(string)用法总结》、《PHP中json格式数据操作技巧汇总》及《PHP针对XML文件操作技巧总结》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

• 微信二次分享报错invalid signature问题及解决方法
• 微信小程序生成分享海报方法（附带二维码生成）
• php微信分享到朋友圈、QQ、朋友、微博
• php实现微信分享朋友链接功能
• 微信小程序实现的自定义分享功能示例
• 微信分享的标题、缩略图、连接及描述设置方法
• 微信支付终于成功了（安卓、iOS）在此分享
• PHP开发微信支付的代码分享
• 基于js实现微信发送好友如何分享到朋友圈、微博
• 微信公众平台开发教程②微信端分享功能图文详解