javascript(localstorage)の値をphpで使用できるようにしたい

Question

前提・実現したいこと

Wi-Fiモジュールから値が送信されたらPHPで処理するプログラムを組んでいます。
その際、Game_idにlocalstorageから取得した値(number)を挿入し、SQL文を実行したい。

!empty($_GET['gate1'])
→Wi-Fiモジュールからデータを受け取った後に処理したいので
localstorageの値を取得する処理を!empty($_GET['gate1'])の後に行いたい。

発生している問題・エラーメッセージ

Game_idにjavascriptの変数を使用したいのですが、使用できません。
PHP内にjavascriptは使えないというのはわかっているのですが、
イメージでは下記のプログラムの場所で値を取得したいです。
非同期処理で!empty($_GET['gate1'])の後に使えるのでしょうか。

該当のソースコード

test.php

<?php
if (!empty($_GET['gate1'])) {
　<script type="text/javascript">
    var number = JSON.parse(localStorage.getItem("datas")).data0;
　</script>
  $gate1 = $_GET['gate1'];
  echo $gate1;
  //$tmp1 = $tmp;
  $link = mysqli_connect('URL', 'admin', 'pass', 'DB');
  $sql = "UPDATE gate_out_table SET gate1='$gate1' WHERE Game_id='number'";
  $res = $link->query($sql);
}
?>

Wi-Fiモジュール

#include <TESP8266.h>

const char* ssid = "WIFI";
const char* password = "pass";

const char* host = "URL";
const char* path = "/test.php?gate1=111&String=ABCDE";

TESP8266 httpClient(Serial);  

void setup() {      
    Serial.begin(115200);
    pinMode(13,INPUT_PULLUP);

    uint32_t filesize = 0; // (戻り値)ファイルサイズ 
    String raw  = httpClient.get(host, path, filesize);
}

void loop() {
    uint32_t filesize = 0; // (戻り値)ファイルサイズ 
    
    if(digitalRead(13)==HIGH)
      path = "/test.php?gate1=1&String=ABCDE";
    else
      path = "/test.php?gate1=2&string=ABCDE";

    String raw  = httpClient.get(host, path, filesize);
    if(raw == "OK") {
    }else {
        Serial.println(raw);
    }
    delay(5000);     
}

補足情報（FW/ツールのバージョンなど）

Wi-Fiモジュール(TESP8266),EC2,RDS

Comments

[yambejp]

localStorageとphpとWifiの関係性がいまいちわからないです？
SQLもprepareで処理してください

[kuyan]

localStorageでゲームIDをあらかじめ格納して、そのゲームIDとWifiモジュールから来たgate1の値をphpのSQL文で処理をし、データベースに飛ばすイメージです。分かりにくい質問に返信いただきありがとうございます。

Answer 1

localstorageの値を取得する処理を!empty($_GET['gate1'])の後に行いたい。

localstorageの値をPHPから取る方法はなく、JavaScript側から送信する必要があります。

そして、新たなリクエストを起こす形を取る以上、進行中のPHPの途中に割り込むことは不可能です。

ということで、「途中で取る」ということを考えずに、JavaScriptで価を取得して、それをクエリ文字列などに詰め込んでPHPを呼ぶ、というのが妥当な方法かと思います。

Comments

[kuyan]

クエリ文字列を使用してみます。
ありがとうございます。

Answer 2

formでデータを送るときにlocalStorageを参照するならformdataイベントを利用できます

<script>
localStorage["test"]=123;
document.addEventListener('formdata', function(e) {
  e.formData.append('test',localStorage["test"]);
});
</script>
<form>
<input type="submit" value="send">
</form>

Comments

[kuyan]

説明足らずで申し訳ないです。
自動で送信したいと考えているので送信ボタンは配置しないよう構成を考えています。
自動化が難しくて出来なさそうなら使わせていただきます。
他の質問にも対応していただきありがとうございました。