微信sdk实现禁止微信分享(使用原生php实现)


Posted in Javascript onNovember 15, 2019

在此之前我们已经学习过微信的sdk使用,但是之前实在easyWechat的php插件基础上实现的,具体可以参考:https://3water.com/article/174309.htm

这里我们来使用原生的php实现微信的sdk-禁止微信分享

一:引入所需要的js

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

二:通过config接口注入权限验证配置

wx.config({
 debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
 appId: '', // 必填,公众号的唯一标识
 timestamp: , // 必填,生成签名的时间戳
 nonceStr: '', // 必填,生成签名的随机串
 signature: '',// 必填,签名
 jsApiList: [] // 必填,需要使用的JS接口列表
});

签名的生成步骤如下:

1:获取微信公众号的全局唯一接口调用凭据access_token

调取下面的接口获取access_token

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

get参数说明:

appid:微信公众号的唯一标识appId

secret:微信公众号的appsecret

根据上面的接口可以获取到微信公众号的全局唯一接口调用凭据access_token,接口返回结果如下:

{"access_token":"ACCESS_TOKEN","expires_in":7200}

2:根据access_token获取jsapi_ticket

调取下面的接口获取jsapi_ticket

https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

get参数说明:

access_token:上面接口获取到的access_token

type:类型,这里指定填jsapi

根据上面的接口可以获取到jsapi_ticket,接口返回结果如下:

{
 "errcode":0,
 "errmsg":"ok",
 "ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
 "expires_in":7200
}

3:根据获取到的jsapi_ticket和noncestr,timestamp,url生成签名

对所有待签名参数按照字段名的ASCII 码从小到大排序后,使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串,然后通过sha1加密生成签名

三:通过ready接口处理成功验证后在ready内写我们所需要的微信sdk接口

wx.ready(function(){
 // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});

四:具体实现

根据如上说明,这里我们就以禁止微信分享sdk为例实现:

1:php端:

public function actionTicket()
{
  //开启session
  session_start();
  //appId
  $appId = 'wx73d0c47a64aa5315';
  //secret
  $appSecret = 'aba2793c10623350f6aeee5a728099d3';
  if (!isset($_SESSION['ticket'])){
    //获取微信公众号全局唯一接口调用凭据access_token
    $result = $this->getAccessToken($appId, $appSecret);
    $accessToken = $result['access_token'];
    //获取jsapi_ticket
    $getTicket = $this->getTicket($accessToken);
    $ticket = $getTicket['ticket'];
    $_SESSION['ticket'] = $ticket;
  }
  //jsapi_ticket(公众号用于调用微信JS接口的临时票据)
  $ticket = $_SESSION['ticket'];
  //当前时间戳
  $timestamp = time();
  //随机字符串
  $noncestr = $this->getRandCode();
  //当前url
  $url = $this->getUrl();
  $params = [
    'jsapi_ticket' => $ticket,
    'timestamp' => $timestamp,
    'noncestr' => $noncestr,
    'url' => $url,
  ];
  $options = $this->urlParams($params);
  //获取签名
  $signature = sha1($options);
  //将appId,timestamp,noncestr,signature渲染到页面
  return $this->render('ticket', [
    'appId' => $appId,
    'timestamp' => $timestamp,
    'noncestr' => $noncestr,
    'signature' => $signature,
  ]);
}
/*
 * 获取jsapi_ticket
 */
public function getTicket($accessToken)
{
  $params = [
    'access_token' => $accessToken,
    'type' => 'jsapi',
  ];
  $urlParams = $this->urlParams($params);
  $ticketUrl = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket?' . $urlParams;
  $result = $this->http_curl($ticketUrl);
  return json_decode($result, true);
}
/*
 * 获取微信公众号的全局唯一接口调用凭据access_token
 */
public function getAccessToken($appId, $appSecret)
{
  $params = [
    'grant_type' => 'client_credential',
    'appid' => $appId,
    'secret' => $appSecret,
  ];
  $urlParams = $this->urlParams($params);
  $accessUrl = 'https://api.weixin.qq.com/cgi-bin/token?' . $urlParams;
  $result = $this->http_curl($accessUrl);
  return json_decode($result, true);
}
/*
 * 获取随机码
 */
function getRandCode($num = 16){
  $array = array(
    'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z',
    'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','v','z',
    '1','2','3','4','5','6','7','8','9','0',
  );
  $tmpstr='';
  $max = count($array);
  for($i=1; $i<=$num; $i++){
    $key = rand(0,$max-1); //'A' -> $array[0]
    $tmpstr .= $array[$key];
  }
  return $tmpstr;
}
/*
 * curl接口调用
 */
public function http_curl($url, $data=null) {
  $curl = curl_init();
  curl_setopt($curl, CURLOPT_URL, $url);
  curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
  curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, 0);
  curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 0);
  curl_setopt($curl, CURLOPT_POST, 1);
  curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
  $result = curl_exec($curl);
  curl_close($curl);
  return $result;
}
/*
 * 字符串拼接
 */
public function urlParams($params)
{
  ksort($params);
  reset($params);
  $options = '';
  foreach ($params as $key => $value) {
    $options .= $key . '=' . $value .'&';
  }
  $options = rtrim($options, '&');
  return $options;
}
/*
 * 获取当前url
 */
public function getUrl()
{
  //获取协议类型
  $protocalPort = isset($_SERVER['SERVER_PORT']) && $_SERVER['SERVER_PORT'] == '443' ? 'https://' : 'http://';
  //获取当前执行脚本的url
  $phpSelf = $_SERVER['PHP_SELF'] ? $_SERVER['PHP_SELF'] : $_SERVER['SCRIPT_NAME'];
  $pathInfo = isset($_SERVER['PATH_INFO']) ? $_SERVER['PATH_INFO'] : '';
  $queryString = isset($_SERVER['QUERY_STRING']) ? $_SERVER['QUERY_STRING'] : '';
  $relateUrl = isset($_SERVER['REQUEST_URI']) ? $_SERVER['REQUEST_URI'] : $phpSelf . (!empty($queryString) ? '?' . $queryString : $pathInfo);
  $url = $protocalPort . (isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : '') . $relateUrl;
  return $url;
}

2:前端:

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
  $(document).ready(function(){
    wx.config({
      debug: false, // 开启调试模式为true后可以通过alert弹窗将公众号签名等结果反馈出来
      appId: '<?= $appId ?>', // 必填,公众号的唯一标识
      timestamp: '<?= $timestamp ?>', // 必填,生成签名的时间戳
      nonceStr: '<?= $noncestr ?>', // 必填,生成签名的随机串
      signature: '<?= $signature ?>',// 必填,签名
      jsApiList: [
        "hideOptionMenu",
      ]
    });
    //配置成功以后config:ok
    wx.ready(function () {
      //隐藏右上角菜单接口
      wx.hideOptionMenu();
    })
  })
</script>

这样我们就是实现了原生php使用微信sdk

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Hutia 的 JS 代码集
Oct 24 Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
Feb 17 Javascript
js显示文本框提示文字的方法
May 07 Javascript
jquery 构造函数在表单提交过程中修改数据
May 25 Javascript
模仿password输入框的实现代码
Jun 07 Javascript
javascript 中的事件委托详解
Oct 25 Javascript
js实现点击切换checkbox背景图片的简单实例
May 08 Javascript
详解使用create-react-app快速构建React开发环境
May 16 Javascript
vue实现微信二次分享以及自定义分享的示例
Mar 20 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
如何在 ant 的table中实现图片的渲染操作
Oct 28 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 #Javascript
微信小程序自定义导航栏(模板化)
Nov 15 #Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 #Javascript
微信小程序自定义头部导航栏(组件化)
Nov 15 #Javascript
create-react-app中添加less支持的实现
Nov 15 #Javascript
taro小程序添加骨架屏的实现代码
Nov 15 #Javascript
详解Angular Karma测试的持续集成实践
Nov 15 #Javascript
You might like
第七节--类的静态成员
2006/11/16 PHP
PHP 地址栏信息的获取代码
2009/01/07 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
textarea的value是html文件源代码,存成html文件的代码
2007/04/20 Javascript
javascript 贪吃蛇实现代码
2008/11/22 Javascript
jQuery 性能优化手册 推荐
2010/02/23 Javascript
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
javascript日期验证之输入日期大于等于当前日期
2015/12/13 Javascript
基于node实现websocket协议
2016/04/25 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
2016/05/03 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
微信小程序 参数传递详解
2016/10/24 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
react router 4.0以上的路由应用详解
2017/09/21 Javascript
Node.js readline模块与util模块的使用
2018/03/01 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
vue使用echarts画组织结构图
2021/02/06 Vue.js
[02:33]DOTA2亚洲邀请赛趣味视频之吐真话筒
2018/03/31 DOTA
python字典键值对的添加和遍历方法
2016/09/11 Python
python放大图片和画方格实现算法
2018/03/30 Python
Python实现ping指定IP的示例
2018/06/04 Python
Python3基础教程之递归函数简单示例
2019/06/07 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
python实现LRU热点缓存及原理
2019/10/29 Python
python 实现让字典的value 成为列表
2019/12/16 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
解决python3.x安装numpy成功但import出错的问题
2020/11/17 Python
Python 将代码转换为可执行文件脱离python环境运行(步骤详解)
2021/01/25 Python
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
阿迪达斯荷兰官方网站:adidas荷兰
2018/03/16 全球购物
实习协议书范本
2014/09/25 职场文书
职称评定个人总结
2015/03/05 职场文书
mysql配置SSL证书登录的实现
2021/09/04 MySQL
美元符号 $
2022/02/17 杂记