Q&A
「エラーが表示されます」では無く、エラー文を具体的にコードブロックで質問文に追記ください。←すみません、エラーが見れないのですね。
前提・実現したいこと
現在自身のポートフォリオサイトを制作していて、お問い合わせフォームを作っております。
下記のようにindex.htmlからphpの確認ページに飛ぶように作ったはずだったのですが、Oopsのページが出てきてしまい、エラーで見ることができませんでした。どなたかわかる方おりましたら回答のほどよろしくお願いいたします。
該当のソースコード（index.html）
<div id="contact"> <div class="container"> <div class="row "> <div class="col-xs-offset-4 col-xs-4 middle-row"> <h1 class="contact-text">Contact</h1> <form action="contact.php" method="post"> <div class="form-group"> <input type="text" class="form-control" name="name" placeholder="お名前" value=""> </div> <div class="form-group"> <input type="text" class="form-control" name="email" placeholder="メールアドレス" value=""> </div> <div class="form-group"> <input type="text" class="form-control" name="subject" placeholder="件名" value=""> </div> <div class="form-group"> <textarea class="form-control" name="message" rows="5" placeholder="本文"></textarea> </div> <button type="submit" class="btn btn-success btn-block">送信</button> </form> </div> </div> </div> </div>
該当のソースコード(contact.php)
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <?php if ($_SERVER['REQUEST_METHOD'] != 'POST') { // POSTでのアクセスでない場合 $name = ''; $email = ''; $subject = ''; $message = ''; $err_msg = ''; $complete_msg = ''; } else { // フォームがサブミットされた場合（POST処理） // 入力された値を取得する $name = $_POST['name']; $email = $_POST['email']; $subject = $_POST['subject']; $message = $_POST['message']; $to = 'test@test.com'; // 管理者のメールアドレスなど送信先を指定 $headers = "From: " . $email . "\r\n"; // 本文の最後に名前を追加 $message .= "\r\n\r\n" . $name; // メール送信 mb_send_mail($to, $subject, $message, $headers); // 完了メッセージ $complete_msg = '送信されました！'.'<br>'.'迅速に対応させていただきます' ; // 全てクリア $name = ''; $email = ''; $subject = ''; $message = ''; } ?> <body> <h2>問合せ内容</h2> <form method="post"> <table border="1"> <tr> <td>名前</td> <td><?php echo $_POST["name"]; ?></td> </tr> <tr> <td>メールアドレス</td> <td><?php echo $_POST["email"]; ?></td> </tr> <tr> <td>件名</td> <td><?php echo $_POST["subject"]; ?></td> </tr> <tr> <td>問い合わせ内容</td> <td><?php echo $_POST["message"]; ?></td> </tr> </table> <input type="submit" value="送信" /> </form> </body> </html>
補足情報（FW/ツールのバージョンなど）
</html> ``` こちらがエラー画面になります。 アマゾンのAWSをの仮想サーバーで実装しております。 ここにより詳細な情報を記載してください。
>Oopsのページ
念のためその画面キャプチャとアクセスURLをご提示ください。
内容によるのですけど、teratailでも頻出（よく投稿されている）問題のように見えます。
つまり過去質問を参照するだけで確認可能である可能性も高いのです。
「補足情報」に環境情報詳細をご提示ください。
ただ、これをWeb上に公開するつもりでしたらやめたほうが良いですね。
セキュリティ対策が全くされていませんので、スパムメールの発射台になり得ます。
ただいま編集いたしました。
よろしくお願いいたします。
AWSですか。なるほど。
ちなみに直接PHPファイルアクセスできます？
index.htmlをwebサーバー越しに観ているかどうか、index.htmlとcontact.phpが同じディレクトリにあるのかどうか、ってあたりが気になる。
すみませんまだ駆け出しなものでわからない点がございまして、同じディレクトリとは同じフォルダーの中にあるということでしょうか？
ディレクトリとフォルダはほぼ同じ意味です。
今試してみたのですが、previewでcontact.phpを開くことができませんでした
はい！同じフォルダーの中にファイルとして入れております
さて、戻りますがphp自体の動作は確認できてますか？
それが確認できません
contact.phpとして作成したファイルを開くことができません
「開くことができない」とは、編集できない？ 実行できない？（ローカルでは実行できたからサーバーに上げたのですよね）
細かいですが、EC2で実行で、S3で実行しようとしてる訳でもないと。
よく見たら、cloud9で直接コードを記述しているようですね。プログラムそのものは当方で動作したのを確認しております。
回答1件
0
失礼します。ざっと見た限りで（動かしてみました。メールサーバーにつながらないのはまあいいとして）、index.htmlとcontact.phpは同じディレクトリで動かそうとしているように見えます。
同じディレクトリに入ってますか？
起動はApacheなどのHttpサーバーを起動して置いて、
http://localhost/index.html
で起動してますでしょうか？
投稿2020/03/04 17:53
総合スコア901
htmlファイルを、file://～なんて形式で見ていると、そもそもform送信しないっていう話もありますし。
あ、AWSに上げているんですね。localhost云々は違います。
AWSの環境の質問の疑いがあるので、タグに「AWS」を入れといた方が詳しい方が答えてくれるでしょう
cloud9で実行するときPHPのサーバーは起動してますか？
１）ウェブサーバの起動
Run ＞ Run With ＞ PHP (built-in web server) の順でクリックします。
http://www.ric.co.jp/book/contents/pdfs/cloud9_guide.pdf
そのやり方があったことを知りませんでした！！
ありがとうございます。
今試しにmikeさんの言うとおりに実行してみたのですがエラーが起きてしまいました。
ターミナルのエラー文にはこのようなエラーが書かれておりました。
127.0.0.1:47616 [404]: /favicon.ico - No such file or directory
ご確認お願い致します。
ファビコンの画像（ブックマークなどに表示する独自の画像）がローカルにない（AWS内に）ないというメッセージです。どこかで指定しているはずですが、コード文中には見当たりません。
ところで、contact.phpは表示されましたでしょうか。
いいえ、それが表示されません（笑）
ファビコンはindex.htmに記述してそうですがヘッダーがないのはbodyだけ切り取ったんですか？ ただ、ファビコンがないだけでHTMLが動かないとも考えにくいですね……cloud9でチェックしてるのかな？
classや id指定しているところを見ると、cssとか別に呼んでるはずなんですが。
はい！bodyだけ切り取りました。
こちらがheadの部分です
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" integrity="sha384-v8BU367qNbs/aIZIxuivaU55N5GPF89WBerHoGA4QTcbUjYiLQtKdrfXnqAcXyTv" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/05a9391f36.js" crossorigin="anonymous"></script>
<title>kensho's portfolio</title>
</head>
integrityって何だろう？ アクセスキーとかだったらマズイので消した方がいいかもしれません。cssが３つあって、どれかでファビコンのリンクを指定しているんじゃないかと。
integrityのキーはググったら大丈夫そうです。他のサイトでも公開してました。
他のcssはファビコンとは無関係と分かりましたのでstyle.cssだけお願いします。
style.css にfont awesome のアイコンを使うためにclassでfabやfasなどを指定してfont-sizeなどはいじったのですがこれがファビコンと関係があったり致しますか？？
それ以外ではfaviconらしきものは何も指定しておりません
エラーメッセージに「favicon.icoがない」と出てるので、style.css内を「favicon.ico」で検索すればいいです。あれば、その行をコメントアウトして保存⇒サーバ起動⇒実行で。
あなたの回答
tips
プレビュー
