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

本文介绍了如何利用微信JSSDK,在PHP服务端开发接口,获取access_token,实现前端调用接口获取分享到朋友圈和分享给朋友功能的详细步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端调用的接口(getInfo.php)如下,通过该接口可以获取所需的校验字段。

<?php
require_once "jssdk.php";
$url=isset($_GET['url'])? $_GET['url'] : 'no url';//动态获取前端传递的待分享页面的url
$jssdk = new JSSDK("appId",$url);
$signPackage = $jssdk->GetSignPackage();
echo json_encode($signPackage);
?>
jssdk.php如下

<?php
class JSSDK {
  private $appId;
  private $appSecret;

  public function __construct($appId, $url) {
    $this->appId = $appId;
    $this->url = $url;
  }

  public function getSignPackage() {
    $jsapiTicket = $this->getJsApiTicket();
    $cur_url=$this->url;
    $timestamp = time();
    $nonceStr = $this->createNonceStr(5);

    // 这里参数的顺序要按照 key 值 ASCII 码升序排序
    $string="jsapi_ticket=".$jsapiTicket."&noncestr=".$nonceStr."×tamp=".$timestamp."&url=".$cur_url;
    //echo $string;
    $signature = sha1($string);

    $signPackage = array(
      "appId"     => $this->appId,
      "nonceStr"  => $nonceStr,
      "timestamp" => $timestamp,
      "url"       => $cur_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() {
    $tk = file_get_contents("/var/www/keys/wx_token/appid.token");//从文件读取access_token
    $url_getjstk='https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token='.$tk.'&type=jsapi';
    $jstk = file_get_contents($url_getjstk);
    $arr_jstk=json_decode($jstk, true);
    $str_jstk=$arr_jstk["ticket"];
    return $str_jstk;
  }
}
为了方便开发,将获取access_token的程序写成了定时任务,每隔2分钟执行一次(get_token.php)

<?php
class token
{
	public function get_content()
	{
		$url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appid&secret=secret";
		$str = file_get_contents($url); 
		return $str;
	}

	public function writet_result()
	{
		$str = $this->get_content();
		$arr = json_decode($str,true); 
		$fp=fopen("/var/www/keys/wx_token/appid.token","w");
		fputs($fp,$arr["access_token"]);
		fclose($fp);
		#$this->write_mem('token_iweicang', $str);
	}

	public function write_mem($key, $value) 
	{
		$mem = new Memcached();
		$mem->addServer('localhost', 11211);
		$mem->set($key, $value, 7200);
	}

}

$o = new token;
$o->writet_result();
?>
### 关于微信 JS-SDK 分享接口的使用 #### 准备工作 为了成功调用微信JS-SDK中的分享接口开发者需完成一系列准备工作。这包括但不限于获取应用ID(appid),设置服务器域名以及确保已获得相应的权限[^2]。 #### 配置JS-SDK 在HTML文件头部引入官方提供的`wx.js`库之后,需要通过后台服务端向`https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi`请求得到票据(ticket),再利用此票证其他必要参数计算出签名(Signature)。这些信息将被用来初始化JS-SDK环境: ```javascript wx.config({ debug: false, // 开启调试模式, appId: 'yourAppId', // 必填,公众号的唯一标识 timestamp: '', // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名 jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填,需要使用的JS接口列表 }); ``` #### 实现分享功能 一旦配置完毕并验证无误后,就可以着手处理具体的分享逻辑了。下面是一个简单的例子展示如何设定朋友圈聊天窗口两种场景下的分享内容: ```javascript function setShareContent(title, desc, link, imgUrl){ wx.ready(function(){ // 自定义“分享给朋友”及“分享到QQ”的按钮点击事件 wx.onMenuShareAppMessage({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接 imgUrl: imgUrl, // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '' , // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); // 自定义“分享朋友圈”及“分享到QQ空间”的按钮点击事件 wx.onMenuShareTimeline({ title: title, // 分享标题 link: link, // 分享链接 imgUrl: imgUrl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); }); } ``` 以上代码片段展示了基本框架,在实际项目中可能还需要考虑更多细节问题,比如错误处理机制等[^4]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值