Page Title

WU-Link(在线版)编程使用教程


2020-01-09 09:05:45

作品制作


使用WU-Link造物非常方便,在正式开始学习之前,先按以下步骤操作,整体了解WU-Link的基本使用方法、实际体验如何编写、修改WU-Link程序。

 

第一步:打开和关闭WU-Link电源


blob.png


WU-Link的电源键在面板的左侧,单击就可以打开。打开电源后,电源键上方的电源指示灯点亮、蜂鸣器连续短促鸣叫两声,表明电源打开正常。

WU-Link电源打开后,自动进入无线网络搜索状态。此时电源键下方的工作状态指示灯呈红色闪烁状态,蜂鸣器连续鸣叫;如果搜索不到事先配置好的无线网络,30秒后蜂鸣器会停止鸣叫;但工作状态指示灯会持续呈红色闪烁状态,请按阅读材料一的步骤配置WU-Link的无线网络连接。如果没有无线网络连接,WU-Link是不能正常使用的。

当WU-Link搜索并成功连接到事先配置好的无线网络后,蜂鸣器停止鸣叫,工作状态指示灯呈蓝色长亮状态。

WU-Link正常连接无线网络后,如果内存中有事先保留的程序,会马上执行这个程序。

WU-Link内置有锂电池,所有数据也都通过无线网络传输,因此在使用过程中不需要连接计算机、一般也不需要连接电源。

要关闭WU-Link,可以快速单击两次电源键,如果电源指示灯熄灭,就表明WU-Link已经关闭电源、停止工作。

 

第二步:进入在线编程网站

WU-Link可以通过好好搭搭网站在线编写、保存程序。具体可以按以下步骤操作:

1.  打开浏览器,进入“好好搭搭”网站(haohaodada.com/new),然后单击网站右上角的“登录”按钮,用事先注册好的账号登录。如果没有账号,可以先单击“加入”按钮免费注册。

2.  单击网站左上角的“创作”按钮,打开如下图所示的“创作模版”网页。


1564625848580096.png 


3.  向下滑动页面,找到“无线编程”类硬件中的“WU-Link”创作模板。


1564625902383902.png 


4.  单击“WU-Link”模版缩略图,进入WU-Link编程网页(如下图所示)。

blob.png

WU-Link默认进入的是图形化编程网页,它由以下几部分组成:

网页上方是工具栏,可以新建、保存、编译下载程序到设备,还可以查看最新我的例程项目,将程保存到本地从本地打开

网页左边指令区,共有九大类、一百多个指令;

网页中间是编程区,将左边指令区的指令拖动到编程区、按一定的逻辑关系组合起来,可以编写出各种各样的程序;

网页右边是代码区,能够根据组合的指令自动生成C语言代码(如果在手机、平板上打开编程网页,默认不会显示代码区)。

 

试一试:

进入WU-Link编程网页,单击指令区中不同的指令类别,看看都有哪些指令?找出你最感兴趣的三个指令?猜一猜它们可能有什么用?

 

第三步:编译、下载程序

WU-Link程序必须通过服务器编译成机器能够识别的机器码,然后下载到主板上才可以运行。下面以例程中的步器程序为例,介绍具体的操作步骤:

1.  单击WU-Link在线编程网页上方“工具栏”中的“例程”按钮,在打开的网页中找到并单击“自制水平仪”程序缩略图,打开这个范例程序。

2.  单击“工具栏”中的“下载到设备”按钮,打开如下图所示的提示对话框,单击“确定”按钮开始将程序上传到服务器编译(如果所使用的“好好搭搭”网站账号没有绑定WU-Link,会出现错误提示框。请按阅读材料二所介绍的  方法,添加并绑定设备)。


图片.png

3.  服务器编译完成后,会通过无线网络将程序直接下载到账号绑定的WU-Link设备。如果编译、下载成功,会打开如下图所示的提示对话框。同时蜂鸣器鸣叫,稍等片刻下载完成后,蜂鸣器停止鸣叫。

 图片.png

4.  程序下载到WU-Link后会替换原有的旧程序,然后自动运行新下载的程序。对于“自制水平仪”这个程序来说,下载运行以后,可以将WU-Link水平放置、竖直放置、倾斜,分别查看点阵屏的显示情况。

 

试一试:

WU-Link编程网页的例程中,除了自制水平仪程序,你还对什么程序感兴趣?尝试打开、编译、下载到WU-Link中运行,看看这个程序是怎样的?

 

第四步:在线修改程序

WU-Link默认采用的是与Scratch类似的积木式图形化编程方式,非常适合少年儿童使用。下面以例程中的接收消息发送消息这两个范例程序为例,进一步熟悉这种图形化编程方式,体验使用WU-Link进行物联网编程的便   捷性:

         1.  与同伴合作,两人一组,每组两块WU-Link。

2.  使用第一块WU-Link绑定的账号登录好好搭搭网站,打开“例程”中的“接收消息”程序(程序代码如下图所  示),将这个程序编译下载到第一块WU-Link中。

blob.png


3.  使用第二块WU-Link绑定的账号登录好好搭搭网站,打开“例程”中的“发送消息”程序,这个程序的代码如下图 所示。

 

blob.png

上图所示的程序能够重复执行条件判断:如果按下板载的按键“A”,那么会执行“通过物联网发送字符串”指令,发送 字符串“Hello”到指定的MAC地址。


注:MAC地址是一组由六个十六进制数组成的网络地址,每个十六进制数之间用英文冒号分隔。全世界所有通过互联网连接的网络设备都会有这样一组网络地址,WU‐Link的MAC地址印刷在面板的背面。

4.  删除上图程序代码中“通过物联网发送字符串”指令的“MAC地址”参数,用第一块WU-Link真实的“MAC地址”替 代默认的地址。

5.  完成程序代码的修改后,单击“工具栏”中的“下载到设备”按钮,将修改后的“发送消息”程序编译、下载到第二  块WU-Link运行。

 

通过以上操作,这两块WU-Link通过互联网实现了物物相连:第一块WU-Link在没有接收到第二块WU-Link发送的消息时,默认显示的是网络时间;当按下第二块WU-Link面板上的按键“A”时,第一块WU-Link上显示的是第二块WU-Link发送的“Hello”

 

试一试:

第二块WU-Link除了可以向第一块WU-Link发送“Hello”以外,你还能够再修改程序,发送其它信息吗?

 

拓展与思考


第二块WU-Link除了可以向第一块发送信息以外,你还能够再修改程序,向第三块、甚至更多块WU-Link发送信息吗?


 

阅读材料一:WU-Link的无线网络连接设置


    阅读材料一:WU-Link的无线网络连接设置通过Web方式配置无线网络连接

    通过微信公众号配置

 

WU-Link是基于物联网技术设计、开发的一套造物套件。它不需要数据线,只要处于开机状态并且通过无线网络接入互联网,那么无论身处何地都可以对它进行编程、控制。

由于WU-Link是基于物联网的,因此它应该在拥有良好无线网络接入的环境中使用,使用之前首先需要设置接入无线网络。

设置WU-Link接入无线网络主要有两种方式:Web网页配置方式和微信公众号配置方式。可以根据实际情况选择一种合适的方式设置。

 

通过Web方式配置无线网络连接


通过Web方式配置WU-Link连接无线网络,需要一台有无线网卡的智能终端设备:比如笔记本电脑、平板电脑或者手机。下面就以笔记本电脑为例,介绍具体的操作步骤:

    1.  确保WU-Link处于关机状态,然后用右手大拇指按住面板上的“B”键的同时、用左手大拇指按一下电源开关,打开电源(如下图所示);WU-Link的红色电源指示灯会点亮、蜂鸣器响一声,提示WU-Link进入了配置模   式;最后松开右手。

    

blob.png

    2.  WU-Link在配置模式状态下,本身会成为一个无线热点,这个无线热点的名称是由“haohaodada”开头、再加上这块WU-Link的mac地址组成的,可以用笔记本电脑搜索这个无线热点(如下图所示)。


      

    

blob.png

     

    3.  搜索到WU-Link的无线热点以后,选择加入这个热点,在询问热点的连接密码时输入“haohaodada”(如下图所示)。

    

blob.png

    4.  WU-Link的无线热点连接成功后,就可以进入Web配置网页:打开网页浏览器,在地址栏中输入网址:

    192.168.4.1,打开如下图所示的网页:


blob.png

 




 

5.  首先单击上图a-4所示的下拉列表,选择所要连接的无线网络名称;如果在下拉列表中没有找到,可以在下方的第一个文本框内手工输入这个无线网络名称。然后在第二个文本框内输入所要连接无线网络的密码。最后   单击“提交”按钮,打开如下图所示网页。

blob.png

6.  按以上步骤设置并提交WU-Link所要连接的无线网络信息后,WU-Link的网络指示灯会呈红色闪烁状态、同时蜂鸣器持续鸣叫。如果一切顺利,稍等片刻后,WU-Link的网络指示灯变为蓝色常亮、蜂鸣器也会停止鸣叫,  就代表WU-Link已成功接入了无线网络。

通过微信公众号配置


WU-Link也可以通过微信公众号的方式设置接入无线网络。下面就以手机操作为例,介绍具体的操作步骤:

1.  单击WU-Link电源按钮,打开电源。WU-Link会试图去连接本地无线网络,当连接失败后,自动进入等待微信配置模式。此时WU-Link网络指示灯为红色慢闪状态、蜂鸣器持续鸣叫。

2.  确认手机已经正常接入所要连接的无线网络、已经安装“微信”APP。

3.  打开手机微信,使用“扫一扫”功能,扫描WU-Link背板上的二维码(如下图所示)。

blob.png

4.  扫描二维码以后,根据提示关注“好好搭搭”微信公众号(如下图所示)。

                                             

blob.png

 

5.  进入“好好搭搭”微信公众号,单击底部工具栏中的“WU-Link”→“WIFI配置”选项(如下图所示);

                                             

blob.png

 

6.  打开“WIFI配置”网页(如下图所示)。

blob.png

 

7.  单击“WIFI配置”网页下方的“开始配置”按钮,在打开的“配置设备上网”网页中确认所要连接无线网络的名称,在“Wi-Fi密码”文本框中输入无线网络的连接密码,最后单击“连接”按钮(如下图所示)。

blob.png

 

8.  等待一段时间后,WU-Link联网指示灯变为蓝色常亮之后,就表示WU-Link已经成功接入了无线网络。


阅读材料二:添加并绑定设备


 

WU-Link接入无线网络后,如果是第一次使用WU-Link,还需要将WU-Link绑定到指定的账号。通过绑定,可以使得WU-Link和特定的账号相对应,用这个账号登录网页编写的程序,才能编译下载到绑定的WU-Link中。

1.  打开浏览器,进入“好好搭搭”网站(haohaodada.com),然后单击网站右上角的“登录”按钮登录网站(如果没有账号,可以先单击“加入”按钮免费注册)。

2.  登录完成后,单击网站浏览器地址栏,在地址栏中输入“haohaodada.com/wulink”,进入WU-Link编程网页。

1564626268857263.png

3.  单击网页上方“工具栏”→“设备列表”中的“添加”按钮,打开如下图a-11所示的“添加新设备”对话框。在这个对话框的“序列号”文本框中输入所要绑定WU-Link的mac地址(印刷在WU-Link的背面,“好好搭搭”公众号二维码    的左边)。最后单击“添加”按钮关闭这个对话框。

如果输入的mac地址正确,在编程网页上方“工具栏”→“设备列表”中,可以看到这块WU-Link的mac地址。今后使用这个账号编写的程序,默认都会编译、下载到这块WU-Link。