×

RaspberryPi Pico Web服务器w5100S(W5500)

消耗积分:2 | 格式:zip | 大小:0.08 MB | 2022-11-10

李玉鑫

分享资料个

描述

一、概述

RaspberryPi Pico SIMPLE 网络服务器RGB LED 控制项目中,我们将使用WIZnet W5100S、WIZ810Sio并且我们将在我们的以太网 LAN 上创建一个小型 http 网络服务器,它将通过交互式网络界面控制 RGB LED。

2.准备CircuitPython和网络库

3.硬件连接

参考下面的连接。

poYBAGNrp56ANNs_AADbudPttTg230.png
 

4.获取代码

此代码基于 Adafruit wsgi 测试代码。https://github.com/adafruit/Adafruit_CircuitPython_Wiznet5k/blob/main/examples/wiznet5k_wsgiserver_test.py

1.将所有 /lib 目录复制并粘贴到您的 RaspberryPi 驱动器中

pYYBAGNrp6GAYeBsAACZYQbWFUU065.png
图书馆副本
 

2.https://github.com/bjnhur/pico-W5500/blob/main/Pico_W5100S_wsgiserver_test.py或以下代码部分复制代码

3.将代码粘贴到您的 RaspberryPi 上的code.py中。

4.保存!完毕

代码中,如果您想更改端点 url 地址或添加您的端点,您可以在简单的网络服务器上修改以下代码。只需更改“YOUR_ENDPOINT”和“YOUR_ENDPOINT_FUNC”字符串。

@web_app.route("YOURURL_ENDPOINT")
def YOURURL_ENDPOINT_FUNC(request):  # pylint: disable=unused-argument
    print("LED handler")
    return ("200 OK", [], ["hello endpoint"])

示例是:从 url 获取 代码值并更改 Neopixel LED 颜色。

@web_app.route("/led/")
def led_on(request, color):  # pylint: disable=unused-argument
    print("LED handler")
    color_value = int(color, 16)
    pixels.fill(color_value)
    pixels.show()
    html_string_led = html_string.replace("#000000", "#"+color)
    return ("200 OK", [], [html_string_led])

如果您更改页面视图,您只需更改代码上的“html_string”变量

html_string = '''
html>
<html lang="en">
<head>
...
<p>
<a href="/code">View code.pya>
p>
...
body>
html>
'''

5. 测试

如果代码没问题,您可以从 Pico board 的 REPL 中看到以下日志。(REPL打开请参考本页“如何将W5500以太网添加到Raspberry Pi Pico (Python) - 1” - 6. REPL, Open serial terminal for printf()

pYYBAGNrp6SAfwWrAABHwpTVzlg894.png
 

在您的 PC 上,打开浏览器(推荐 Chrome)。

在浏览器上输入您的开发板 IP。我从我的 DHCP 服务器获得了“192.168.0.18”。

pYYBAGNrp6eARrbOAACnP5T00d0284.png
Pico Web 服务器页面
 

让我们改变 LED 颜色。单击“颜色选择器”颜色框,然后您可以看到如下颜色选择器。根据需要选择颜色。

poYBAGNrp6mAbltyAABvZQrz_7I542.png
RGB 颜色选择器
 

然后,单击“更改颜色”链接。

poYBAGNrp62AVCH1AABnGTlGZ-Q547.png
换颜色
 

看你的LED~~~

pYYBAGNrp6-AKzlkAACHroHGBHA944.png
Neopixel LED 通过网页控制
 

6.其他功能

简单的网络服务器还有 2 个功能。

1. RaspberryPi Pico USB 驱动器中的文件读取。

点击 "View code.py" ,然后你可以在你的 RaspberryPi Pico 板上看到 "code.py"。

pYYBAGNrp7KAVVKoAADgN7oGof8818.png
读取 Pico 板上的文件
 

2. 从其他 Web 服务获取 JSON 数据。

点击“currentprice/USD.json”链接,可以看到来自http://api.coindesk.com/v1/bpi/currentprice/USD.json的JSON数据

poYBAGNrp7aAdYgwAAEGAnr-Vyo799.png
从其他网络服务器获取 JSON 数据
 

完毕。享受演示代码~~~ :)


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !

'+ '

'+ '

'+ ''+ '
'+ ''+ ''+ '
'+ ''+ '' ); $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code ==5){ $(pop_this).attr('href',"/login/index.html"); return false } if(data.code == 2){ //跳转到VIP升级页面 window.location.href="//m.obk20.com/vip/index?aid=" + webid return false } //是会员 if (data.code > 0) { $('body').append(htmlSetNormalDownload); var getWidth=$("#poplayer").width(); $("#poplayer").css("margin-left","-"+getWidth/2+"px"); $('#tips').html(data.msg) $('.download_confirm').click(function(){ $('#dialog').remove(); }) } else { var down_url = $('#vipdownload').attr('data-url'); isBindAnalysisForm(pop_this, down_url, 1) } }); }); //是否开通VIP $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code == 2 || data.code ==5){ //跳转到VIP升级页面 $('#vipdownload>span').text("开通VIP 免费下载") return false }else{ // 待续费 if(data.code == 3) { vipExpiredInfo.ifVipExpired = true vipExpiredInfo.vipExpiredDate = data.data.endoftime } $('#vipdownload .icon-vip-tips').remove() $('#vipdownload>span').text("VIP免积分下载") } }); }).on("click",".download_cancel",function(){ $('#dialog').remove(); }) var setWeixinShare={};//定义默认的微信分享信息,页面如果要自定义分享,直接更改此变量即可 if(window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'){ var d={ title:'RaspberryPi Pico Web服务器w5100S(W5500)',//标题 desc:$('[name=description]').attr("content"), //描述 imgUrl:'https://'+location.host+'/static/images/ele-logo.png',// 分享图标,默认是logo link:'',//链接 type:'',// 分享类型,music、video或link,不填默认为link dataUrl:'',//如果type是music或video,则要提供数据链接,默认为空 success:'', // 用户确认分享后执行的回调函数 cancel:''// 用户取消分享后执行的回调函数 } setWeixinShare=$.extend(d,setWeixinShare); $.ajax({ url:"//www.obk20.com/app/wechat/index.php?s=Home/ShareConfig/index", data:"share_url="+encodeURIComponent(location.href)+"&format=jsonp&domain=m", type:'get', dataType:'jsonp', success:function(res){ if(res.status!="successed"){ return false; } $.getScript('https://res.wx.qq.com/open/js/jweixin-1.0.0.js',function(result,status){ if(status!="success"){ return false; } var getWxCfg=res.data; wx.config({ //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId:getWxCfg.appId, // 必填,公众号的唯一标识 timestamp:getWxCfg.timestamp, // 必填,生成签名的时间戳 nonceStr:getWxCfg.nonceStr, // 必填,生成签名的随机串 signature:getWxCfg.signature,// 必填,签名,见附录1 jsApiList:['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){ //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 wx.onMenuShareTimeline({ title: setWeixinShare.title, // 分享标题 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.onMenuShareAppMessage({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 type: setWeixinShare.type, // 分享类型,music、video或link,不填默认为link dataUrl: setWeixinShare.dataUrl, // 如果type是music或video,则要提供数据链接,默认为空 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ”按钮点击状态及自定义分享内容接口 wx.onMenuShareQQ({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 wx.onMenuShareWeibo({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口 wx.onMenuShareQZone({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); }); }); } }); } function openX_ad(posterid, htmlid, width, height) { if ($(htmlid).length > 0) { var randomnumber = Math.random(); var now_url = encodeURIComponent(window.location.href); var ga = document.createElement('iframe'); ga.src = 'https://www1.elecfans.com/www/delivery/myafr.php?target=_blank&cb=' + randomnumber + '&zoneid=' + posterid+'&prefer='+now_url; ga.width = width; ga.height = height; ga.frameBorder = 0; ga.scrolling = 'no'; var s = $(htmlid).append(ga); } } openX_ad(828, '#berry-300', 300, 250);