做过一些物联网的作品；因为不想一直做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. 《ECMAScript标准入门》第二版读书笔记

    title: <ECMAScript标准入门>第二版 date: 2017-04-10 tags: JavaScript categories: Reading-note 2015年6月, ...

  2. myeclipse2017破解失败解决办法

    最近,笔者安装的myeclipse2017破解出了问题,破解本来是很简单的事,就是几步而已,但是一直出问题,现在安利一波myeclipse2017版破解失败解决办法.诸如下图:()因为笔者已经破解好了 ...

  3. mysqldumpslow的使用简介

    mysqldumpslow的使用:比如我们要查询按时间返回前5条日志信息,格式如下:mysqldumpslow -s t -t 5 /var/log/mysql/slowquery_20170303. ...

  4. 初学VUE2.0

    初学VUE2.0 (个人笔记,写完后发现好乱....下期使用markdown书写.) 概述 webstorm添加对VUE的支持 http://www.jianshu.com/p/142dae4f8b5 ...

  5. js字符串的操作

    js中字符串的使用非常普遍,以下是一些常用的方法和属性,字符串以str='abcdabc'举例. 1.length属性 获取字符串的长度,str.length返回7 2.replace()方法 str ...

  6. 在Ubuntu中使用JAVA与tomcat搭建web服务器

    一:材料 1.操作系统:ubuntu16.04 2.JAVA: jdk1.8.0 3.Tomcat:tomcat 8 4.域名:zhuandshao.cn 二:过程 1.安装java 1)在官网下载j ...

  7. _getch() 函数，应用于输入密码敲入回车前修改

    body,table { font-family: 微软雅黑; font-size: 10pt } table { border-collapse: collapse; border: solid g ...

  8. Google Earth影像数据破解之旅

    "Zed, you are so excellent." 为什么要写这句英文?容我卖个关子稍后再解释. 相信大多数人都体验过Google Earth(简称GE),我对GE最初的印象 ...

  9. xmlplus 组件设计系列之零 - xmlplus 简介

    xmlplus 是什么 xmlplus 是博主写的一个 JavaScript 框架,用于快速开发前后端项目. xmlplus 基于组件设计,组件是基本的构造块.评价组件设计好坏的一个重要标准是封装度. ...

  10. BogoMIPS与calibrate_delay

    在分析Arm+linux启动信息的时候.发现有一个信息竟然耗费了2s的时间,这简直是不能忍受的.这个耗时大鳄是什么东西哪,请看分析信息: [    0.000000] console [ttyMT0] ...