做过一些物联网的作品；因为不想一直做APP来控制，因为不能每个人都去下载你自己做的APP，浏览器大家都是有的；那么每个人通过浏览器WEB来访问我们服务器，岂不是很简单和方便，采用flask+python。
Flask是一个使用 Python 编写的轻量级 Web 应用框架，操作简单，上手容易。
安装FLask：
sudo apt-get install python-pip
sudo pip install flask

然后一个简单的服务器就安装好了，都存在我们的树莓派下,估计大家要写几个程序，那么：
mkdir flask && cd flask
mkdir read_gpio && cd read_gpio

sudo nano hello-gpio.py

from flask import Flask, render_template

import datetime#导入系统时间

import RPi.GPIO as GPIO  #导入GPIO

app = Flask(__name__)

GPIO.setmode(GPIO.BCM)#设置GPIO模式为BCM

@app.route("/")

def readPin():

      now = datetime.datetime.now()#抓取时间

      timeString = now.strftime("%Y-%m-%d %H:%M:%S")#抓取系统时间函数到timeString

try:

      GPIO.setup(20, GPIO.IN)#读取BCM_gpio_20

      if GPIO.input(20) == True:

         response = "BCM_gpio_20 is high!"

      else:

         response = "BCM_gpio_20 is low!"

   except:

      response = "There was an error reading pin"

   templateData = {

      'time': timeString

      'title' : 'Status of Pin' + pin,

      'response' : response

      }

   return render_template('read_pin.html', **templateData)#把templates送到read_pin.html

if __name__ == "__main__":

   app.run(host='0.0.0.0', port=80, debug=True)

sudo nano read_pin.html

<!DOCTYPE html>

   <head>

      <title>{{ title }}</title>

   </head>

   <body>

      <h1>Pin Status</h1>

      <h2>{{ response }}</h2>

      <h2>{{ time }}</h2>

   </body>

</html>

注意：html文件要在.py同行目录下新建子目录文件夹templates，不然找不到template会报错；
格式如下：
 read_gpio（文件夹）--
          ---hello-gpio.py
          ---templates（文件夹）
             ---read_pin.html
  
然后一个读取GPIO状态的就建好了，我们读的是BCM_gpio_20，可以修改；
然后在浏览器访问你树莓派的IP地址 ifconfig
在你的不管手机还是Pc只要和你的树莓派在同一局域网下都可以访问你的网页；读取树莓派系统时间和GPIO状态。game_over，看一下状态。


最后再说一点吧：可能大家也想不能实时观看我们的网页，只是一个网页状态；可以不停点刷新网页去get数据，不太人性化，那么就设置网页刷新时间就好了；根据浏览器来选择，博主用的火狐。在树莓派上名字是iceweasel
安装方式是sudo apt-get install iceweasel；
安装好后；然后选择插件 Reladevery 安装； 重启浏览器；在你想要的网页右击 relad_every 自定时间，最短一秒，看到读取效果还可以。科科

下篇介绍网页控制GPIO

树莓派安装FLASK服务；并在端网页读取 GPIO状态和系统时间的更多相关文章

  1. 树莓派安装DNSMASQ服务

    功能: DNSMASQ是一款高性能的.小型的DNS服务器软件. * 缓存域名.IP地址,本地缓存解析的地址. * DHCP服务 1.安装 sudo apt-get update sudo apt-ge ...

  2. 树莓派安装samba服务

    1.安装 sudo apt-get update sudo apt-get install samba sudo apt-get install samba-common-bin 2.配置 sudo ...

  3. 树莓派进阶之路 (016) - 通过595驱动4位LED显示系统时间

    模块图片,4位共阳极数码管. 我们使用树莓派wiringPi的库来通过74HC595驱动4位数码管: C 代码如下: #include <wiringPi.h> #include < ...

  4. Ubuntu-18.04 下修改root用户密码，安装SSH服务，允许root用户远程登录，安装vsftp服务器

    修改root用户密码 打开终端,输入 sudo passwd root 指令: 安装SSH服务 ssh默认端口号是22,可以在/etc/ssh/sshd_config文件中修改 查看服务器否开启:ne ...

  5. Centos安装vncserver服务

    vnc是一款Windows远程桌面软件,其优点是支持跨操作系统的远程图形化控制.下面开始记录第一次安装vnc服务的过程. 1.先检查系统是否有安装VNC服务 [root@localhost ~]# [ ...

  6. RedHat下安装Telnet服务端及客户端远程连接配置

    Telnet协议是TCP/IP协议族中的一员,是Internet远程登陆服务的标准协议和主要方式.它为用户提供了在本地计算机上完成远程主机工作的能力. 配置之前请确保网络连通,如防火墙影响连接,请先关 ...

  7. 编译安装rabbitmq服务端

    有一种方式是:下载rabbitmq-server-generic-unix压缩包,是不用编译的.是已经编译好的源码了 下面介绍编译源码安装   总括: 需要以下步骤:   1.安装erlange.因为 ...

  8. suse安装svn服务端和客户端的使用

    suse安装svn服务端 一. 安装服务端 配置网络安装源(suse11sp1为例) 新建11.1.repo11.1为软件源名称,可自定义文件并添加如下内容后保存 linux-e0xg:/etc/zy ...

  9. centos 7安装vnc服务端&vnc客户端连接

    前言 工作需求,需要用到vnc,介绍一下相关内容. 安装vnc服务端 在执行其他相关的之前,需要先安装一下vnc的服务端,命令如下: yum install tigervnc-server 配置vnc ...

随机推荐

  1. MyBatis 源码分析——动态SQL语句

    有几年开发经验的程序员应该都有暗骂过原生的SQL语句吧.因为他们不能一句就搞定一个业务,往往还要通过代码来拼接相关的SQL语句.相信大家会理解SQL里面的永真(1=1),永假(1=2)的意义吧.所以m ...

  2. 【Windows 10 应用开发】输入模拟

    ---恢复内容开始--- Input Injection 直译为:输入注入.通俗的译法为:模拟输入.此注入行为可以模拟以下几种输入行为: 1.键盘按键. 2.鼠标. 3.触控. 4.书写笔输入. 5. ...

  3. CF #345 Div1 D Zip-line

    题目链接:http://codeforces.com/contest/650/problem/D 大意是给一个数组,若干询问,每一次把一个数字改为另一个数字,问当前数组最长上升子序列,询问之间是独立的 ...

  4. js继承与闭包（笔记）

    1.一切引用类型都是对象,对象时属性的集合:typeof null === 'object'(例外): 2.对象都是通过函数创建来的,比如var obj = new Object();typeof O ...

  5. 过滤器Filter（17/4/8）

    1:是JavaWeb三大组件之一: Servlet.Lisener(2个感知监听器不需要配置).Filter 2:过滤器 它会在一组资源(jsp.servlet.css.html等等)的前面执行! 它 ...

  6. 为什么说B+-tree比B 树更适合实际应用中操作系统的文件索引和数据库索引？

    B树: B+树 1) B+-tree的磁盘读写代价更低 B+-tree的内部结点并没有指向关键字具体信息的指针.因此其内部结点相对B 树更小.如果把所有同一内部结点的关键字存放在同一盘块中,那么盘块所 ...

  7. wcf发布的服务在前端调用时，遇到跨域问题的解决方案

    我是使用IIS作为服务的宿主,因此需要在web.config中增加如下配置节: <bindings> <webHttpBinding> <binding name=&qu ...

  8. selenium IDE的3种下载安装方式

    第一种方式: 打开firefox浏览器-----点击右上角-----附加组件----插件----搜索框输入“selenium”-----搜索的结果中下拉到页面尾部,点击“查看全部的37项结果”---进 ...

  9. input元素之间的融合

    将两个input融合在一起,注意input标签之间的空格 .put1{ width: 20px; height: 28px; vertical-align:middle; border: 1px so ...

  10. java集合系列—ArrayList

    ArrayList是工作以来使用频率最高的集合类.以前上课老师说不知道用什么集合类就用ArrayList,好吧,后面就这样了. public class ArrayList<E> exte ...