首页 > 电脑专区 > 微信教程 >

如何在微信上开发使用Airkiss技术

来源:互联网 2023-02-21 08:19:12 260

我们日常使用的设备要想接入网络,就得需要WIFI模块,而WIFI必须接入网络才能体现它的优势,如何让设备通过简单的设置就能实现,是每一家产商所要考虑的问题。因此每一种WIFI芯片或模块产商都会搞一套自己的设备连网技术,AirKiss则是微信硬件平台提出的一种WIFI设备快速连网的技术方案,由于微信的用户数量较大,很多的芯片和模块产商也在慢慢的接入支持AirKiss技术。本文在开发和使用上大致做一下说明,不做很深入的技术探讨,如在开发中遇到什么问题可以在后面留言。Lrs办公区 - 实用经验教程分享!

如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

工具/原料

  • 微信服务平台
  • 满足Airkiss技术的wifi硬件设备

Airkiss开发

  • 1

    开发HTML内容。主要是通过JSAPI调用微信内置的Airkiss插件,其主要的实现代码如下图所示,其他的一些平台相关的细节就不再描述了,如需要做相应的开发的,必须阅读相关的开发文档。Lrs办公区 - 实用经验教程分享!

    如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    其他的页面开发完成后,放入自己的服务器中,如下图所示。服务器必须要能通过外网访问得到,最好是能在浏览器上验证一下。Lrs办公区 - 实用经验教程分享!

    如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

  • 3

    这个功能是在自己的公众平台上实现的,因此必须在自己的公众平台上加入相应的菜单项,如下图所示,并设置跳转的URL访问前面开发的WEB页面。Lrs办公区 - 实用经验教程分享!

    如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

  • Airkiss使用

  • 1

    打开微信,进入到公众号内,这个公众号就是自己前面开发的公众服务号,这点需要注意了。Lrs办公区 - 实用经验教程分享!

    如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

  • 2

    然后选择相应的菜单,弹出Airkiss的菜单项,这个就是在服务平台开发中设置的菜单项。点击,跳转到URL处。Lrs办公区 - 实用经验教程分享!

    如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

  • 3

    随后打开前面开发的WEB页面,下图是我自己写的一个简单的页面,其实也不需要太华丽的页面,就是需要一个按钮,然后通过按一下调用微信内置的插件。Lrs办公区 - 实用经验教程分享!

    如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

  • 4

    接下来点击页面的按钮,出现如下页面,这个是微信内置的,不需要自己开发。WIFI名是当前手机连接的WIFI,所以不能使用移动、联通的网络。输入密码后,按照前面的说明打开设备,然后再点“连接”。Lrs办公区 - 实用经验教程分享!

    如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

  • 5

    连接过程可能比较久,页面会显示“连接中”,这段时间就是微信APP向设备广播WIFI各和密码,等设备连上WIFI或者超时后才会结束。Lrs办公区 - 实用经验教程分享!

    如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

  • 6

    一段时间后,终于配置成功,如下图所示,返回的信息是前面开发HTML时写的,按确定返回或者点“关闭页面”退出。Airkiss的开发使用到此就OK了,非常的简单,有能力的可以试一下。Lrs办公区 - 实用经验教程分享!

    如何在微信上开发使用Airkiss技术Lrs办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网摘抄自百度经验可供大家参考!Lrs办公区 - 实用经验教程分享!


    标签: 微信

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码