HBuilder
HEKR IOT-KIT V1.0界面DIY资料
Arduino IDE 1.6.3-Windows及以上版本
LED灯 * 1，1K电阻 * 1，杜邦线若干
用LED灯、电阻和杜邦线在HEKR IOT-KIT搭建简单电路（LED灯正极接在pin5），如图所示：
开发者可以通过LED灯DIY样例进行快速开发，快速实现通过手机APP控制LED灯的点亮和熄灭，并且实现开发者可根据喜好自行修改前端页面，同时能够快速打包APP程序。
样例的使用展示了HEKR IOT-KIT联网后的基本信息传输链：移动端APP<->云端<->HEKR IOT-KIT
根据开发资料HEKR IOT-KIT V1.0模式设置及烧录说明.PDF中的流程分别对Arduino和ESP8266进行样例程序烧录。注意：此处Arduino烧录的样例程序路径为：HEKR IOT-KIT V1.0界面DIY资料.zip/HEKR IOT-KIT V1.0界面DIY资料/ArduinoexampleLED.ion
将HEKR IOT-KIT上的拨码开关设置成MCU<->WIFI通信模式。
根据开发资料HEKR APP V1.0配置说明.PDF中的流程配置HEKR APP并且绑定HEKR IOT-KIT，让HEKR IOT-KIT连上云端。
设备连上云端后，设备的信息就能够在云端查询到了。
依次点击C1-1 LOGIN->C1 CSRF->C1-2 GET Accesskey->C3-1 Connect WS Server->GET DEV LIST->MSG-Filter注意：点击C1-1 LOGIN后的登录方式应该与手机端APP配置登录方式相同，才能获取到正确的设备ID
在紫色窗口栏中提取User Token和tid：ESP2MXXXXXXXXXXX
打开HEKR IOT-KIT V1.0界面DIY资料.zip/HEKR IOT-KIT V1.0界面DIY资料/APP下的main.js文件（可用记事本打开），将其中的User Token和tid修改成步骤6中提取的值，并且保存。main.js中修改的部分代码为：(到这里为止，咱们已经搭建好了硬件电路、烧录好了固件程序、HEKR IOT-KIT也已经连上了云端)
打开HBuilder->文件->新建->移动APP->输入新建的应用名称和应用文件保存地址->点击完成。
复制HEKR IOT-KIT V1.0界面DIY资料.zip/HEKR IOT-KIT V1.0界面DIY资料/APP中的所有文件粘贴到步骤4中新建应用的文件保存目录下。若有重名，替换之。
接下来就是要把APP打包到手机了。 针对Andriod手机，笔者将工程打包成APK文件，并且保存到手机进行安装。步骤为：发行->发行为原生安装包->勾选Andriod->点击打包，打包完成后在新建应用文件保存目录下的unpackageelease路径中可找到APK文件，最后将APK文件保存到手机进行安装。这里建议您的安卓系统版本高于4.2，否则可能出现不支持H5界面的现象。 针对iOS手机，笔者进行真机调试。步骤为：下载安装itunes(如果是64位的Windows系统还需要安装iOS连接插件，这个插件是HBuilder的插件，记得安装后要重启HBuilder)->电脑连接iphone允许，真机运行允许，若出现APP提示“未受信任的企业级开发者”.可以参考网上查询解决方法。
这下无论是你的手机系统是Android还是iOS应该都有了HBuilder这个应用了，点击HBuilder应用即可进入如下界面：
通过此界面上你就可以用手机远程控制LED灯的亮与灭。虽然这只是一个简单的LED灯DEMO，但是相信大多数朋友的创客生涯都是从点亮LED灯开始的，参照本文的开发流程和框架，参照样例中的Arduino代码配合Hekr模块透传协议以及开源的前端H5界面，您可以发挥您的想象力对HEKR IOT-KIT进行更多、更复杂、更好玩的开发，比如用手机APP驱动电机和蜂鸣器等等，您也可以根据自己的喜好改变APP的界面和控制功能等。下面列出部分JS代码的功能，供开发者修改界面功能时参考：
LED灯正极接在pin5
Arduino IDE 需16.3及以上版本