【図解】さくらで静的サイトを無料SSL化。設定方法やhttps･www有無の301リダイレクト方法をまとめました。
休日を利用して、 さくらレンタルサーバーで運用している静的サイトの無料SSL化を行いました。 ビビリな私は、事前に公式サイトのマニュアルや、実際に設定された方々のブログ記事などを丸一日かけて読み漁り、情報収集。 💻 いろいろ調べていくと、SSL設定は簡単だけど、その後の. ふぅよかった。 そんなわけで今回は さくらレンタルサーバーで無料SSL化したお話です。 （自分用の備忘録兼ねてます😅） 目次• さくらレンタルサーバーで静的サイトをSSL化したい！ 今回の目的はこの2つ。 【1】静的サイトを無料SSL化 まずは、現在さくらで運営している静的サイトを 無料SSL化したい。 現在のサイト構成 現在のサイト構成は、 静的サイトと CGIで動くお問い合わせフォームを設置しているだけという、ごくごくシンプルなものです。 【2】 URLの正規化 （. sample. com にアクセスを統一し URLの正規化を行いたい。 Advertisement さくらレンタルサーバーで無料のSSLを設定する手順 私が実践した無料SSL化の大まかな手順は以下のとおり。 0． 無料SSL化の手順確認とバックアップ まずは無料SSL化の手順確認やバックアップを行いました。 あと、URL変更後のデータの用意や、登録メールアドレスの確認も。 【1】 【2】 【3】 実際にパソコン上で設定していると、ウインドウをいくつも立ち上げての作業となり、煩雑になりやすいので、わたしはいつもマニュアル類は印刷して手元においています。 メモしながら進めていきたい派です。 データはFTPクライアントソフト（FFFTPやFileZillaなど）やさくらのファイルマネージャーを使ってダウンロードできます。 相対パスならそのままでOK 私は事前にバックアップしたデータをコピーして、絶対パスの記載箇所をhttpsへ変更したデータを用意しておきました。 そのため、登録済みのアドレスに間違いがないか、念のため確認しておきました。 もし、メールアドレスを変更したい場合は、さくら公式サイト「」を参考に設定しましょう。 Advertisement 1. さくらコントロールパネルから無料SSLを有効にする さて、準備が整ったら作業開始です！ さくら公式サイト「」に従って無料SSLを設定していきます。 私の場合、さくらでは独自ドメインをひとつしか設定していないのですが、複数の独自ドメインを設定している場合は、この画面にダダーっと表示されてるはずです。 例えば、sample. sample. com」が同時に利用可能となります。 参考URL： この仕様に伴い、例えば sample. sample. com」の両方でアクセスできるようになります。 をサブドメインとして登録している場合は？ 私は該当しませんが、wwwありをあえてドメイン設定している場合は、 両方にSSL設定を行う必要があるそうです。 もし片方にしか設定していない場合は自動更新が出来ないそう。 お気をつけ下さい。 その後、画面に表示されている「設定の流れ」と「サイトの転送（リダイレクト）方法について」を確認します。 上記内容を確認できたら、「 無料SSLを設定する」ボタンをクリックします。 これでコンパネ側での設定は完了。 httpsでアクセスできるようになるまで数十分から数時間かかるそうですが、私のサイトの場合、「無料SSLを設定する」ボタンをクリックしてから7分後に表示され、13分後に証明書発行完了メールが届きました。 com」を入力してサイトが表示されるか確認します。 comはご自身のドメインに置き換えて下さい。 無事にSSL化されていればhttpsでもアクセスが可能となり、サイトが表示されます。 この段階で上記画像の「SSL不完全」の状態でも大丈夫です。 ちなみに、まだ反映されていない場合は、上記のようなエラー画面（Google Chromeの場合）が表示されます。 http sでの接続が確認できたら、サイト内の画像など表示されているかどうかチェックしていきます。 私はお問い合わせフォーム（CGI）も設置しているので、実際にhttpsでアクセスしてフォームが機能するかも確認しました。 修正したファイルをFTPクライアントソフト（FFFTPやFileZillaなど）やさくらのファイルマネージャーを使ってアップロード（更新）します。 参考URL：さくら公式サイト「」 準備段階で修正したファイルを用意していた場合は、そのファイルをアップロードすればOKです。 更新後、ブラウザのアドレスバーに鍵マークが表示されれば修正は完了です。 Advertisement 3．URLの正規化. htaccessでリダイレクト設定 次に、URLの正規化を行います。 URLの正規化については、下記のサイトがとても参考になります。 ～ のURLにそれぞれアクセスできる状態です。 今回はこれを httpからhttpsへ、そしてwwwありのURLへ統一していきます。 htaccessで301リダイレクト設定を順番に行っていきます。 htaccessファイルを作成する方法. htaccessはFTPクライアントソフト（FFFTPやFileZillaなど）でも設定できますが、今回は さくらのファイルマネージャーを使って設定してみました。 初心者さんの場合は、こちらのほうがミスしにくいのでオススメです。 すでに. htaccessファイルを作成済みの場合は、事前にバックアップをとってから記述しましょうね。 htaccess設定手順 さくら公式サイト「」ページの. htaccessファイルの作成手順を参考に設定していきます。 まずは、「」へアクセスし、ログインします。 左カラムに表示されている「 ファイルマネージャー」をクリックします。 ファイルマネージャーの画面が表示されたら「表示アドレスの操作」から「 ファイル作成」をクリックします。 新規ファイル作成画面が表示されたら、ここにリダイレクト内容を記述していきます。 記述内容は、正規化したいURLによって変わってきます。 以下は今回私が行った301リダイレクト設定例になります。 まずは、httpからhttpsへの301リダイレクトを設定します。 httpからhttpsへの301リダイレクトの記述については、さくら公式サイト「」を参考にしました。 ここに記載されているソースをコピーして、そのままペタッと貼り付ければOK。 そして、 最後に改行を入れるのを忘れずに。 （改行を入れないと動かない場合があります。 ファイル名は「. htaccess」と入力し「OK」ボタンをクリックします。 sample. com ）を入力し、httpsへ転送されることを確認します。 sample. それ以前にSSL設定にトライした方々は結構面倒な作業に巻き込まれていたようです。 😅 参考URL： 他にも. html」のindex. リダイレクトの記述に関しては、bemeemoさんの「」がとてもわかりやすくまとめられていて、参考になりますよ。 石川県金沢市在住。 フリーランスでグラフィック・Web関連の仕事をしています。 当ブログ『できいろ』では、暮らしの中で役立ったことや、石川県内の金沢・能登を中心にお出かけスポット･グルメ情報などを自由きままに綴っています。 関連する記事• 2019. 11 こんにちは、雪梅 せつめ です。 先日、ネット印刷で有名な『グラフィック』でサンプルの請求をしてみたら、届いたカタログがとっても可愛かったんです。 […]• 2018. 23 先日、格安ネット印刷「プリスタ｡」でサンプル用紙を申し込みました。 ネットで印刷依頼する際は、あらかじめ紙の質感や印刷の色味、クオリティなどを確認して[…]• 2018. 12 こんにちは、雪梅（せつめ）です。 2018年3月26日にロリポップからリリースされた『コンテンツキャッシュ機能』。
次の
