ラズパイ講習会第3回目の資料です。 PythonでブラウザからLチカします！

1. RASPBERRY PI講習会
PART3: IOT WITH RASPBERRY PI
2018年冬 小野輝也

2. 前回の復習QUIZ
Q1 シェルの主な役割は何？
Q2 CUIによるコマンド操作は{1.クソ 2.神}である。
Q3 aptって何？
Q4 Linuxシステムの管理者ユーザは何？

3. PYTHONの復習
def get_average(mylist, size):
“""関数呼び出し時に mylist = score, size = 4の代入が行われる"""
sum = 0
for i in mylist:
sum += i # a += 1 は a = a + 1を意味する
return sum / size
score = [70, 82, 88, 90]
average = get_average(score, 4)
print("average:{}".format(average))

4. 今回の目標
webサーバーを立てる！
ブラウザからLEDを点灯！
いまバズってるIoTというやつです。

5. サーバ・クライアント構成
サーバ側のコンピュータとクライアント側の
コンピュータに分けてそれぞれの役目を
切り離す。

6. リクエストを好きなタイミングで送り
レスポンスをもらう。
例）ブラウザ
クライアント

7. サーバ
リクエストに対してレスポンスを返す。
リクエストをじーーっと待つ。
webサーバ、FTPサーバ、DNSサーバなど

8. 今、どこにいる？
サーバ・クライアント構成でプログラムを書くときは、
自分が今どちら側を作っているのか意識しよう。

9. webサーバ
HTTPプロトコルに基づいてデータのやり
取りをするサーバのこと

10. HTTPプロトコル
hypertext transfer protocol
ハイパーなテキストをトランスファーするた
めのプロトコル。

11. 通信プロトコル
通信を行うために必要な取り決め
ケーブルのコネクタの形状は？
データの先頭10バイトは何を表す？ などなど
SSHとHTTPでは実現したいことが異なるため異なるプロトコルが用いられる

12. ハイパーテキスト
ただの文字だけでなく、図、表、などを表現で
き、リンクによって別のテキストを参照できる
ようになっているテキストファイルのこと

13. HTML
hypertext markup language
ハイパーなテキストの代表格。

14. webフレームワーク
webアプリケーションを作る際に大抵必要となる機能をあ
らかじめまとめたもの。
どんなファイルをどこに配置するかが定められており、そ
の決まりに沿ってプログラムを書く

15. ライブラリ
よく使う機能（時刻やデータベース操作）をまとめたもの。
どう使うかは君次第。

16. BOTTLEのインストール
Pythonのwebフレークワークであるbottleを使おう。
http://bottlepy.org/docs/dev/tutorial.html
$ sudo pip3.6 install bottle
pipはpythonの公式パッケージマネージャ

17. 初めてのサーバ
ホームディレクトリにserverディレクトリを作成し、その中にserver.pyを作成しよう。
# 必要なモジュールの読み込み
from bottle import Bottle, run, post, request, redirect
# Bottleオブジェクト（インスタンス）の作成
app = Bottle()
@app.route('/')
def handle():
return "hello, bottle"
run(app, host="your_ip_addr", port=8080)

18. 初めてのサーバ
PCでもスマホでもいいのでwebブラウザを立ち上げて、URL入力バー
に
http://192.168.111.XX:8080/
これを入力しよう。
表示されましたか？

19. SERVER.PYで遊ぼう
@app.route(‘/‘)
def handle():
return "hello, bottle”
@に続くapp.routeをデコレータ関数と言います。
‘/‘の部分は何を表しているかわかりますか？
ここを変更するとどうなるでしょう？
関数名を変更してみると？
@app.route()を増やしてみると・・・？

20. SERVER.PYで遊ぼう
@app.route(‘/‘)
def handle():
return "hello, bottle”
returnはどこに何を返しているのだろうか？
試しにreturn “<h1>hello, bottle</h1>”としてみよう。

21. HTTP
HTTPは常にリクエスト、レスポンスのキャッチボール。
ブラウザ「ください」 ＝＞リクエスト サーバ
ブラウザ ＜＝レスポンス（htmlファイル）サーバ「どう
ぞ」
リクエストの中で、「何を」「どうして欲しいのか」を伝える。「何を」
に相当するものがURLで「どうして欲しいのか」に相当するのがHTTPメ
ソッド。

22. GETメソッド
URLにデータを含めてサーバにリクエストを送る。
ggるのは主にGETメソッドを用いている。

23. POSTメソッド
指定されたURLにリクエストとともに、
データをサーバへ送信する。

24. QUIZ
Q1、先ほどhello, bottleを表示させるのに使ったメソッドはなんで
しょう？
Q2、webのフォームデータを送信するときに使うメソッドはなんで
しょう？

25. HTML再入門
<hoge>で始まり</hoge>で終わる。＜＞で囲まれている部分をタグと
いう。タグの種類によって役割が決まる
<h1>
<table>
<form>
<input>
<script>
などなど

26. GETでリクエスト送る
GETではクエリパラメータというものを使って、リクエストデータに情報
を加えることができる。
<form action="/robo" method="GET">
<input name=“get_foo” value="roboaki" type="hidden" />
<input value="send" type=“submit" />
</form>

27. GETで受ける
@app.route('/robo')
def recvget():
return "{}".format(request.query.get_foo)

28. POSTでリクエスト送る
<form action="/architect" method="POST">
<input name=“post_foo” type="text" />
<input value="osunayo!?zettaiosunayo!?"
type=“submit" />
</form>

29. POSTで受ける
@app.route('/architect', method='POST')
def recvpost():
return "{}".format(request.forms.get(‘post_foo’))

30. PYTHONでGPIOピン操作
この前シェルスクリプトでGPIOピン操作をしましたね？
これをpythonのスクリプトでもやってみましょう。
$ sudo pip3.6 install wiringpi

31. 使い方簡単です。
import wiringpi
wiringpi.wiringPiSetupGpio()
# For GPIO pin numbering
wiringpi.pinMode(6, 1)
# Set pin 6 to 1 ( OUTPUT )
wiringpi.digitalWrite(6, 1)
# Write 1 ( HIGH ) to pin 6
wiringpi.digitalRead(6)
# Read pin 6

32. LCHIKA.SH再来
この前のlchika.shとまったく同じことをしよう。
import time
time.sleep(5)
でpythonを5秒間待機させることができる。

33. 今日のお題
ブラウザのボタンを押してLEDを光らせよ！

34. 自由に作ろう
ONボタン、OFFボタンを両方作る？
それともONとOFFの相互切り替えをする？
LEDのON,OFF情報はPOSTで送る？GETで送る？
どのURLにデータを送る？

35. 変数のスコープ
>>> a = 10
>>> def hoge():
... a += 1
... print(a)
Traceback (most recent call last):
File "<stdin>", line 1, in <module>
File "<stdin>", line 2, in hoge
UnboundLocalError: local variable 'a' referenced before assignment

36. GLOBAL変数を使う
>>> a = 10
>>> def hoge():
... global a
... a += 1
... print(a)

37. 私が作ったSERVER.PY
https://github.com/teru01/Lchika-Server
GitHubというサービスを使っています。

38. お疲れ様でした。
$ sudo poweroff