Thinkphp调用微信扫一扫实例,学会再也不怕客户在微信提的奇葩要求了

哎!苦于客户一直要求,官方文档看起来又蛋疼,磨了一个下午整理出一套试用Thinkphp 调用微信扫一扫示例
别小瞧这些代码哦,它们能帮你实现几乎所有的微信功能^_^
1 先把WxSign 放到Thinkphp -- Vendor 目录下面
2 把网站的Ip 授权,不然无法获取access_token值,那么jspai_ticket也将无法获取
3 调用目录、调用目录、调用目录 重要的事情说三遍(大小写一定要明确)
4 jsapi_ticket.php 和 access_token 一定要有读写的权限
使用方法看下列代码:
php:action如下
public function wxCode()
{
if(IS_AJAX)
{
Vendor(‘WxSign.jssdk‘);
$appid = C(‘APPID‘);
$appSecret = C(‘APPSECRET‘);
$fileUrl = ‘/html/wanke/Vikily/ThinkPHP/Library/Vendor/WxSign/‘;
$wx = new \JSSDK($appid,$appSecret,$fileUrl);

$info = $wx->GetSignPackage();

$this -> ajaxReturn($info);
}

$this -> display();
}
html:页面如下
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>调用扫一扫</title>
</head>
<body>
<a class="weui-btn weui-btn_primary submit-btn" id="scanQRCode" type="button" style="font-size: 4em;">扫一扫</a>
</body>
<script src="/statics/Admin/js/jquery.js"></script>
<script src="" type="text/javascript" charset="utf-8"></script>
<script src=‘https://res.wx.qq.com/open/js/jweixin-1.0.0.js‘></script>

<script>
$.ajax({
type:"post",
url:"{:U(‘Map/wxCode‘)}",//自己填写请求地址
data:{},
success:function(result){
console.log(result);
wx.config({
// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
debug: true,
// 必填,公众号的唯一标识
appId: result.appId,
// 必填,生成签名的时间戳
timestamp:""+result.timestamp,
// 必填,生成签名的随机串
nonceStr:result.nonceStr,
// 必填,签名,见附录1
signature:result.signature,
// 必填,需要使用的JS接口列表,所有JS接口列表见附录2
jsApiList : [ ‘checkJsApi‘, ‘scanQRCode‘ ]
});
}
})

wx.error(function(res) {
alert("----------出错了-----------:" + res.errMsg);//这个地方的好处就是wx.config配置错误,会弹出窗口哪里错误,然后根据微信文档查询即可。
});

wx.ready(function() {
wx.checkJsApi({
jsApiList : [‘scanQRCode‘],
success : function(res) {
alert(‘OK‘);
}
});

//点击按钮扫描二维码
document.querySelector(‘#scanQRCode‘).onclick = function() {

wx.scanQRCode({
needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
success: function (res) {
var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果

}
});
};

});
</script>
</html>

感谢你耐着性子看完,加我Q229435572、备注Thinkphp微信扫一扫,向我要 WxSign 吧

原文地址:https://www.cnblogs.com/leaf-cq/p/8877270.html

时间: 2024-10-09 22:45:08

Thinkphp调用微信扫一扫实例,学会再也不怕客户在微信提的奇葩要求了的相关文章

ASP.NET MVC做的微信WEBAPP中调用微信JSSDK扫一扫

今天做一个项目,是在微信上用的,微信WEB APP,里面用到了调用手机摄像头扫一扫二维码的功能,记得以前某个项目里写有的,但是找不到之前那个项目源码了,想复制粘贴也复制不了了,只好对着微信的那个开发文档重新再写过 ,顺便写个博客,以后碰到相同的问题直接复制博客里的代码就行了 以下是显示在微信上的页面: 以下是页面的代码,(用到了MUI): @{ Layout = "~/Views/Shared/_Layout.cshtml"; } <header class="mui-

微信选择图片、上传图片、下载图片、扫一扫接口调用源码

1.添加微信js引用: <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 2.Html示例代码 <div style="margin: 200px 0px 0px 200px;"> <button id="chooseImage" class=&quo

调用微信扫一扫接口

---恢复内容开始--- 微信扫一扫,由JS去发起 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js 请注意,如果你的页面启用了https,务必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js ,否则将无法在iOS9.0以上系统中成功使用JSSDK wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会

前端JS调用微信扫一扫二维码

来源: 最近做一个项目,H5页面,在微信中打开,里面有个功能,就是  点击按钮弹出微信二维码扫一扫. 项目截图: 暂时没有图,下次再补上.就是页面点击按钮,弹出扫二维码的窗口 我只负责前端,所以只上前端代码,后端代码是java. HTML代码(如下):我用的是jQuery WeUI 框架快速开发(jQuery WeUI地址:http://jqweui.com/),所以a标签有样式 1 <a class="weui-btn weui-btn_primary submit-btn"

微信公众号调用扫一扫,识别二位码,并将扫码结果保存,传递到另外的网页

注意!这是微信公众号调用.需要微信配置信息.需要引入前置JS.http协议网站引入"http://res.wx.qq.com/open/js/jweixin-1.0.0.js",https协议网站引入"https://res.wx.qq.com/open/js/jweixin-1.0.0.js". 有错误跟我说一声. <!DOCTYPE html> <html> <head lang="en"> <met

微信公众号开发纪要(4)-调用微信扫一扫功能

在微信公众号页面中调用微信扫一扫功能,就是调用微信JS-SDK.让JS-SDK完成调用摄像头扫描,然后我们将扫描结果进行业务操作.微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包.通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫.卡券.支付等微信特有的能力,为微信用户提供更优质的网页体验.如何调用微信JS-SDK,在微信公众平台技术文档中的微信网页开发-->微信JS-SDK说明文档中有详细

调用微信扫一扫功能,踩坑&#39;invalid signature&#39;

在vue项目中,调用微信扫一扫功能,在安卓系统下完全正常,ios系统下却报错'invalid signature'的错误,这可能令许多小伙伴困惑,经过查询大量博客相关资料,才找到了解决的方法. 原因:由于在ios和android中,location.href在spa页面的机制不同(不同在于ios是只要不刷新页面,href就不会改变,在vue项目中就会出现类型的问题),所以我们需要借助路由钩子函数,手动改变其页面的url地址,这样ios系统的手机才能正常调起微信扫一扫. beforeRouteEn

最全面的调用微信的扫一扫功能(java 排坑版)

最近碰到了这么一个需求,说是在前端页面调用手机本地的相机,扫描二维码这么一个需求,对于我一个后端来说, 这实在是难,难于上青天,但是决不能说一个不字.我说可以使用微信的扫码工具吗,这样可以方便一点,...(起码有个思路) 看着微信文档,一步一步坑下去.不对,是走下去. 这里我们用测试是公众号,方便测试. 首先配置自己的appID和appsecret,这里的测试帐号直接就给出了 第二步: 验证服务器,这个很简单,按照文档的规则验证就好了 第三步: 直接使用二级域名,不能添加http://前缀,或者

asp微信扫一扫代码,用asp写的实现调用微信扫一扫功能

最近一个客户要求想在他的微信会员卡系统中实现调用微信扫一扫功能,扫描他的会员卡上的条形码,读出会员卡号来,研究了一会,发现并不难,下面上代码: <div id="result"></div><button id="wxscan">调起扫一扫功能</button> <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"><