kawabatas技術ブログ

試してみたことを書いていきます

しっかりしたリダイレクトを超簡単に実現する

firebase

概要

サイト移行時など、旧URL -> 新URL へリダイレクトする際に、最も簡単に実現する方法を調べていた。

結論、Firebase Hosting で超簡単に、コードも書かず実現できることがわかった。

要件

  • 301リダイレクト。SEOを引き継ぎたいため
  • SSL対応し、証明書の更新も管理する
  • カスタムドメイン

Firebase Hosting 作業手順

1.ウェブサイトをデプロイ

スタート手順 通りにウェブサイトをデプロイする。

※「2.アプリを初期化する」の前に firebase login が必要

2.ドメインを追加

カスタムドメインを接続する手順 通りに作業する。

  • ドメインを接続 をクリックし「リダイレクトさせるドメイン名」を入力
  • Cloud DNS に TXT レコードを追加
  • Cloud DNS に A レコードを追加
  • リダイレクトURLを設定（とりあえず google.com へリダイレクトさせる）。しばらく待つと有効になる

確認

$ curl -I https://[ドメイン名]
HTTP/1.1 301 Moved Permanently
Server: nginx
Location: https://google.com/
Content-Length: 34
Accept-Ranges: bytes
Date: Fri, 27 Jul 2018 06:01:25 GMT
Via: 1.1 varnish
Connection: keep-alive
X-Served-By: cache-nrt6120-NRT
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1532671286.636101,VS0,VE138

301リダイレクトできてる！

補足

  • リダイレクト先の変更はすぐ反映された
  • ドメインの追加には30分ほどかかった。（最大2時間かかると表示されていた）

終わり

驚くほど簡単にリダイレクトを実現できた！

SSLの証明書の更新も考えなくていい。