質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.51%

  • Apache

    2099questions

    Apacheは、Apache HTTP Serverの略で、最も人気の高いWebサーバソフトウェアの一つです。安定性が高いオープンソースソフトウェアとして商用サイトから自宅サーバまで、多くのプラットフォーム向けに開発・配布されています。サーバーソフトウェアの不具合(NCSA httpd)を修正するパッチ(a patch)を集積、一つ独立したソフトウェアとして開発されました。

htaccessを使い特定のページのみSSLにしたい

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 1,400

neno

score 1

前提・実現したいこと

html+cssで作成しているサイトの中の特定のページのみを、htaccessを使ってSSLにしたいのですが、うまくできません。
contact.htmlとentry.htmlの2ページをSSLにしたいです。
下記のコードだと、safariだとページを開く度にSSLになったりならなかったり、クロームで見るとCSSが効かず表示が崩れたりします。
ディレクトリは下記のようになっており、SSLにしたいページとしたくないページは同じ階層にあります。

index.html
contact.html
entry.html
aaa.html
bbb.html
+--css/CSSファイル
+--img/画像ファイル
+--その他フォルダ/その他html

該当のソースコード

RewriteEngine on
RewriteCond %{REQUEST_URI} .*/contact.html$ [OR]
RewriteCond %{REQUEST_URI} .*/entry.html$
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
RewriteCond %{REQUEST_URI} !(.*/contact.html$)
RewriteCond %{REQUEST_URI} !(.*/entry.html$)
RewriteCond %{HTTPS} on
RewriteRule ^(.*)$ http://%{HTTP_HOST}%{REQUEST_URI} [R,L]

試したこと

サイトなどで調べて試してみましたが、htmlとcss以外の知識がなく、どの部分に問題があるのかが分かりません。どなたかお教え頂けると嬉しいです。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

CSSが崩れる件については、
1.HTML本体はリダイレクトされてHTTPSで取得となる
2.CSSや画像は非HTTPSで取得となる
3.HTTPSと非HTTPSが混在する為、ブラウザ側の機能で非HTTPS通信を遮断している
とかじゃないですかね。
何故にHTML本体以外をわざわざリダイレクトさせてまで非HTTPSで通信させたいのか不明ですが。。。

HTTPSリダイレクトが機能したりしなかったりと言うのは、URLの.htmlの後にパラメータがついていたりするとかではないでしょうか。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/09/29 13:09

    回答ありがとうございます。

    CSSが崩れる件については、おっしゃる通りなのかなと思いました。
    リダイレクトが機能したりしなかったりの部分については、.htmlの後にパラメーターはついておりません。

    特定ページのみSSLにしたい理由は、印刷物などで「http」と表記しているので、URLが変わるから…と思っていましたが、考えてみれば全体をSSLにリダイレクトさせればページは見られるので問題はない、と考えても良いのかもしれませんね。

    もし可能なら特定のページのみSSLに出来るとベストではありますが、それは方法が難しいのでしょうか。SSLにするページとそれに関連するCSSや画像などを1つ新しくフォルダを作って入れて、その中全体をhtaccessでSSLにする、などが必要なのでしょうか。

    キャンセル

  • 2016/09/29 13:41

    勿論、特定ページのみHTTPSにも出来ますよ。
    ただ、HTTPSでアクセスしてきているモノをわざわざHTTPに戻す必要はないんじゃないかと思うのですが。

    印刷物にhttp://と書いていても、サーバ側で勝手にリダイレクトしてあげれば何の問題もないと思います。

    個人的にはサイト全体をHTTPS対応にし、HTTPでアクセスがあった場合はすべてHTTPSにする、と言うのをお勧めします。
    Googleの評価も、フルHTTPS対応の方が評価高くなるらしいですよ。
    https://webmaster-ja.googleblog.com/2014/08/https-as-ranking-signal.html

    キャンセル

  • 2016/10/01 11:24

    ありがとうございます。
    全ページをSSLにしてみますね。万が一サイトオーナーより一部のみのSSL化が求められたら、その時は再度質問させて頂くかもしれません。
    助言ありがとうございました。とても助かりました。

    キャンセル

同じタグがついた質問を見る

  • Apache

    2099questions

    Apacheは、Apache HTTP Serverの略で、最も人気の高いWebサーバソフトウェアの一つです。安定性が高いオープンソースソフトウェアとして商用サイトから自宅サーバまで、多くのプラットフォーム向けに開発・配布されています。サーバーソフトウェアの不具合(NCSA httpd)を修正するパッチ(a patch)を集積、一つ独立したソフトウェアとして開発されました。