微信JS-SDK加载验证流程

参考链接:http://blog.bwphp.cn/?p=617

<?php
$appid = "wx69ee1b32fb7e9121";
$secret = "b5606c679038148d6e858687bc830a18";
$url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$appid."&secret=".$secret;
 
$res = file_get_contents($url);
$data = json_decode($res);
var_dump($data->access_token);
 
$jsapi_ticket_json = file_get_contents(‘https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=‘.$data->access_token.‘&type=jsapi‘);
$jsapi_ticket_obj = json_decode($jsapi_ticket_json);
$jsapi_ticket = $jsapi_ticket_obj->ticket;
$noncestr = ‘qwertyuiop‘;
$timestamp = time();
 
$signature = sha1(sprintf(‘jsapi_ticket=‘.$jsapi_ticket.‘&noncestr=‘.$noncestr.‘&timestamp=‘.$timestamp.‘&url=http://zhangsixia.bwphp.cn/wei1.php‘));
echo $signature;
?>
 
<script src=‘http://res.wx.qq.com/open/js/jweixin-1.0.0.js‘></script>
<script type="text/javascript">
wx.config({
        debug: true,
        appId: ‘<?php echo $appid; ?>‘,
        timestamp: <?php echo $timestamp; ?>,
        nonceStr: ‘<?php echo $noncestr; ?>‘,
        signature: ‘<?php echo $signature; ?>‘,
        jsApiList: [‘uploadImage‘,‘downloadImage‘]
});
 
wx.ready(function(){
        wx.checkJsApi({
                jsApiList: [‘chooseImage‘],
                success: function(res) {}
        });
        wx.chooseImage({
                success: function (res) {
                        var localIds = res.localIds;
                }
        });
});
wx.error(function(res){
    alert(‘no‘);
});
</script>
时间: 2024-12-15 01:39:07

微信JS-SDK加载验证流程的相关文章

微信JS SDK配置授权,实现分享接口

微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包,最直接的好处就是我们可以使用微信分享.扫一扫.卡券.支付等微信特有的能力.7月份的时候,因为这个分享的证书获取问题深深的栽了一坑,后面看到"config:ok"的时候真的算是石头落地,瞬间感觉世界很美好.. 这篇文章是微信开发的很多前置条件,包括了服务端基于JAVA的获取和缓存全局的access_token,获取和缓存全局的jsapi_ticket,以及前端配置授权组件封装,调用分享组件封装. 配置授权思路:首先根据

实战微信JS SDK开发:贺卡制作与播放(1)

前段时间忙于CanTK 2.0的开发,所以博客一直没有更新.CanTK 2.0主要增强了游戏和富媒体的开发,现在编码和测试基本完成了,等文档完成了再正式发布,里面有不少激动人心的功能,等发布时再一一细说吧. 最近同事用CanTK开发了一个基于微信的贺卡制作APP,我虽然没有参与开发,但是提供CanTK和GameBuilder的技术支持,觉得有些东西比较有意思,写几篇博客和大家分享吧.这个贺卡APP完全开源,有需要的朋友可以随意修改和发布. CanTK(Canvas ToolKit)是一个开源的游

nodejs js模块加载

nodejs的非核心模块(core module)加载主要使用的就是module.js. 项目主模块(index.js/main.js等)加载使用的应该是module.js中的runMain(),其他js模块加载流程基本上是: 1,获取js文件信息: 2,new Module(): 3,读取js文件内容,封装到一个function中,同时注入module本身,module.exports,包装过的require函数等变量: 4,在某个上下文环境中执行这个封装后的function: 5,返回mod

App加载主要流程

主要流程 Application OnCreate 加载第三方的sdk 加载自身的逻辑 发送远程数据请求 xxx.json 渲染界面 List 原文地址:https://www.cnblogs.com/QaStudy/p/11616924.html

实现简单的 JS 模块加载器

实现简单的 JS 模块加载器 按需加载是前端性能优化的一个重要手段,按需加载的本质是从远程服务器加载一段JS代码(这里主要讨论JS,CSS或者其他资源大同小异),该JS代码就是一个模块的定义,如果您之前有去思考过按需加载的原理,那你可能已经知道按需加载需要依赖一个模块加载器.它可以加载所有的静态资源文件,比如: JS 脚本 CSS? 脚本 图片 资源 如果你了解 webpack,那您可以发现在 webpack 内部,它实现了一个模块加载器.模块加载器本身需要遵循一个规范,当然您可以自定义规范,大

判断JS是否加载完成

在正常的加载过程中,js的加载都是同步的,也就是在加载过程中,浏览器会阻塞接下来的内容的加载.这时候我们就要用到动态加载,动态加载是异步的,如果我们在后边要用到这个动态加载的js文件里的东西,就要保证这个文件加载完成后,再执行下面的内容. 如何判断js是否加载完成?(实现loadScript(url,callback)异步加载脚本,完成后执行回调函数,要求支持IE) 我们使用document的readyState属性:document.readyState readyState 属性返回当前文档

页面优化——js异步加载

同步加载 在介绍js异步加载之前,我们先来看看什么是js同步加载.我们平时最常使用的就是这种同步加载形式: <script src="http://XXX.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像).渲染.代码执行.一般的script标签(不带async等属性)加载时会阻塞浏览器,也就是说,浏览器在下载或执行该js代码块时,后面的标签不会被解析,例如在he

js动态加载css和js

js动态加载css和js用处挺多,特意提出来 var loadUtil = { /* * 方法说明:[动态加载js文件css文件] * 使用方法:loadUtil.loadjscssfile("http://libs.baidu.com/jquery/1.9.1/jquery.js","js") * @param fileurl 文件路径, * @param filetype 文件类型,支持传入类型,js.css */ loadjscssfile:function(

JS异步加载的几种方式

一:同步加载 我们平时使用的最多的一种方式. <script src="http://yourdomain.com/script.js"></script> <script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止后续的解析,只有当当前加载完成,才能进行下一步操作.所以默认同步执行才是安全的.但这样如果js中有输