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

https://jingyan.baidu.com/article/afd8f4de675fce34e286e923.html

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

听语音
  • |
  • 浏览:4079
  • |
  • 更新:2015-06-30 11:58
  • |
  • 标签:微信 
  • 如何在微信上开发使用Airkiss技术1
  • 如何在微信上开发使用Airkiss技术2
  • 如何在微信上开发使用Airkiss技术3
  • 如何在微信上开发使用Airkiss技术4
  • 如何在微信上开发使用Airkiss技术5
  • 如何在微信上开发使用Airkiss技术6
  • 如何在微信上开发使用Airkiss技术7
分步阅读

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

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

 

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

Airkiss开发

 
  1. 1

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

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

    其他的页面开发完成后,放入自己的服务器中,如下图所示。服务器必须要能通过外网访问得到,最好是能在浏览器上验证一下。

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

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

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

Airkiss使用

 
  1.  

    打开微信,进入到公众号内,这个公众号就是自己前面开发的公众服务号,这点需要注意了。

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

    然后选择相应的菜单,弹出Airkiss的菜单项,这个就是在服务平台开发中设置的菜单项。点击,跳转到URL处。

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

    随后打开前面开发的WEB页面,下图是我自己写的一个简单的页面,其实也不需要太华丽的页面,就是需要一个按钮,然后通过按一下调用微信内置的插件。

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

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

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

    连接过程可能比较久,页面会显示“连接中”,这段时间就是微信APP向设备广播WIFI各和密码,等设备连上WIFI或者超时后才会结束。

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

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

    如何在微信上开发使用Airkiss技术
    END
 
经验内容仅供参考
 
 
posted @ 2017-11-29 14:16  sky20080101  阅读(345)  评论(0)    收藏  举报