2 Unstar Star 4 Fork 3

杨奉武 / APUConfig

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
小程序绑定Wi-Fi设备,绑定源码 spread retract

Clone or download
README.md 3.08 KB
Copy Edit Web IDE Raw Blame History

APUConfig

介绍

小程序绑定Wi-Fi设备,绑定源码

软件架构

软件架构说明

安装教程

  1. xxxx
  2. xxxx
  3. xxxx

使用说明

APUConfig配网绑定流程
设备端(请自行实现设备端流程)
1.获取设备MAC XX:XX:XX:XX:XX:XX
2.控制WIFI发出固定无线网  名称:wifi_8266_bind    密码:11223344  
3.UDP 监听固定端口5556
4.等待接收客户端的消息. 消息格式{"ssid":"qqqqq","pwd":"11223344"} 
5.提取路由器名称和密码,连接路由器
6.获取链接路由器后分的的IP. 假设是192.168.10.2 以防后期实现局域网通信备用 
7.UDP发送数据,{"mac":"XX:XX:XX:XX:XX:XX","ip":"192.168.10.2"}

APP/小程序/上位机
1.提示用户连接自己的路由器,长按设备按钮使得设备进入UDP监听状态,提示用户输入路由器密码
2.用户点击绑定设备 , 控制手机尝试连接 名称为 wifi_8266_bind 的无线 (内部控制)
3.成功连接无线,往192.168.4.1:5556 UDP发送路由器信息,1S 1次
4.接收到 {"mac":"XX:XX:XX:XX:XX:XX","ip":"192.168.10.2"}
5.绑定成功
8.完
  1. 把APConfig全部文件导入工程

  2. 请在util.js添加如下代码(该代码用于提取UDP数据)

    // util.newAb2Str代码 var newAb2Str = function newAb2Str(arrayBuffer) {
    let unit8Arr = new Uint8Array(arrayBuffer);
    let encodedString = String.fromCharCode.apply(null, unit8Arr),
    decodedString = decodeURIComponent(escape((encodedString)));//没有这一步中文会乱码
    return decodedString;
    }

    module.exports = {
    formatTime: formatTime,
    newAb2Str: newAb2Str
    }

  3. 编写跳转到 APUConfig 函数,请在自己需要的地方自行填写 wx.navigateTo
    ({
    url: '../APUConfig/APUConfig' //跳转到绑定页面
    })

  4. 绑定完成,跳转到的页面
    在源码 APUConfig.js大约 100 - 114行
    if (str!=null)
    {
    let json = JSON.parse(str);//解析JSON数据
    if (json != null)
    {
    let mac = json.mac;
    let ip = json.ip;
    if (mac != null)
    {
    wx.reLaunch({
    url: '../index/index?ClientID=' + mac + "&" + "IP=" + ip
    })
    }
    }
    }

5.在跳转的页面获取绑定的数据
/**

  • 生命周期函数--监听页面加载
    */
    onLoad: function (options)
    {
    let _this = this;
    console.log(options.ClientID);//获取跳转过来的数据
    }

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

码云特技

  1. 使用 Readme_XXX.md 来支持不同的语言,例如 Readme_en.md, Readme_zh.md
  2. 码云官方博客 blog.gitee.com
  3. 你可以 https://gitee.com/explore 这个地址来了解码云上的优秀开源项目
  4. GVP 全称是码云最有价值开源项目,是码云综合评定出的优秀开源项目
  5. 码云官方提供的使用手册 https://gitee.com/help
  6. 码云封面人物是一档用来展示码云会员风采的栏目 https://gitee.com/gitee-stars/

Comment ( 0 )

Sign in for post a comment

1
https://gitee.com/yang456/APUConfig.git
git@gitee.com:yang456/APUConfig.git
yang456
APUConfig
APUConfig
master

Search