{"componentChunkName":"component---src-modules-datocms-post-page-page-tsx","path":"/posts/57","result":{"data":{"post":{"title":"無料SSLのCloudFlareでHTTPS↔HTTP転送を設定する方法","author":{"name":"suin","images":{"r32":{"src":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&fm=png&h=32&mask=ellipse&w=32","srcSet":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1&fm=png&h=32&mask=ellipse&w=32 1x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1.5&fm=png&h=32&mask=ellipse&w=32 1.5x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=2&fm=png&h=32&mask=ellipse&w=32 2x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=3&fm=png&h=32&mask=ellipse&w=32 3x"},"r48":{"src":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&fm=png&h=48&mask=ellipse&w=48","srcSet":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1&fm=png&h=48&mask=ellipse&w=48 1x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1.5&fm=png&h=48&mask=ellipse&w=48 1.5x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=2&fm=png&h=48&mask=ellipse&w=48 2x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=3&fm=png&h=48&mask=ellipse&w=48 3x"}},"bio":"好き: TypeScript, DDD, OOP／#YYTypeScript の主催者／Qiita 4位／株式会社クラフトマンソフトウェア取締役／『実践ドメイン駆動設計』邦訳レビュア／#分報 考案者／Web自動テストShouldBeeを開発"},"date":"2015年11月12日","tags":["CloudFlare"],"category":"プログラミング","body":"<a href=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/cf83d898-2072-4bd7-b528-618bb9996463.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img width=\"1200\" alt=\"image.png (885.6 kB)\" src=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/cf83d898-2072-4bd7-b528-618bb9996463.png\"></a>\n<p data-sourcepos=\"3:1-3:646\"><a href=\"https://www.cloudflare.com/\" target=\"_blank\" rel=\"noopener noreferrer\">CloudFlare</a>は無料で使えるCDN(Content Delivery Network)でウェブサイトの表示を高速化することができるサービスだ。加えて、SSLやDDoS攻撃の対策まで無料でやってくれる太っ腹。同サービスはアメリカの会社だが、CDNの<a href=\"https://www.cloudflare.com/network-map/\" target=\"_blank\" rel=\"noopener noreferrer\">エッジは世界に64箇所</a>以上あり、日本には東京と大阪にエッジが存在するので、国内向けのウェブサイトにも有効だ。今回は、CloudFlareで無料SSLを使った時に行う、URLをHTTPからHTTPSへ転送する設定、またその逆の転送を行う方法を紹介する。</p>\n<h1 data-sourcepos=\"5:1-5:28\" id=\"1-0-0\" name=\"1-0-0\">\n<a class=\"anchor\" id=\"CloudFlareのUniversal SSL\" name=\"CloudFlare%E3%81%AEUniversal%20SSL\" href=\"#CloudFlare%E3%81%AEUniversal%20SSL\" data-position=\"1-0-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"CloudFlareのUniversal SSL\"> &gt; CloudFlareのUniversal SSL</span></a>CloudFlareのUniversal SSL</h1>\n<p data-sourcepos=\"7:1-7:583\">通常SSLというとSSL証明書を発行するのに安くて年間数百円の出費が発生したり、サーバにインストールする手間と専門知識が必要だが、CloudFlareは<a href=\"https://blog.cloudflare.com/introducing-universal-ssl/\" target=\"_blank\" rel=\"noopener noreferrer\">Universal SSL™</a>という無料サービスを提供しており、しかもクリックひとつでサイトをSSL対応することができる。ただし、同サービスはSSLの拡張規格であるServer Name Indication (SNI)を使っているため、古いブラウザが対応していないので注意は必要だ。</p>\n<h1 data-sourcepos=\"9:1-9:62\" id=\"2-0-0\" name=\"2-0-0\">\n<a class=\"anchor\" id=\"すべてのHTTPリクエストをHTTPSへ転送する方法\" name=\"%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AEHTTP%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%82%92HTTPS%E3%81%B8%E8%BB%A2%E9%80%81%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95\" href=\"#%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AEHTTP%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%82%92HTTPS%E3%81%B8%E8%BB%A2%E9%80%81%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95\" data-position=\"2-0-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"すべてのHTTPリクエストをHTTPSへ転送する方法\"> &gt; すべてのHTTPリクエストをHTTPSへ転送する方法</span></a>すべてのHTTPリクエストをHTTPSへ転送する方法</h1>\n<div class=\"steps\">\n<h3 data-sourcepos=\"13:1-13:32\" id=\"2-0-1\" name=\"2-0-1\">\n<a class=\"anchor\" id=\"Page Rulesページを開く\" name=\"Page%20Rules%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E9%96%8B%E3%81%8F\" href=\"#Page%20Rules%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E9%96%8B%E3%81%8F\" data-position=\"2-0-1\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"Page Rulesページを開く\"> &gt; Page Rulesページを開く</span></a>Page Rulesページを開く</h3>\n<h3 data-sourcepos=\"15:1-15:57\" id=\"2-0-2\" name=\"2-0-2\">\n<a class=\"anchor\" id=\"&amp;quot;Add new rule&amp;quot;から新しいルールを追加する\" name=\"&amp;quot;Add%20new%20rule&amp;quot;%E3%81%8B%E3%82%89%E6%96%B0%E3%81%97%E3%81%84%E3%83%AB%E3%83%BC%E3%83%AB%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B\" href=\"#&amp;quot;Add%20new%20rule&amp;quot;%E3%81%8B%E3%82%89%E6%96%B0%E3%81%97%E3%81%84%E3%83%AB%E3%83%BC%E3%83%AB%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B\" data-position=\"2-0-2\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"&amp;quot;Add new rule&amp;quot;から新しいルールを追加する\"> &gt; \"Add new rule\"から新しいルールを追加する</span></a>\"Add new rule\"から新しいルールを追加する</h3>\n<ul data-sourcepos=\"17:1-19:0\">\n<li data-sourcepos=\"17:1-17:48\">「URL pattern」に <code>*domain.com/*</code> と入力</li>\n<li data-sourcepos=\"18:1-19:0\">「Always uses https」を「ON」にする</li>\n</ul>\n<a href=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/80e8c957-bec2-4a27-bf2e-056f8d50dcd7.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img width=\"686\" alt=\"1.jpg (12.0 kB)\" src=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/80e8c957-bec2-4a27-bf2e-056f8d50dcd7.jpg\"></a>\n<h3 data-sourcepos=\"22:1-22:41\" id=\"2-0-3\" name=\"2-0-3\">\n<a class=\"anchor\" id=\"最後に&amp;quot;Add rule&amp;quot;を押して適用\" name=\"%E6%9C%80%E5%BE%8C%E3%81%AB&amp;quot;Add%20rule&amp;quot;%E3%82%92%E6%8A%BC%E3%81%97%E3%81%A6%E9%81%A9%E7%94%A8\" href=\"#%E6%9C%80%E5%BE%8C%E3%81%AB&amp;quot;Add%20rule&amp;quot;%E3%82%92%E6%8A%BC%E3%81%97%E3%81%A6%E9%81%A9%E7%94%A8\" data-position=\"2-0-3\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"最後に&amp;quot;Add rule&amp;quot;を押して適用\"> &gt; 最後に\"Add rule\"を押して適用</span></a>最後に\"Add rule\"を押して適用</h3>\n<p data-sourcepos=\"24:1-24:36\">押すとすぐに適用される。</p>\n</div>\n<h1 data-sourcepos=\"27:1-27:62\" id=\"3-0-0\" name=\"3-0-0\">\n<a class=\"anchor\" id=\"すべてのHTTPSリクエストをHTTPへ転送する方法\" name=\"%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AEHTTPS%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%82%92HTTP%E3%81%B8%E8%BB%A2%E9%80%81%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95\" href=\"#%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AEHTTPS%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%82%92HTTP%E3%81%B8%E8%BB%A2%E9%80%81%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95\" data-position=\"3-0-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"すべてのHTTPSリクエストをHTTPへ転送する方法\"> &gt; すべてのHTTPSリクエストをHTTPへ転送する方法</span></a>すべてのHTTPSリクエストをHTTPへ転送する方法</h1>\n<div class=\"steps\">\n<h3 data-sourcepos=\"31:1-31:32\" id=\"3-0-1\" name=\"3-0-1\">\n<a class=\"anchor\" id=\"Page Rulesページを開く-1\" name=\"Page%20Rules%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E9%96%8B%E3%81%8F-1\" href=\"#Page%20Rules%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E9%96%8B%E3%81%8F-1\" data-position=\"3-0-1\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"Page Rulesページを開く\"> &gt; Page Rulesページを開く</span></a>Page Rulesページを開く</h3>\n<h3 data-sourcepos=\"33:1-33:57\" id=\"3-0-2\" name=\"3-0-2\">\n<a class=\"anchor\" id=\"&amp;quot;Add new rule&amp;quot;から新しいルールを追加する-1\" name=\"&amp;quot;Add%20new%20rule&amp;quot;%E3%81%8B%E3%82%89%E6%96%B0%E3%81%97%E3%81%84%E3%83%AB%E3%83%BC%E3%83%AB%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B-1\" href=\"#&amp;quot;Add%20new%20rule&amp;quot;%E3%81%8B%E3%82%89%E6%96%B0%E3%81%97%E3%81%84%E3%83%AB%E3%83%BC%E3%83%AB%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B-1\" data-position=\"3-0-2\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"&amp;quot;Add new rule&amp;quot;から新しいルールを追加する\"> &gt; \"Add new rule\"から新しいルールを追加する</span></a>\"Add new rule\"から新しいルールを追加する</h3>\n<ul data-sourcepos=\"35:1-38:0\">\n<li data-sourcepos=\"35:1-35:56\">「URL pattern」に <code>https://*domain.com/*</code> と入力</li>\n<li data-sourcepos=\"36:1-36:89\">「Forwarding」を「ON」にし、転送先のURLに<code>http://$1domain.com/$2</code>と入力</li>\n<li data-sourcepos=\"37:1-38:0\">「Forwarding type」は一時的な転送であれば302に、今後HTTPSを使う予定がなければ301にする</li>\n</ul>\n<a href=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/04275716-841e-4f21-9693-f95b4914c142.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img width=\"696\" alt=\"2.jpg (23.3 kB)\" src=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/04275716-841e-4f21-9693-f95b4914c142.jpg\"></a>\n<h3 data-sourcepos=\"41:1-41:41\" id=\"3-0-3\" name=\"3-0-3\">\n<a class=\"anchor\" id=\"最後に&amp;quot;Add rule&amp;quot;を押して適用-1\" name=\"%E6%9C%80%E5%BE%8C%E3%81%AB&amp;quot;Add%20rule&amp;quot;%E3%82%92%E6%8A%BC%E3%81%97%E3%81%A6%E9%81%A9%E7%94%A8-1\" href=\"#%E6%9C%80%E5%BE%8C%E3%81%AB&amp;quot;Add%20rule&amp;quot;%E3%82%92%E6%8A%BC%E3%81%97%E3%81%A6%E9%81%A9%E7%94%A8-1\" data-position=\"3-0-3\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"最後に&amp;quot;Add rule&amp;quot;を押して適用\"> &gt; 最後に\"Add rule\"を押して適用</span></a>最後に\"Add rule\"を押して適用</h3>\n<p data-sourcepos=\"43:1-43:36\">押すとすぐに適用される。</p>\n</div>\n"}},"pageContext":{"id":"DatoCmsPost-5142994-ja","description":"CloudFlareは無料で使えるCDN(Content Delivery Network)でウェブサイトの表示を高速化することができるサービスだ。加えて、SSLやDDoS攻撃の対策まで無料でやってくれる太っ腹。同サービスはアメリカの会社だが、CDNのエッジは世界に64箇所以上あり、日本には東京と大阪にエッジが存在するので、国内向けのウェブサイトにも有効だ。今回は、CloudFlareで無料SSLを使った時に行う、URLをHTTPからHTTPSへ転送する設定、またその逆の転送を行う方法を紹介する。 CloudFlareのUniversal SSL 通常SSLというとSSL証明書を発行するのに安","toc":[{"tag":"h1","depth":1,"href":"#CloudFlare%E3%81%AEUniversal%20SSL","text":"CloudFlareのUniversal SSL","html":"CloudFlareのUniversal SSL"},{"tag":"h1","depth":1,"href":"#%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AEHTTP%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%82%92HTTPS%E3%81%B8%E8%BB%A2%E9%80%81%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95","text":"すべてのHTTPリクエストをHTTPSへ転送する方法","html":"すべてのHTTPリクエストをHTTPSへ転送する方法"},{"tag":"h3","depth":3,"href":"#Page%20Rules%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E9%96%8B%E3%81%8F","text":"Page Rulesページを開く","html":"Page Rulesページを開く"},{"tag":"h3","depth":3,"href":"#&quot;Add%20new%20rule&quot;%E3%81%8B%E3%82%89%E6%96%B0%E3%81%97%E3%81%84%E3%83%AB%E3%83%BC%E3%83%AB%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B","text":"\"Add new rule\"から新しいルールを追加する","html":"\"Add new rule\"から新しいルールを追加する"},{"tag":"h3","depth":3,"href":"#%E6%9C%80%E5%BE%8C%E3%81%AB&quot;Add%20rule&quot;%E3%82%92%E6%8A%BC%E3%81%97%E3%81%A6%E9%81%A9%E7%94%A8","text":"最後に\"Add rule\"を押して適用","html":"最後に\"Add rule\"を押して適用"},{"tag":"h1","depth":1,"href":"#%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AEHTTPS%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%82%92HTTP%E3%81%B8%E8%BB%A2%E9%80%81%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95","text":"すべてのHTTPSリクエストをHTTPへ転送する方法","html":"すべてのHTTPSリクエストをHTTPへ転送する方法"},{"tag":"h3","depth":3,"href":"#Page%20Rules%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E9%96%8B%E3%81%8F-1","text":"Page Rulesページを開く","html":"Page Rulesページを開く"},{"tag":"h3","depth":3,"href":"#&quot;Add%20new%20rule&quot;%E3%81%8B%E3%82%89%E6%96%B0%E3%81%97%E3%81%84%E3%83%AB%E3%83%BC%E3%83%AB%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B-1","text":"\"Add new rule\"から新しいルールを追加する","html":"\"Add new rule\"から新しいルールを追加する"},{"tag":"h3","depth":3,"href":"#%E6%9C%80%E5%BE%8C%E3%81%AB&quot;Add%20rule&quot;%E3%82%92%E6%8A%BC%E3%81%97%E3%81%A6%E9%81%A9%E7%94%A8-1","text":"最後に\"Add rule\"を押して適用","html":"最後に\"Add rule\"を押して適用"}],"ogpImageUrl":"https://www.datocms-assets.com/29850/1593190022-pastedimage20200627146.png?fm=png&mark64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9NDAwJmg9NjQmZml0PWNyb3AmYmxlbmQ2ND1hSFIwY0hNNkx5OTNkM2N1WkdGMGIyTnRjeTFoYzNObGRITXVZMjl0THpJNU9EVXdMekUxT1RFNE16TXlPVEF0WVhaaGRHRnlOVEV5TG1wd1p6OXRZWE5yUFdWc2JHbHdjMlVtWm0wOWNHNW5KbmM5TWpVMkptZzlNalUyJmJsZW5kLWg9NjQmYmxlbmQteD0wJmJsZW5kLXk9MCZibGVuZC1tb2RlPW5vcm1hbCZtYXJrNjQ9YUhSMGNITTZMeTloYzNObGRITXVhVzFuYVhndWJtVjBMMzUwWlhoMFAzUjRkQzFoYkdsbmJqMXRhV1JrYkdVbE1rTnNaV1owSm5SNGRDMW1iMjUwUFhOaGJuTXRjMlZ5YVdZbE1rTmliMnhrSm5SNGRDMWpiMnh2Y2oweU1qRTRNVFltZEhoME5qUTlZek5XY0dKbkpuUjRkQzF6YVhwbFBUTXdKbWc5TmpRJm1hcmsteD02NCZtYXJrLWFsaWduPW1pZGRsZSUyQ2xlZnQ&mark-align=bottom%2Cleft&mark-x=100&mark-y=496&blend64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9MTIwMCZoPTYzMCZmaXQ9Y3JvcCZtYXJrNjQ9YUhSMGNITTZMeTkzZDNjdVpHRjBiMk50Y3kxaGMzTmxkSE11WTI5dEx6STVPRFV3THpFMU9UTXhOVEE1TkRBdFkzSmhablJ6YldGdUxUQXhMbkJ1WncmbWFyay1hbGlnbj10b3AlMkNjZW50ZXImbWFyay13PTI1MCZtYXJrLXk9ODAmYmxlbmQ2ND1hSFIwY0hNNkx5OWhjM05sZEhNdWFXMW5hWGd1Ym1WMEwzNTBaWGgwUDNSNGRDMWhiR2xuYmoxdGFXUmtiR1VsTWtOalpXNTBaWEltZEhoMExXWnZiblE5YzJGdWN5MXpaWEpwWmlVeVEySnZiR1FtZEhoMExYQmhaRDB4TURBbWRIaDBMV052Ykc5eVBUSXlNVGd4TmlaMGVIUTJORDAxTkZOb05YQmhXbFV4VGswME5FZDFVVEo0ZG1SWFVrZGlSMFo1V21WUFFuQXdhRlZXUmtKVU5HOWhWVk5HVWxWVlQyazNiM1Z0UVdkbFQwTnJkV2x2Y21WWGRXMTFUMEp0WlU5RGFTMWhWM1ZsWVhwc1VTWjBlSFF0YzJsNlpUMDFOU1ozUFRFeU1EQW1hRDAyTXpBJmJsZW5kLW1vZGU9bm9ybWFs&blend-mode=normal","otherPost":{"type":"author","title":"直帰率が5%以下!?Googleアナリティクスの異常減少の原因はこれを疑え","slug":"/posts/58"}}}}