SSLに対応してわかった重要なSSL化の手順

2017.02.20 (Mon)

堀江 和永

WEB制作

be6fa6082eaaaeb5882eca470360f31f_s

http://をhttps://に一括置換すればいーんじゃん?

よゆーっしょwww

とかタカをくくってるweb担当の皆さん。

あなたはきっと地獄を見る・・・

さて、そうなる前に、実際にSSLに対応するサービスをやってきて、最初のイメージと大きなギャップを感じた点を今回はお話しします。

まぁ、なんというか、私も

よゆーっしょwww

側の人間だったんですよ(汗

SSL化に単純な一括置換は危険

httpsって書いてある部分って何だと思います?

内部リンク?

他サイトへの外部リンク?

画像もそうですね。

jsとかcssでも使ってますね。

それだけですか・・・?

設定ファイルとか、フォーム用のphpとか・・・ホント大丈夫?

phpでhttpとhttpsの分岐とか作ってない???

ほーらだんだん不安になってきたでしょ?

SSL対応において一番最初にやること

それは

サーバーの整理

です。

とりあえず一括検索はするんですけど。

このファイル何に使ってたっけかなー

とか

このファイルいじっちゃいけないなー

とか

最初に把握しないといけないんです。

私も最初テストしてて気づきました。

あれこれ動かなくなんじゃね?

と。

そこでファイル整理の重要さに気づきました。
1から、というより0からやり直し。

そうなる前に、ちゃんとhttpsにすべきものとそうでない物や箇所を洗い出しましょう、と。

一括置換の注意

ファイルも整理した!

http://で一括検索できた!

必殺:一括置換

ま、待つのだ・・・

それ必ず殺されるのは自分だよきっと・・・

ここで確認すべきは、内部リンクなのか外部リンクなのか、何かの引数になっていないか、など。

それによって、何に書き換えるかは変わってくる。

内部リンクなら

http://www.hogehoge.net

とかURL全体で検索しなおしてドメインなしのルート相対パスに変更でOK。

しかし気を付けたいのがメールフォームの自動返信に使っている署名など。
これを注意しないと、自動返信メールに

================
〇×株式会社
tel:0000-11-22221
HP:/
================

何?サイトが「スラ」ってなに???

ってなるよ。

これを回避するために

href=”http://www.hogehoge.net

とかで一括検索すると、より「リンクだよ」という精度が上がる。

基本はこんな感じで「前後の文言+http」で一括検索しては置換して、という地味な作業です。

難しくはないですが、面倒です。

外部のjsやcssは、

//ドメインの、プロトコル省略タイプへ変更。

プロトコルが省略されたURLは、自分のサイトがhttpsならhttpsを当て込んでくれるし、httpならhttpを差し込んでくれる便利な言葉。

ん?外部のスクリプト自体SSL非対応だったら??

あきらめてhttpのフルパス入れてください・・・

とはいえ、大概のものはsslに対応しているはずなので、何か特殊なものを読み込んでない限りは大丈夫なはず。

で、外部リンクですが。

正直他人の話など知らないので、イジラナイでおきましょう。

httpのままにしておいても、その外部サイトがssl化したら301リダイレクトかけるだろうし。

そのままで問題ない。

さて、ここまでくるとあらかた終わったんじゃないですかね?

今検索した内容に全く引っかからなかったやつとかがちらほらあるようなら、手動で1つ1つ対応してつぶしましょう。

あとはお待ちかねのSSL化。

リダイレクトしてSSL対応完了

最後に.htaccessでリダイレクトの設定をしましょう。

あなたのサイトにリンクを張ってくれているサイトが、SSL化したからってhttpsでリンクを張りなおしてくれるわけではありません。

というわけで、httpで飛んできたアクセスを、きちんとSSL化したhttpsに飛ばす必要がある、と。

設定は
→「https化にあたって、忘れてはいけない3つの対応

さくらサーバーを使ってる人は
→「さくらサーバでWPの自サイトを常時SSL化した手順と方法
当たりをご参照あれ。

絞めの挨拶

SSLの対応、終わりました?

まぁ、まだですよね。大変ですもんね。

1回やれば覚えるんで、頑張りましょう。

え?サイト1個しかないって???

あ・・・あぁ・・・

お疲れ様っしたっ!!!

SSL導入サービス

更新をチェック

Facebookでフォローする

関連記事
この記事を書いた人

堀江 和永 制作部 ( )

【主な業務】
制作部にてWebサイト構築に携わっています。
少ない手数で大きな利益、をモットーに効率的に売り上げに貢献するサイト、ページ作りを心掛けています。

【経歴】
ゲーム会社でアバターを作っていたが、ガチャで金をとることが申し訳ないという感情に耐えられず退社。
それを転機にWeb業界に入る。
良いサービスを良いと言ってみんなに使ってもらいたい、そう思える仕事が良いよね。

【ひとこと】
ヲタです。
休みの日は友達の家でダラダラアニメ見たり、ゲーセンで格ゲー対戦しながらぎゃーぎゃー騒いだり。

好き:カラオケ、ゲーム、アニメ、嫁(3次元)、そして自分
嫌い:ネタバレ(極度に)、人混み

堀江 和永 制作部 ( )

【主な業務】
制作部にてWebサイト構築に携わっています。
少ない手数で大きな利益、をモットーに効率的に売り上げに貢献するサイト、ページ作りを心掛けています。

【経歴】
ゲーム会社でアバターを作っていたが、ガチャで金をとることが申し訳ないという感情に耐えられず退社。
それを転機にWeb業界に入る。
良いサービスを良いと言ってみんなに使ってもらいたい、そう思える仕事が良いよね。

【ひとこと】
ヲタです。
休みの日は友達の家でダラダラアニメ見たり、ゲーセンで格ゲー対戦しながらぎゃーぎゃー騒いだり。

好き:カラオケ、ゲーム、アニメ、嫁(3次元)、そして自分
嫌い:ネタバレ(極度に)、人混み

バックナンバー
  
コメント

コメントを残す

更新をチェック

ブレインネットプレス カテゴリー

▲ページTOPへ