ランサーズ等のサービスを開発・運用する中で得た知識やノウハウを紹介しています。

Labels:  AWS, S3 投稿者:shin

S3でページ単位でリダイレクト設定する

こんにちは、エンジニアのshinです。
最近使ったAWSの機能が便利だと思ったので紹介します。

ランサーズでは、Amazon S3の静的ウェブサイトホスティングの仕組みを使ってコンテンツを公開しています。
まずこれが便利で、静的ページをカンタンに公開できるというメリットがあります。
一方で、便利がゆえにとりあえずアップして、
その後不要になったコンテンツが残り続けてしまうというデメリットも出てきました。

今回、lancers.jpのトップページリニューアルのタイミングで情報設計の見直しを行い、
ある静的ページのURLを変更したいという要望が出てきました。
旧URLへの導線は全て変更したものの、送信済みメールからのアクセスなど
網羅性を担保するためにはリダイレクト設定する必要があります。

これまでは、静的ページにリダイレクト設定したい場合、meta refreshやJavaScriptを使う方法にしていましたが、
S3ではバケット単位でのリダイレクト設定以外にウェブページリダイレクトというページ単位での設定が可能であることがわかりました。
しかも、マネージメントコンソールからカンタンに設定できます。

例として、S3にホスティング済みの「a.html」を「http://www.lancers.jp/」にリダイレクト設定する手順を以下に記載します。

  1. まず、「a.html」をクリックします。
  2. 次に「プロパティ」タブを選択し、「メタデータ」をクリックします。
  3. 「+メタデータの追加」をクリックします。
  4. プルダウンから、「Website-Redirect-Location」を選択します。
  5. リダイレクト先のURLを入力します。
  6. 「保存」をクリックします。
  7. おわり。

    注意点としては、301リダイレクトのみ対応(2017/7/6時点)していますので、
    302リダイレクトをやりたい場合は別の方法を検討する必要があります。

    今回のブログ記事を書くにあたり、下記サイトの情報を大変参考にさせて頂きました。
    ウェブページリダイレクトの設定 – Amazon Simple Storage Service
    Amazon S3 でリダイレクトを扱う | Developers.IO

ランサーズではサービスを成長させてくれるエンジニア、デザイナーを募集しています!
ご興味がある方は、以下URLよりご応募ください。


【中途採用】
サービスリードエンジニア
テックリード(アーキテクト)
フロントエンドエンジニア
サーバーサイドエンジニア
業務エンジニア(社内システム基盤・基幹システム)

【インターン・学生バイト】
19新卒対象サマーインターン
エンジニアインターン

その他採用情報

関連記事

thumbnail
ユーザーが簡単にHTMLを入力できるWYSIWYGエディタ ベスト3

2017年最新版の記事をあげました。最新情報は「商用でも利用できる、イケてるWYSIWYGエディタ7選 2017年版」を御覧ください。 こんにちは。リートの satoshi です。 前回の投稿より、少し時間が空いてしまいましたが、今回はWYSIWYGエディタに …

WordPressのプラグインを改造して本家に取り込んでもらおうと思った話

SREチームの金澤です。 Lancers(ランサーズ) Advent Calendar 2018 7日目の記事になります。 昨日は、odrum428さんの「slackで動くピアボーナス機能を実装した話」でした。 今年は、Lancers以外のAdvent Cal …

開発環境のDocker化

インフラエンジニアの金澤です。 今回、ランサーズの開発環境をDocker化しましたので、その内容を紹介いたします。 Docker移行の決断 Dockerについては、ここ1年で技術的な調査はしていましたが、決定的なメリットを見出していたわけではなく、採用に踏み切 …