例えば会員向けのページのように、特定のユーザーのみに閲覧させたいページがある場合、パスワードを入れないとページが開かないパスワード認証をかけることが一般的です。

パスワード認証の中でも「ベーシック認証」と呼ばれる認証は、比較的簡単に設定することができるため、広く使用されています。

しかし、パソコンでは問題ないのに、スマートフォンやタブレットでベーシック認証付きのページにアクセスした際、ベーシック認証のポップアップが表示されないまま、認証エラーページに転送されてしまうケースがあります。

今回はそのような状況の原因と対策についてお伝えします。

ベーシック認証とは

ベーシック認証とは、特定のページに対してアクセス制限をかける仕組みです。

ベーシック認証の設定には難しいプログラムは必要なく、サーバ上に「.htaccess」と「.htpasswd」というファイルをサーバに設置することで認証をかけることができます。
ベーシック認証が掛かっているページにアクセスしたユーザーへ、「.htaccess」が下記の図のようなポップアップを表示させ、「.htpasswd」内に記載されているユーザー名とパスワードを入力しないと、エラーページに遷移させる仕組みです。

▲ ベーシック認証のポップアップ

▲ 認証に失敗した際のエラーページ

認証画面が表示されないままエラーページに遷移してしまう原因と対策

ベーシック認証が設定されているページにアクセスした際、通常であれば先述の通り認証用のポップアップが立ち上がるのですが、スマートフォンやタブレットでは、特定条件下でポップアップそのものが表示されないケースがあります。

ケースその1：特定のアプリやアプリ内ブラウザを使用している場合

「Googleアプリ」などの一部のアプリや、アプリ内のブラウザがベーシック認証に対応していないケースがあるため、ベーシック認証のポップアップが表示されないまま、エラーページに遷移してしまう場合があります。

そのため、上記のようなアプリを使用している場合は、SafariやGoogle Chromeなどのブラウザに切り替えて閲覧することがおすすめです。

ケースその2：ブラウザのキャッシュが悪影響を及ぼしている場合

ブラウザには「キャッシュ」と呼ばれる機能があります。
キャッシュとは、ブラウザで表示した内容をデバイス上に保存し、次回表示時に素早く参照できるようにする機能です。

しかし、そのキャッシュが不具合を誘発している場合がありますので、キャッシュの削除を行ってみてください。
キャッシュの削除方法はOSごとに異なります。

iOSの場合

ホーム画面の「設定」から「Safari」を選択し、「履歴とWebサイトデータを消去」をタップし、「履歴とデータを消去」を選択してください。

Androidの場合

アプリの「Google Chrome」を立ち上げ、画面右上のメニューをタップし、「設定」→「プライバシー」→「閲覧履歴データを消去する」をタップし、「Cookieとサイトデータ」と「キャッシュされた画像とファイル」にチェックを入れ、「データを消去」をタップしてください。

ケースその3：広告ブロックアプリを使用している場合

本来であれば不要な広告のポップアップを防ぐ広告ブロックアプリが、誤作動を起こしてベーシック認証のポップアップをもブロックしてしまう場合があります。そのため、一時的に広告ブロックのアプリのご利用を停止することをおすすめします。

エラーページについて（サイト管理者向け）

ベーシック認証の失敗時には401エラーメッセージがユーザーに表示されますが、冒頭でも紹介した「Unauthorized」と書かれた英語のメッセージが表示されます。

これは、サーバ側で予め設定されているものですので、エラーページ内の文言やデザインを管理者側で任意にカスタマイズすることができます。

▲ アーティスのエラーページ

近年ではスマートフォンやタブレットのユーザーが増えているため、エラーページをカスタマイズしてみてはいかがでしょうか？

まとめ

今回はベーシック認証が表示されない原因と対策についてお伝えしました。

一般ユーザーの方は、上記の対処法をお試しください。それでもエラーになってしまう場合は、パソコンのブラウザを使用するかサイトの管理者にご連絡することをおすすめします。

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

池谷 将太朗

ソリューション事業部 営業

最新記事 by 池谷 将太朗 (全て見る)

• 【2021年版】ハンバーガーメニューはどの位置が最適？ 関東の大学を調べてみた！ - 2021年4月7日
• 安易なクリックは危険かも。痛い目に遭わないためには事前のURLチェックが有効です。 - 2021年2月24日
• スマートフォンやタブレットでベーシック認証が表示されない場合どうしたらいい？ - 2020年9月30日
• iPhoneのカレンダーやリマインダーをWindowsパソコンに同期させて作業効率をアップさせる方法 - 2020年6月23日
• 公開終了してしまった過去のwebサイト・webページを見る方法 ～WAYBACK MACHINEの使い方～ - 2020年2月26日