微信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 相关文章推荐
JS 获取滚动条高度示例代码
Oct 24 Javascript
jQuery中[attribute]选择器用法实例
Dec 31 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
本地存储localStorage用法详解
Jul 31 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
Vue 一键清空表单的实现方法
Feb 07 Javascript
小程序实现上下切换位置
Nov 16 Javascript
JavaScript实现无限轮播效果
Nov 19 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
php基础学习之变量的使用
2011/06/09 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
基于php解决json_encode中文UNICODE转码问题
2020/11/10 PHP
jquery 学习之二 属性(类)
2010/11/25 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
JQuery控制radio选中和不选中方法总结
2015/04/15 Javascript
JS留言功能的简单实现案例(推荐)
2016/06/23 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
javascript实现蒙版与禁止页面滚动
2020/01/11 Javascript
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
用python与文件进行交互的方法
2018/03/01 Python
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
Python玩转PDF的各种骚操作
2019/05/06 Python
python 计算平均平方误差(MSE)的实例
2019/06/29 Python
Pytorch使用PIL和Numpy将单张图片转为Pytorch张量方式
2020/05/25 Python
Python定时任务APScheduler安装及使用解析
2020/08/07 Python
python openssl模块安装及用法
2020/12/06 Python
英国家用电器购物网站:Hughes
2018/02/23 全球购物
成功经营餐厅的创业计划书范文
2013/12/26 职场文书
科研课题实施方案
2014/03/18 职场文书
酒店节能降耗方案
2014/05/08 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
工作说明书格式
2014/07/29 职场文书
国际会计专业求职信
2014/08/04 职场文书
综治工作心得体会
2014/09/11 职场文书
2014司机年终工作总结
2014/12/05 职场文书
亮剑精神观后感
2015/06/05 职场文书
2016年教师节感言
2015/12/09 职场文书
python实现简易自习室座位预约系统
2021/06/30 Python