做过一些物联网的作品；因为不想一直做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. 玩转 SSH 目录

    在做一个新的项目的时候,需要重新搭建一个项目. 于是趁着这个机会把之前学的几个框架的搭建都写一写,整理一下,同时也可以给大家一些参考.何乐而不为叻. 在这个系列中, 我将使用 IntelJ IDEA ...

  2. CentOS下安装node

    下载 wget https://nodejs.org/dist/v7.7.4/node-v7.7.4-linux-x64.tar.gz 解压 tar -zxvf node-v7.7.4-linux-x ...

  3. Codeforces Round #384 (Div. 2).C

    C. Vladik and fractions time limit per test 1 second memory limit per test 256 megabytes input stand ...

  4. tmux鼠标配置出现错误unknown option: mode-mouse

    setw -g mode-mouse on set -g mouse-select-pane on set -g mouse-resize-pane on set -g mouse-select-wi ...

  5. mvc中razor的一个bug

    具体东西就不多说了,所有编译,代码都是木有问题的. 结果预览页面的时候竟然告诉我编译错误,尼玛这不科学啊. 来看看错误页面 看着问题大概应该是缺少} ,或者多了个} 倒置的编译错误才对,但是编译生成完 ...

  6. MySQL执行sql查询并上传至远程服务器

    最近项目中有需要做一个shell脚本,可以对一个数据库执行sql操作,并将结果转为txt,筛选结果用tab隔开,保存至一个远程服务器上,以供其他人用Excel读取用txt中的内容. MySQL中将结果 ...

  7. Java 工具类—日期获得，随机数，系统命令，数据类型转换

    package tems; import java.text.SimpleDateFormat; import java.util.Arrays; import java.util.Calendar; ...

  8. vue 调用高德地图

    一. vue-amap,一个基于 Vue 2.x 和高德地图的地图组件 https://elemefe.github.io/vue-amap/#/ 这个就不细说了,按照其文档,就能够安装下来. 二. ...

  9. 【2017-04--28】Winform中ListView控件

    ListView 1.先设置列,设置视图属性选择Details. 添加列,修改列名. 2.编辑项(添加行数据) 添加一个ListViewItem对象,该对象的Text对应着是第一列的数据, 在该对象的 ...

  10. [C#学习]1.Hello World

    在很多时候我们都是被helloworld带入编程的世界的,所以这句话应该算是我们程序员最熟悉的一句话了把.所以在这里,那我也照样以helloworld为例子来引入我们的C#学习. 在往常的hellow ...