https://www.cnblogs.com/yangfengwu/p/11067590.html

首先说一下,这两个地方需要配置一样

网站根目录建个文件夹 airkiss的文件夹

里面放上

index.php

<?php

require_once "jssdk.php";

$jssdk = new JSSDK("yourAppID", "yourAppSecret");//这里改成自己的

$signPackage = $jssdk->GetSignPackage();

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta charset="UTF-8">

    <title>微信JS-SDK测试</title>

    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

    <script type="text/javascript">

        window.onload = function () {

            wx.config({

            beta:true,//开启内测接口调用，注入wx.invoke方法

            debug:false,//关闭调试模式

            appId: '<?php echo $signPackage["appId"];?>',//AppID

            timestamp: <?php echo $signPackage["timestamp"];?>,//时间戳

            nonceStr: '<?php echo $signPackage["nonceStr"];?>',//随机串

            signature: '<?php echo $signPackage["signature"];?>',//签名

            jsApiList: [

              // 所有要调用的 API 都要加到这个列表中

              'configWXDeviceWiFi'

            ]

                    });

        };

 function jump(){

        wx.ready(function () {

            wx.checkJsApi({

                jsApiList: ['configWXDeviceWiFi'],

                success: function (res) {

                    wx.invoke('configWXDeviceWiFi', {},

                        function (res) {

                            var err_msg = res.err_msg;

                            if (err_msg == 'configWXDeviceWiFi:ok') {

                                alert("配置 WIFI成功")

                                WeixinJSBridge.call('closeWindow');

                                return;

                          } else {

                                alert("配置 WIFI失败");

                            }

                        });

                }

            });

        });

    }

         wx.error(function(res){

              alert("配置出错");

          });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

         <div style="width:100%;height:25rem;font-size:5rem;"></div>

        <p  style="text-align:center;font-size:40px;">1.确定手机已经连接wifi</p>

        <p  style="text-align:center;font-size:40px;">2.请长按模块上的网络配置按钮</p>

        <p  style="text-align:center;font-size:40px;">3.请等待wifi配置指示灯闪烁后松开</p>

        <div align="center">

          <input style="color:white;width:90%;height:8rem;font-size:4rem;" type="button" value="继续配置" onclick=javascrtpt:jump()>

        </div>

    </div>

    </form>

</body>

</html>

jssdk.php

<?php

class JSSDK {

  private $appId;

  private $appSecret;

  public function __construct($appId, $appSecret) {

    $this->appId = $appId;

    $this->appSecret = $appSecret;

  }

  public function getSignPackage() {

    $jsapiTicket = $this->getJsApiTicket();

    // 注意 URL 一定要动态获取，不能 hardcode.

    $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";

    $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

    $timestamp = time();

    $nonceStr = $this->createNonceStr();

    // 这里参数的顺序要按照 key 值 ASCII 码升序排序

    $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";

    $signature = sha1($string);

    $signPackage = array(

      "appId"     => $this->appId,

      "nonceStr"  => $nonceStr,

      "timestamp" => $timestamp,

      "url"       => $url,

      "signature" => $signature,

      "rawString" => $string

    );

    return $signPackage;

  }

  private function createNonceStr($length = 16) {

    $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";

    $str = "";

    for ($i = 0; $i < $length; $i++) {

      $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);

    }

    return $str;

  }

  private function getJsApiTicket() {

    // jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例

    $data = json_decode($this->get_php_file("jsapi_ticket.php"));

    if ($data->expire_time < time()) {

      $accessToken = $this->getAccessToken();

      // 如果是企业号用以下 URL 获取 ticket

      // $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";

      $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";

      $res = json_decode($this->httpGet($url));

      $ticket = $res->ticket;

      if ($ticket) {

        $data->expire_time = time() + 7000;

        $data->jsapi_ticket = $ticket;

        $this->set_php_file("jsapi_ticket.php", json_encode($data));

      }

    } else {

      $ticket = $data->jsapi_ticket;

    }

    return $ticket;

  }

  private function getAccessToken() {

    // access_token 应该全局存储与更新，以下代码以写入到文件中做示例

    $data = json_decode($this->get_php_file("access_token.php"));

    if ($data->expire_time < time()) {

      // 如果是企业号用以下URL获取access_token

      // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";

      $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret";

      $res = json_decode($this->httpGet($url));

      $access_token = $res->access_token;

      if ($access_token) {

        $data->expire_time = time() + 7000;

        $data->access_token = $access_token;

        $this->set_php_file("access_token.php", json_encode($data));

      }

    } else {

      $access_token = $data->access_token;

    }

    return $access_token;

  }

  private function httpGet($url) {

    $curl = curl_init();

    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

    curl_setopt($curl, CURLOPT_TIMEOUT, 500);

    // 为保证第三方服务器与微信服务器之间数据传输的安全性，所有微信接口采用https方式调用，必须使用下面2行代码打开ssl安全校验。

    // 如果在部署过程中代码在此处验证失败，请到 http://curl.haxx.se/ca/cacert.pem 下载新的证书判别文件。

    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, true);

    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 2);

    curl_setopt($curl,CURLOPT_CAINFO,dirname(__FILE__).'/cacert.pem');

    curl_setopt($curl, CURLOPT_URL, $url);

    $res = curl_exec($curl);

    curl_close($curl);

    return $res;

  }

  private function get_php_file($filename) {

    return trim(substr(file_get_contents($filename), 15));

  }

  private function set_php_file($filename, $content) {

    $fp = fopen($filename, "w");

    fwrite($fp, "<?php exit();?>" . $content);

    fclose($fp);

  }

}

?>

注意:

jsapi_ticket.php

<?php exit();?>{"jsapi_ticket":"LIKLckvwlJT9cWIhEQTwfI35ky7H5eEEOcj4jHRcMTUr_U_dMqmAtNBTNCcmxtMEovxX2nO71cs1RAJKdS6Zhg","expire_time":1565759510}

access_token.php

<?php exit();?>{"access_token":"24_w2RYneHczb89fnIljshdF4hPjLKrFmvpLLCQT5zFHqlE0kOPCmVt37jgdBHPxYmPQh27Ga4kpy1HwUu8rppnFZyaytsTSTEwwfUkwrv6Sqy3cN__3tkHspqi7EIGHVgAJAPQE","expire_time":1565759510}

然后

页面增加了点自己的东西

整波动开关位置,STM32和Wi-Fi通信

　　

短接STM32的PB2和Wi-Fi模块的RST引脚(为了做项目稳定可靠,请使用单片机硬件复位Wi-Fi)

　　

长按PB5大约4S,等待指示灯快闪,松开PB5,Wi-Fi模块进入配网状态

　　

这个是官方的

其它参考的地方

注:默认应该打开的文件是sample.php

我是把sample.php 改为了  index.php

进入这个文件夹,默认访问 index.php文件

当然也可以  "url": "http://mnifdv.cn/airkiss/sample.php"

网上比较多的是 "url": "http://mnifdv.cn/airkiss/AirKiss.php"

https://www.cnblogs.com/yangfengwu/p/11192639.html

12-网页,网站,微信公众号基础入门(编写后台PHP程序,实现Airkiss配网)的更多相关文章

  1. 14-网页,网站,微信公众号基础入门(网页版MQTT,小试牛刀)

    https://www.cnblogs.com/yangfengwu/p/11192639.html 抱歉哈...最近由于做板子,,教程的进度落下了... 这些天总共做了还几块板子 首先对当前这个教程 ...

  2. 10-网页,网站,微信公众号基础入门(使用微信自带配置选项实现Airkiss配网)

    https://www.cnblogs.com/yangfengwu/p/11066036.html 如果提交失败多提交两次,只要上一节可以,,这一节一定可以的 如果没有设备 这个是我的二维码 咱就测 ...

  3. 8-网页,网站,微信公众号基础入门(使用Python程序实现微信token验证)

    https://www.cnblogs.com/yangfengwu/p/11062034.html 设置一下IP白名单:   填写自己的服务器的IP地址 是不是不可以哈,有多少人都会入这个坑.... ...

  4. 16-网页,网站,微信公众号基础入门(网页版MQTT,页面控件位置调整入门)

    https://www.cnblogs.com/yangfengwu/p/11200767.html 说一下,只要你java学的很好,那么几乎所有的语言都不在话下了 来看一下样式设置 运行 在左上角感 ...

  5. 17-网页,网站,微信公众号基础入门(使用Adobe Dreamweaver CS6 制作网页/网站)

    https://www.cnblogs.com/yangfengwu/p/11351182.html https://www.cnblogs.com/yangfengwu/p/11200767.htm ...

  6. 13--网页,网站,微信公众号基础入门(PHP获取网页的get请求)

    https://www.cnblogs.com/yangfengwu/p/11148976.html 大家在访问网页的时候有没有注意一件事情 现在咱来看这种哈 现在咱做个功能哈,类似于这样 长话短说 ...

  7. 15-网页,网站,微信公众号基础入门(网页版MQTT,做自己的MQTT调试助手)

    https://www.cnblogs.com/yangfengwu/p/11198572.html 说一下哈,,如果教程哪里看不明白...就去自己百度补充哪一部分,,学习不是死记硬背,需要会学习,永 ...

  8. 5-网页,网站,微信公众号基础入门(配置网站--PHP配置上数据库)

    https://www.cnblogs.com/yangfengwu/p/11037653.html php和数据库打交道,这样整个网页就完美了,有了数据存储,交互,动态网页才完美 首先修改下php. ...

  9. 4-网页,网站,微信公众号基础入门(配置网站--下载安装PHP)

    https://www.cnblogs.com/yangfengwu/p/10979101.html 这一节咱看一下如何在原先的基础上实现网站 首先去下载 PHP https://windows.ph ...

随机推荐

  1. PowerBI开发 第四篇：DAX 表达式基础

    DAX 表达式主要用于创建度量列(Measure),度量值是根据用户选择的Filter和公式,计算聚合值,DAX表达式基本上都是引用对应的函数,函数的执行有表级(Table-Level)上下文和行级( ...

  2. Linux中常用命令pipe

    大多数linux命令处理数据后都会输出到标准输出,但是如果数据要经过系列列的步骤处理后,才是需要的数据个数,这种需求就需要管道来帮助完成. 管道命令使用"|"作为界定符,将界定符前 ...

  3. 推送一个docker 使用阿里docker hub

    阿里docker hub 地址 打开容器镜像服务页https://cr.console.aliyun.com/cn-qingdao/namespaces 这个是我的私有库 配置加速 我这边用的也是阿里 ...

  4. 修改host文件加速访问github

    修改本地电脑系统 hosts 文件C:\Windows\System32\drivers\etc,直接在最后加入以下代码 192.30.253.112 github.com 192.30.253.11 ...

  5. Google Chrome 浏览器JS无法更新解决办法

    JS无法更新原因: 浏览器为了加载快,默认是按照自定规则更新缓存,非实时更新. 我们在开发的时候,JS变动很快,需要即时让浏览器加载最新文件,也就是禁用浏览器缓存 (1)使用F12进入开发者模式,找到 ...

  6. Ubuntu系统下搭建docke

    linux内核版本依赖 kernel version >= 3.8 可以使用如下命令查看 uname -a | awk '{split($3, arr, "-"); prin ...

  7. IntelliJ Cannot find declaration to goto----解决方案

    系统中已经有了该类库,还是找不到类提示 close the project in intellij. close intellij. go to the project folder and dele ...

  8. 【转载】 Windows系统电脑通过设备管理器查看电脑配置信息

    在采购电脑或者使用电脑的过程中,有时候我们需要查看到电脑的所有设备硬件信息,此时就可以通过Windows系统自带的设备管理器界面来查看该电脑所有的设备配置信息,包括CPU型号频率.内存.硬盘型号以及容 ...

  9. android studio学习----调试---断点调试

    Android Studio调试其实也非常方便,一般问题直接通过AS的DDMS的Logcat就可以搞定.AS支持类似Eclipse的DDMS的所有功能.这里要说的是疑难问题的调试方式,即断点调试. 首 ...

  10. FreeRTOS 任务通知

    可以替代队列.二值信号量.计数型信号量和事件标志组 发送任务通知 获取任务通知 FreeRTOS 任务通知模拟二值信号量 FreeRTOS 任务通知模拟计数型信号量 FreeRTOS 任务通知模拟消息 ...