微信开发者工具新建页面为什么没有js文件 微信jssdk开发者文档_json

JSSDK使用步骤:

按步骤配置一步一步操作:

步骤一:绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注:登录后可在“开发者中心”查看对应的接口权限。

 

https://mp.weixin.qq.com/wiki?action=doc&id=mp1421141115&t=0.5922987409976531#2

微信开发者工具新建页面为什么没有js文件 微信jssdk开发者文档_json_02

微信开发者工具新建页面为什么没有js文件 微信jssdk开发者文档_移动开发_03

按上面的1.2.3.4步骤,把.txt文件下载到自己的服务器上,配置好域名,并能正常访问.

phpstrom配置ftp自动上传:

微信开发者工具新建页面为什么没有js文件 微信jssdk开发者文档_随机数_04

微信开发者工具新建页面为什么没有js文件 微信jssdk开发者文档_随机数_05

微信开发者工具新建页面为什么没有js文件 微信jssdk开发者文档_随机数_06

微信开发者工具新建页面为什么没有js文件 微信jssdk开发者文档_数组_07

步骤二:引入JS文件

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js

备注:支持使用 AMD/CMD 标准模块加载方法加载

微信开发者工具新建页面为什么没有js文件 微信jssdk开发者文档_数组_08

 

步骤三:通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)。



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



微信开发者工具新建页面为什么没有js文件 微信jssdk开发者文档_随机数_09

 



1 <?php
  2 
  3 class Wx{
  4     protected $appid = 'wxc47243ed572e273d';
  5 
  6     protected $secret = '868e87533b1acda2ceb655ea94449ac0';
  7 
  8     /**
  9      * 获取access_token方法
 10      */
 11     public function getAccessToken(){
 12         //定义文件名称
 13         $name = 'token_' . md5($this->appid . $this->secret);
 14         //定义存储文件路径
 15         $filename = __DIR__ . '/cache/' . $name . '.php';
 16         //判断文件是否存在,如果存在,就取出文件中的数据值,如果不存在,就向微信端请求
 17         if (is_file($filename) && filemtime($filename) + 7100 > time()){
 18             $result = include $filename;
 19             //定义需要返回的内容$data
 20             $data = $result['access_token'];
 21         }else{
 22             //        https请求方式: GET
 23 //        https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
 24             //调用curl方法完成请求
 25             $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$this->appid.'&secret=' . $this->secret;
 26             $result = $this->curl($url);
 27             //将返回得到的json数据转成php数组
 28             $result = json_decode($result,true);
 29             //将内容写入文件中
 30             file_put_contents($filename,"<?php\nreturn " . var_export($result,true) . ";\n?>");
 31             //定义需要返回的内容
 32             $data = $result['access_token'];
 33         }
 34 
 35         //将得到的access_token的值返回
 36         return $data;
 37 
 38     }
 39 
 40     /**
 41      *
 42      * 获取临时票据方法
 43      *
 44      * @return mixed
 45      */
 46     public function getJsapiTicket(){
 47         //存入文件中,定义文件的名称和路径
 48         $name = 'ticket_' . md5($this->appid . $this->secret);
 49         //定义存储文件路径
 50         $filename = __DIR__ . '/cache/' . $name . '.php';
 51         //判断是否存在临时票据的文件,如果存在,就直接取值,如果不存在,就发送请求获取并保存
 52         if (is_file($filename) && filemtime($filename) + 7100 > time()){
 53             $result = include $filename;
 54         }else{
 55             //定义请求地址
 56             $url = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token='.$this
 57                     ->getAccessToken().'&type=jsapi';
 58             //使用curl方法发送请求,获取临时票据
 59             $result = $this->curl($url);
 60             //转换成php数组
 61             $result = json_decode($result,true);
 62             //将获取到的值存入文件中
 63             file_put_contents($filename,"<?php\nreturn " . var_export($result,true) . ";\n?>");
 64 
 65         }
 66         //定义返回的数据
 67         $data = $result['ticket'];
 68         //将得到的临时票据结果返回
 69         return $data;
 70     }
 71 
 72     /**
 73      * 获取签名方法
 74      */
 75     public function sign(){
 76         //需要定义4个参数,分别包括随机数,临时票据,时间戳和当前url地址
 77         $nonceStr = $this->makeStr();
 78         $ticket = $this->getJsapiTicket();
 79         $time = time();
 80         //组合url
 81         $url = $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];
 82         //将4个参数放入一个数组中
 83         $arr = [
 84             'noncestr=' . $nonceStr,
 85             'jsapi_ticket=' . $ticket,
 86             'timestamp=' . $time,
 87             'url=' . $url,
 88         ];
 89         //对数组进行字段化排序
 90         sort($arr,SORT_STRING);
 91         //对数组进行组合成字符串
 92         $string = implode('&',$arr);
 93         //将字符串加密生成签名
 94         $sign = sha1($string);
 95         //由于调用签名方法的时候不只需要签名,还需要生成签名的时候的随机数,时间戳,所以我们应该返回由这些内容组成的一个数组
 96         $reArr = [
 97             'appId' => $this->appid,
 98             'timestamp' => $time,
 99             'nonceStr' => $nonceStr,
100             'signature' => $sign,
101             'url' => $url,
102         ];
103         //将数组返回
104         return $reArr;
105     }
106 
107     /**
108      *
109      * 生成随机数
110      *
111      * @return string
112      */
113     protected function makeStr(){
114         //定义字符串组成的种子
115         $seed = '1qaz2wsx3edc4rfv5tgb6yhn7ujm8ik9ol0p';
116         //通过循环来组成一个16位的随机字符串
117         //定义一个空字符串 用来接收组合成的字符串内容
118         $str = '';
119         for ($i = 0;$i < 16; $i++){
120             //定义一个随机数
121             $num = rand(0,strlen($seed) - 1);
122             //循环连接随机生成的字符串
123             $str .= $seed[$num];
124         }
125         //将随机数返回
126         return $str;
127     }
128 
129 
130     /**
131      *
132      * 服务器之间请求的curl方法
133      *
134      * @param $url 请求地址
135      * @param array $field post参数
136      * @return string
137      */
138     public function curl($url,$field = []){
139         //初始化curl
140         $ch = curl_init();
141         //设置请求的地址
142         curl_setopt($ch,CURLOPT_URL,$url);
143         //设置接收返回的数据,不直接展示在页面
144         curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
145         //设置禁止证书校验
146         curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false);
147         curl_setopt($ch,CURLOPT_SSL_VERIFYHOST,false);
148         //判断是否为post请求方式,如果传递了第二个参数,就代表是post请求,如果么有传递,第二个参数为空,就是get请求
149         if (!empty($field)){
150             //设置请求超时时间
151             curl_setopt($ch,CURLOPT_TIMEOUT,30);
152             //设置开启post
153             curl_setopt($ch,CURLOPT_POST,1);
154             //传递post数据
155             curl_setopt($ch,CURLOPT_POSTFIELDS,$field);
156         }
157         //定义一个空字符串,用来接收请求的结果
158         $data = '';
159         if (curl_exec($ch)){
160             $data = curl_multi_getcontent($ch);
161         }
162         //关闭curl
163         curl_close($ch);
164         //将得到的结果返回
165         return $data;
166     }
167 
168 }
169 //测试获取access_token值的方法
170 //$obj = new Wx();
171 //$data = $obj->getAccessToken();
172 //echo $data;
173 
174 //测试获取jsapiticket方法
175 //$obj = new Wx();
176 //$data = $obj->getJsapiTicket();
177 //echo $data;
178 
179 //测试生成签名方法
180 //$obj = new Wx();
181 //$data = $obj->sign();
182 //echo '<pre>';
183 //print_r($data);
184 
185 
186 
187 ?>