6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

WEBサイトが表示されない勘所

Last updated at Posted at 2023-11-22

はじめに

サイトが表示されない、と一言で言ってもブラウザ上には色々なエラーメッセージが表示されているはずです。
そんなエラーメッセージからちょっとでも障害箇所の切り分けの役にたてばー的な感じのお話です。
自分でサイトを構築・運営している人向けの記事です。(強調)

前提

ブラウザはGoogleChrome、サーバーはAWSでALB+EC2のApache&PHP-FPM構成をとります。
下の様な感じ
80926f21-38b2-ed14-635a-61b496a15390.png

エラー

自宅の中の壁

image.png

ERR_INTERNET_DISCONNECTED

  • ネットに繋がってないぞ?
  • 有線ならケーブルちゃんと刺さってる?
  • WiFi繋がってる?
  • プロバイダ障害でてない?(これはどうにもできない)

ERR_CONNECTION_TIMED_OUT

  • ルーターがちゃんとインターネットに繋がってる?
  • FireWallの設定でポート閉じてない?(銀行系でSSLが8443とかになってるとありがち)
  • プロバイダの障害で繋がってたものが切断され、DNSなどをキャッシュしてたりすると起きる場合も。
    ※他でも登場する

ブラウザの4xx系エラー以外一般的に自分でなんとかできるのはここまで
ここからは自分が管理しているサービスの場合。

インターネットの壁

image.png

ERR_CONNECTION_TIMED_OUT

  • また出てきた、サーバーが応答しないぞ、他のサイトが表示されるならインターネットには出ている。
  • 自分が管理しているサイトの場合、DNSレコードtypoしてない?

ERR_NAME_NOT_RESOLVED

  • DNSに名前がない。
  • URLをtypoしてない?
    • (ワイルドカード)をAレコードで足してない?DNSのサービスによっては* (アスタリスク)というレコードになる。(特にWindowsServer)

ロードバランサとサーバーの壁

image.png

ERR_CONNECTION_REFUSED

  • HTTPしか待ち受けてないのにHTTPSで接続していないか?(もしくは逆)
    • ちゃんとリダイレクトの設定をしましょう。
    • 待ち受けていないポートに接続しても拒否されるよ。
  • SSLの設定大丈夫?(ELBではあまりでないハズ)

504GATEWAY TIMEOUT

  • ELBの後ろにサーバーがいないっぽい
  • ヘルスチェックは通ってるけど、実データの通信が遮断されてる時も。
    • セキュリティグループでELBからEC2インスタンスの通信許可を忘れてることも多め。

502BAD GATEWAY

  • サーバーが変な応答返したぞ
    • ターゲットグループの設定は大丈夫?ポート80で待ってるのに443で通信してない?

##ミドルウェアの壁

image.png

403 FORBIDDEN

  • 正しいURLにアクセスしているか
  • 許可されていない、ディレクトリのRequireの設定は大丈夫?
    • ELB経由の場合サブネットのIPを許可しないといけない。

401 UNAUTHORIZED

  • 正しいURLにアクセスしているか
  • 認証されていない、Basic認証出てたのにキャンセルしたかパスワード間違えていないか。

404 NOT FOUND

  • 存在しないぞ、URLをtypoしてない?
  • アプリケーションはちゃんと配置した?

ERR_TOO_MANY_REDIRECTS

  • リダイレクトループが発生している
    • アプリケーションがHTTPSを強制するのにELBのアクセスがHTTPで無限ループするケースが多い
    • confや.htaccessのリダイレクトルールの設定を確認しよう、PHPなら↓で上書きしちゃうなど
      • wordpressでやりがち
$_SERVER['HTTPS'] = 'on';

503 SERVICE UNAVAILABLE

  • バックエンドのPHPと通信できない
    • ちゃんとプロセス立ち上がってる?
    • proxyの設定は正しいか、php-fpmの待受にちゃんと渡せるか?
    • 過負荷で死んでる・プロセスが足りない時も。

## アプリケーションの壁

image.png

504 GATEWAY TIMEOUT

  • またきた、アプリケーションが応答遅くて時間切れ。
    • Apacheの504はこんな感じ
      image.png
    • ELBはこんな感じ
      image.png
      エラー画面で誰がエラーを吐いているか見分けられるといいかも

### 500 INTERNAL SERVER ERROR

  • プログラムのエラー、頑張って直してください。
    • エラーログをちゃんと出力して、確認するといい。

#おわりに

通常のネットサーフィンの際にエラーに遭遇しても、責めずにサイト管理者を応援してあげましょう。

ぱっとよく見るエラーを並べてみたのですが、こんなメッセージみたけどとかあればコメントいただければ追記したいとおもいます

6
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?