这篇文章主要为大家展示了“怎么通过WEB控制树莓派RGB灯光”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“怎么通过WEB控制树莓派RGB灯光”这篇文章吧。
成都创新互联公司专注于余江企业网站建设,成都响应式网站建设公司,购物商城网站建设。余江网站建设公司,为余江等地区提供建站服务。全流程按需定制制作，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务
main.py：
01 #!/usr/bin/env python3
02
03 import RPi.GPIO as GPIO
04 from RGB_light import RGB_light
05 from bottle import request, route, run, static_file #bottle使用介绍：https://git.oschina.net/ginnywzj/web_rgb/attach_files
06 import time, threading
07
08 rgb = 0
09 RGBLight = RGB_light(GPIO.BOARD, 1, 33, 35, 37) #初始化rgb灯GPIO引脚，引脚编号系统为GPIO.BOARD、共阳、red通道为33引脚，green通道为35引脚，blue通道为37引脚s
10 light_type = 'static' #'static':静态 'breath':呼吸 'flash':闪烁
11
12 #访问文件根目录
13 @route('/')
14 def index():
15 global rgb, light_type
16 rgb = 0xffffff
17 light_type = 'static'
18 return static_file('index.html', './page')
19
20 #网页上的静态文件需要做传输处理
21 @route('/')
22 def server_static(filename):
23 return static_file(filename, root='./page')
24
25 #POST方式获取Ajax传输过来的rgb值
26 @route('/rgb', method='POST')
27 def rgbLight():
28 red = request.POST.get('red')
29 green = request.POST.get('green')
30 blue = request.POST.get('blue')
31 print('red='+ red +', green='+ green +', blue='+ blue)
32 red = int(red)
33 green = int(green)
34 blue = int(blue)
35 if 0 <= red <= 255 and 0 <= green <= 255 and 0 <= blue <= 255:
36 global rgb
37 rgb = (red<<16) | (green<<8) | blue
38
39 #POST方式获取Ajax传输过来的type值
40 @route('/lightType', method='POST')
41 def lightType():
42 global light_type
43 light_type = request.POST.get('type')
44 print("lightType="+light_type)
45
46 #灯光循环检测控制
47 def lightLoop():
48 global rgb, light_type
49 flashTime = [0.3, 0.2, 0.1, 0.05, 0.05, 0.1, 0.2, 0.5, 0.2] #闪烁时间间隔
50 flashTimeIndex = 0 #闪烁时间间隔索引
51 f = lambda x: (-1/10000.0)*x*x + (1/50.0)*x #用抛物线模拟呼吸灯
52 x = 0
53 while True:
54 if light_type == 'static': #静态显示
55 RGBLight.set_rgb(rgb)
56 time.sleep(0.05)
57 elif light_type == 'breath': #闪烁显示
58 red = int(((rgb & 0xff0000)>>16) * f(x))
59 green = int(((rgb & 0x00ff00) >> 8) * f(x))
60 blue = int((rgb & 0x0000ff) * f(x))
61 _rgb = int((red << 16) | (green << 8) | blue)
62 RGBLight.set_rgb(_rgb)
63 time.sleep(0.02)
64 x += 1
65 if x >= 200:
66 x = 0
67 elif light_type == 'flash': #呼吸灯显示
68 RGBLight.set_rgb(rgb)
69 time.sleep(flashTime[flashTimeIndex])
70 RGBLight.set_rgb(0)
71 time.sleep(flashTime[flashTimeIndex])
72 flashTimeIndex += 1
73 if flashTimeIndex >= len(flashTime):
74 flashTimeIndex = 0
75
76 #开辟新线程负责rgb灯光显示
77 t = threading.Thread(target = lightLoop)
78 t.start()
79
80 #设置服务器ip地址和端口(提示：使用前请设置成你的树莓派ip地址)
81 run(host='192.168.21.104', port=8080) （这里要吐槽下，添加代码为什么没有行号(难道是我没发现)，还得自己用UltraEdit添加，添加了行号别人复制了又不能直接用，希望开源中国能更新下）
主要看第21行、26行、40行、77行和81行。
1、第21行是创建一个网页静态文件传输通道。index.html文件中引用了jquery-3.1.1.min.js和两张图片，如果不添加它们的传输通道，这些文件将不能传输到手机，在bottle说明手册中也明确说明了。
2、第26行、40行是接收index.html网页回传数据的方式，可以为GET或者POST，但要保持index.html和main.py一致。
3、第77行是开辟一个python线程。为什么要另外开辟线程呢？main.py有两个任务：1、监听手机传回的数据；2、控制树莓派引脚pwm输出。main.py启动后会产生一个线程，当执行到81行（run(host='192.168.21.104', port=8080)）这个线程就给了bottle。bottle会一直监听手机，如果有数据传回它就会执行被它装饰了的函数（例如27行的rgbLight）。如果灯光只是静态的显示颜色，那么只要监听到一个数据就在装饰函数中修改一次pwm输出就可以，这样单个线程也没问题。但本文的灯光还有闪烁和呼吸效果，这样就需要main.py一直控制pwm输出，单线程的main.py是一直在监听手机的没办法一直控制pwm，所以必须创建新线程来单独控制pwm。
4、第81行是设置服务器的ip地址和端口号，这里必须修改成你自己树莓派的ip地址，否则不能运行会报错。查看ip地址指令：ifconfig。
index.html：
