質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Raspberry Pi

Raspberry Piは、ラズベリーパイ財団が開発した、名刺サイズのLinuxコンピュータです。 学校で基本的なコンピュータ科学の教育を促進することを意図しています。

Ninja

NinjaはHTML5 Webアプリケーションを開発するためのオーサリングツールです。 NinjaはChromeウェブストアでインストールできます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

解決済

1回答

2069閲覧

Flask,Python,jsでタクトスイッチが押されたらwebページ内の値を変更したい

kanan_py

総合スコア7

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Raspberry Pi

Raspberry Piは、ラズベリーパイ財団が開発した、名刺サイズのLinuxコンピュータです。 学校で基本的なコンピュータ科学の教育を促進することを意図しています。

Ninja

NinjaはHTML5 Webアプリケーションを開発するためのオーサリングツールです。 NinjaはChromeウェブストアでインストールできます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

0クリップ

投稿2020/11/26 12:44

編集2020/11/27 07:17

質問内容はタイトルの通りです。
RaspberryPi3 modelBのGPIO25番とGNDに接続されたタクトスイッチが押されたらkazuという変数がOKからclickに変え、変更された値をjsに渡し、ページに変更された値を反映させるということをやりたいのです。

while Trueでタクトスイッチが押されるのを待機しているのですが、これではタクトスイッチを押さないとそもそもページに接続できなくなってしまいます。
どこにwhile文をおけばよいのでしょうか?よろしくお願いします。
以下ソースコードです。

Python

1from flask import Flask, render_template , request , url_for 2import RPi.GPIO as GPIO 3 4GPIO.setmode(GPIO.BCM) 5GPIO.setup(25 , GPIO.IN) 6 7app = Flask(__name__ , static_folder='./images') 8 9@app.route('/') 10def index_render(): 11 kazu = "OK" 12 while True: 13 if GPIO.input(25) == GPIO.HIGH: 14 kazu="click" 15 break 16 return render_template("main.html",kazu=kazu) 17 18if __name__ == '__main__': 19 app.run()

main.html

1<!-- main.html --> 2<!DOCTYPE html> 3<html> 4<head> 5<meta charset="UTF-8"> 6<title>Slot Page</title> 7<style type="text/css"> 8#this_kazu{ 9 color: #FFFFFF; 10 position: absolute; 11} 12</style> 13<script src="{{url_for('static', filename='index.js')}}"></script> 14</script> 15</head> 16<p id="this_kazu">{{kazu}}</p> 17</body> 18</html> 19

index.js

1//index.js 2 3window.onload = function(){ 4alert("js loaded") 5}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

flaskを以下のような感じにして、main.htmlにswitch_checkerを定期的に読み込む処理(ajax処理、interval実行)を追加し、その取得結果の値を表示するようにしてはいかがでしょうか?

python

1 2@app.route('/') 3def index_render(): 4 return render_template("main.html",kazu=kazu) 5 6 7@app.route('/switch_checker') 8def switch_checker(): 9 kazu = "OK" 10 while True: 11 if GPIO.input(25) == GPIO.HIGH: 12 kazu="click" 13 break 14 15 if kazu == 'OK': 16 return jsonify({'result': 'OK'}) 17 else: 18 return jsonify({'result': 'click'})

投稿2020/11/30 00:53

FiroProchainezo

総合スコア2387

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問