\r\n\r\n\r\n

{{kazu}}

\r\n\r\n\r\n\r\n```\r\n\r\n```index.js\r\n//index.js\r\n\r\nwindow.onload = function(){\r\nalert(\"js loaded\")\r\n}\r\n```","answerCount":1,"upvoteCount":0,"datePublished":"2020-11-26T12:44:26.903Z","dateModified":"2020-11-27T07:17:18.593Z","acceptedAnswer":{"@type":"Answer","text":"flaskを以下のような感じにして、main.htmlにswitch_checkerを定期的に読み込む処理(ajax処理、interval実行)を追加し、その取得結果の値を表示するようにしてはいかがでしょうか?\r\n```python\r\n\r\n@app.route('/')\r\ndef index_render():\r\n return render_template(\"main.html\",kazu=kazu)\r\n\r\n\r\n@app.route('/switch_checker')\r\ndef switch_checker():\r\n kazu = \"OK\"\r\n while True:\r\n if GPIO.input(25) == GPIO.HIGH:\r\n kazu=\"click\"\r\n break\r\n\r\n if kazu == 'OK':\r\n return jsonify({'result': 'OK'})\r\n else:\r\n return jsonify({'result': 'click'})\r\n```","dateModified":"2020-11-30T00:53:33.912Z","datePublished":"2020-11-30T00:53:33.912Z","upvoteCount":0,"url":"https://teratail.com/questions/306647#reply-430720"},"suggestedAnswer":[],"breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://teratail.com","name":"トップ"}},{"@type":"ListItem","position":2,"item":{"@id":"https://teratail.com/tags/Flask","name":"Flaskに関する質問"}},{"@type":"ListItem","position":3,"item":{"@id":"https://teratail.com/questions/306647","name":"Flask,Python,jsでタクトスイッチが押されたらwebページ内の値を変更したい"}}]}}}
質問するログイン新規登録

Q&A

解決済

1回答

2532閲覧

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

0

0

質問内容はタイトルの通りです。
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

総合スコア2454

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.29%

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

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

質問する

関連した質問