ASP.NETの404リダイレクトページをカスタマイズする方法
Webアプリケーション開発において、意図しないアクセスが行われた時などにはエラーページを表示する必要があります。ほとんどの場合は、アドレスなどを間違えて存在しないページにアクセスしようとする、404のエラー番号が多いでしょう。ASP.NETでは、IISと連携する上でこのエラーページのリダイレクト先を指定する必要があります。
- システム
エンジニア - 404のエラーページの設定が上手くいかないのはなぜでしょう?
- プロジェクト
リーダー - IISではリダイレクト先をconfigファイルに設定しておかないといけないんです。注意が必要ですね。
404リダイレクトの仕組み
404のエラーコードは、指定したアドレスのページが存在しない場合に返されるエラーコードです。エラーコードが返されると、アプリケーション側で規定されたエラーページへ遷移するようになっており、エラーであることがユーザーに分かるように表示されます。
何も設定していない場合に備えてデフォルトのエラーページは用意されていますが、よりユーザー志向を高めるためにもオリジナルのエラーページを用意することが望ましいです。
エラーページのカスタマイズ
エラーページのリダイレクト先を指定するためには、web.configファイルの中身を変更する必要があります。表示する内容は、エラーが発生してページの遷移先が存在しないこと、アドレスを確かめて再実行を促すなど、ユーザーが次の操作を行いやすいようなメッセージにします。また、必要に応じてトップページのリンクを張るなど、Webアプリケーションの利用に即したものにするのが良いです。
現在では、Ajaxを用いた非同期通信を行うのが主流になっています。そのため、サーバーサイドでのエラーで対象ファイルが見つからない場合には、クライアントサイドで設定したリダイレクト設定先が無効になるため、サーバーサイドであるIIS側でもリダイレクト先の設定をしなければなりません。例えば、ASP.NET MVC上では、public属性で定義されたactionresult内で、NotFoundメソッドを呼び出した場合に起こります。
ASP.NETとIISのエラーページへのリダイレクト設定
1
2
3
4
5
|
<system.web>
<customErrors mode="On">
<error statusCode="404" redirect="path"/>
</customErrors>
</system.web>
|
Pathにはリダイレクト先を指定します。
1
2
3
4
5
6
|
<system.webServer>
<httpErrors errorMode="Custom">
<remove statusCode="404" />
<error statusCode="404" path="path" responseMode="Redirect" />
</httpErrors>
</system.webServer>
|
IIS側でも、ASP.NET内でエラーページを返す際にリダイレクト設定しておく必要があります。
- システム
エンジニア - 用意したエラーページのURLをconfigファイルに書くだけなんですね。
- プロジェクト
リーダー - 404以外にもエラー番号ごとに遷移先をカスタマイズできるので、利用しやすいページ作りをするなら、それぞれのエラーに合わせたページを設定すると良いですよ。
エラーコードごとに適切なエラーページを表示する
いわゆるソフト404エラーのように、見た目が404エラーページを表示するように設定され、実際には別のエラーコードであるというリダイレクト方法は、公式にも推奨されていません。それぞれのエラー番号は、何かしらの不具合が発生したことにより返されるものです。ユーザーが次の対処を間違わないようにするためにも、それぞれのエラー内容に即したオリジナルのエラーページを用意し、リダイレクト先に設定するようにしましょう。
FEnet.NETナビ・.NETコラムは株式会社オープンアップシステムが運営しています。
株式会社オープンアップシステムはこんな会社です
秋葉原オフィスには株式会社オープンアップシステムをはじめグループのIT企業が集結!
数多くのエンジニアが集まります。
-
スマホアプリから業務系システムまで
スマホアプリから業務系システムまで開発案件多数。システムエンジニア・プログラマーとしての多彩なキャリアパスがあります。
-
充実した研修制度
毎年、IT技術のトレンドや社員の要望に合わせて、カリキュラムを刷新し展開しています。社内講師の丁寧なサポートを受けながら、自分のペースで学ぶことができます。
-
資格取得を応援
スキルアップしたい社員を応援するために資格取得一時金制度を設けています。受験料(実費)と合わせて資格レベルに合わせた最大10万円の一時金も支給しています。
-
東証プライム上場企業グループ
オープンアップシステムは東証プライム上場「株式会社オープンアップグループ」のグループ企業です。
安定した経営基盤とグループ間のスムーズな連携でコロナ禍でも安定した雇用を実現させています。
株式会社オープンアップシステムに興味を持った方へ
株式会社オープンアップシステムでは、開発系エンジニア・プログラマを募集しています。
年収をアップしたい!スキルアップしたい!大手の上流案件にチャレンジしたい!
まずは話だけでも聞いてみたい場合もOK。お気軽にご登録ください。
新着案件New Job
-
開発エンジニア/東京都品川区/【WEB面談可】/在宅ワーク
月給29万~30万円東京都品川区(大崎駅) -
遠隔テストサービス機能改修/JavaScript/東京都港区/【WEB面談可】/テレワーク
月給45万~60万円東京都港区(六本木駅) -
病院内システムの不具合対応、保守/東京都豊島区/【WEB面談可】/テレワーク
月給30万~30万円東京都豊島区(池袋駅) -
開発/JavaScript/東京都豊島区/【WEB面談可】/テレワーク
月給50万~50万円東京都豊島区(大塚駅) -
債権債務システム追加開発/東京都文京区/【WEB面談可】/在宅勤務
月給62万~67万円東京都文京区(後楽園駅) -
PMO/東京都豊島区/【WEB面談可】/在宅勤務
月給55万~55万円東京都豊島区(池袋駅)