編集履歴

質問編集履歴

send.phpの全コード記載、HTMLとjavascriptのコード追記

2019/09/06 01:44

投稿

nosonosolife

スコア42

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -10,6 +10,18 @@
 session_start();
+ini_set('display_errors', 1);
+ini_set('error_reporting', E_ALL);
+ini_set('log_errors', 'On');
+// ログの保存先
+ini_set('error_log', __DIR__ . '/error.log');
 if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && (strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) === 'xmlhttprequest')) {
 	if($_SERVER["REQUEST_METHOD"] == "POST"){
@@ -42,7 +54,7 @@
 				if(isset($_SESSION['user_trip'])){
-					$Trip = $_SESSION['user_trip'];
+					$Trip = htmlspecialchars($_SESSION['user_trip']);
 				}
@@ -52,9 +64,9 @@
 				$Textcolor = htmlspecialchars($_SESSION['text_color']);
-				$Unixtime = $_SERVER['REQUEST_TIME'];
+				$Unixtime = htmlspecialchars($_SERVER['REQUEST_TIME']);
-				$IPaddress = $_SERVER["REMOTE_ADDR"];
+				$IPaddress = htmlspecialchars($_SERVER["REMOTE_ADDR"]);
 				$Hostname = gethostbyaddr($_SERVER['REMOTE_ADDR']);
@@ -128,6 +140,16 @@
 				$result2 = file_put_contents($url2, $out_json2, LOCK_EX);
+				session_write_close();
+				header("Content-Type: application/json; charset=UTF-8");
+				echo json_encode($_SESSION);
+				exit;
 			}
 		}
@@ -151,3 +173,307 @@
 array(11) { ["room_id"]=> string(8) "◆◆◆" ["user_name"]=> string(9) "◆◆◆" ["user_trip"]=> string(0) "" ["user_state"]=> string(0) "" ["last_log"]=> array(5) { ["num"]=> int(12) ["type"]=> string(4) "info" ["unixtime"]=> int(1567731477) ["name"]=> string(12) "◆◆◆" ["message"]=> string(43) "◆◆◆" } ["last_log_num"]=> int(12) ["name_color"]=> string(5) "black" ["text_color"]=> string(5) "black" ["csrf_token"]=> string(32) "0e82781dc1bc513c6118aa753eb94d14" ["username"]=> string(5) "◆◆◆" ["user_log"]=> string(0) "" }
 ```
+【追記】
+HTML(PHP)、javascriptも記載します。
+//「room.php」HTML(PHP)
+※文字数制限のため一部省略しています
+```PHP
+<?php
+session_start();
+session_id(sha1(uniqid(microtime())));
+if( !isset( $_SESSION['room_id'] ) ) {
+	$_SESSION['room_id'] = $_GET['id'];
+}
+$_SESSION['user_name'] = "";
+$_SESSION['user_trip'] = "";
+$_SESSION['user_state'] = "";
+$_SESSION['last_log'] = "";
+$_SESSION['last_log_num'] = "";
+$_SESSION['name_color'] = "";
+$_SESSION['text_color'] = "";
+$_SESSION['csrf_token'] = "";
+  $toke_byte = openssl_random_pseudo_bytes(16);
+  $csrf_token = bin2hex($toke_byte);
+  $_SESSION['csrf_token'] = $csrf_token;
+$json = file_get_contents('data/roomlist.json');
+$array = json_decode($json, true);
+$result = array_keys(array_column($array, 'id'), $_GET["id"]);
+if(!isset($_GET["id"]) || empty($result)){
+	header("HTTP/1.1 404 Not Found");
+	header('Location: ./');
+	exit;
+}
+foreach ($result as $index) {
+	$room_name = $array[$index]['name'];
+}
+?>
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+	<meta charset="utf-8">
+		<title><?php echo $room_name ?> - チャット</title>
+		<link href="css/main.css" rel="stylesheet" type="text/css">
+		<script src="js/jquery.js" type="text/javascript"></script>
+		<script src="js/lib/eventsource.js"></script>
+		<script type="text/javascript" src="js/script_room.js"></script>
+		<script type="text/javascript" src="js/jquery.cookie.js"></script>
+<script type="text/javascript">
+<!--
+$(document).ready(function(){
+initScript();
+});
+-->
+</script>
+	</head>
+	<body>
+		<article id="mainbox" ontouchstart="">
+    		<h1><?php echo $room_name ?></h1>
+    		<section id="userform" class="on">
+				<form action="php/userinout.php" method="post">
+					<input type="hidden" name="State" value="in">
+					<input type="text" name="Name" maxlength="20" value="" placeholder="お名前(最大20文字)"/>
+					<input name="Passcode" size="40" type="text" maxlength="10" value="" placeholder="トリップ(最大10文字)">
+					<script language="JavaScript" type="text/javascript">
+					<!--
+						document.write('<input type="submit" id="submit" name="submit" value="入室"/>');
+					-->
+					</script>
+					<noscript>JavaScriptを有効にしてください</noscript>
+				</form>
+			</section>
+			<section id="sendform" class="on">
+				<form action="php/send.php" method="post">
+					<input type="hidden" name="csrf_token" value="<?php echo $csrf_token ?>">
+					<input type="hidden" name="Type" value="normal">
+					<input name="Message" placeholder="メッセージ(最大200文字)" maxlength="200"></textarea>
+					<script language="JavaScript" type="text/javascript">
+					<!--
+						document.write('<input type="submit" id="submit" name="submit" value="送信"/>');
+					-->
+					</script>
+					<noscript>JavaScriptを有効にしてください</noscript>
+				</form>
+				<button id="chatout-btn" href="javascript:void(0);" onclick="chatOut();">退室する</a>
+			</section>
+			<p id="formerror"></p>
+    		<span class="usercount">入室者 0人</span>
+    		<span class="romcount">閲覧者 0人</span>
+    		<hr>
+    		<section id="log-frame">
+    		</section>
+		</article>
+		<footer>
+			<p><small>Copyright&copy; 2019 XXX</small></p>
+		</footer>
+	</body>
+</html>
+```
+//「script_room.js」javascript
+※文字数制限のためajax通信部分のみ記載します
+```javascript
+	if($('#sendform')){
+		$("#sendform form").submit(function(e){
+			e.preventDefault();
+			if ($("input[name='Message']").val() == '') {
+				$("#formerror").text("メッセージを入力してください");
+				return false;
+			}else if (hasNGWords($("input[name='Message']").val(), ngwords)){
+				$("#formerror").text("メッセージに禁止ワードが含まれています");
+				return false;
+			}else if ($("input[name='Message']").val().length > 200) {
+				$("#formerror").text("メッセージが長すぎます(最大200文字)");
+				return false;
+			}else{
+				$("#formerror").text("");
+				$.ajax({
+					type: $(this).attr('method'),
+					url: $(this).attr('action'),
+					data: $(this).serialize(),
+					timeout: 10000,  // 単位はミリ秒
+					// 送信前
+					beforeSend: function(xhr, settings) {
+						// ボタンを無効化し、二重送信を防止
+					 	$("#sendform #submit").val("送信中…").prop("disabled",true);
+					},
+					// 応答後
+					complete: function(xhr, textStatus) {
+						// ボタンを有効化し、再送信を許可
+						//$.cookie("SendRegulation", "true", {expires: date, path: "/", domain: ""});
+					},
+					success: function(result, textStatus, xhr, data) {
+						console.log(result);
+						$("input[name = 'Message']").val('');
+						$("#sendform #submit").val("送信").prop("disabled",false);
+						//logDataRead();
+					},
+					// 通信失敗時の処理
+					error: function(xhr, textStatus, error) {
+						$("#formerror").text("送信に失敗しました");
+					}
+				});
+				return false;
+			}
+			return false;
+		});
+	}
+}
+```

追記

2019/09/06 01:44

投稿

nosonosolife

スコア42

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -139,3 +139,15 @@
 ?>
 ```
+【追記】
+var_dump($_SESSION);した結果を記載します。
+※「◆◆◆」は諸事情により伏字にしてあります
+```php
+array(11) { ["room_id"]=> string(8) "◆◆◆" ["user_name"]=> string(9) "◆◆◆" ["user_trip"]=> string(0) "" ["user_state"]=> string(0) "" ["last_log"]=> array(5) { ["num"]=> int(12) ["type"]=> string(4) "info" ["unixtime"]=> int(1567731477) ["name"]=> string(12) "◆◆◆" ["message"]=> string(43) "◆◆◆" } ["last_log_num"]=> int(12) ["name_color"]=> string(5) "black" ["text_color"]=> string(5) "black" ["csrf_token"]=> string(32) "0e82781dc1bc513c6118aa753eb94d14" ["username"]=> string(5) "◆◆◆" ["user_log"]=> string(0) "" }
+```