Lambda@EdgeでSPAのOGPを動的に設定する - Qiita
背景 AngularでSNSシェアボタン作ってた時に、「このページは画像、このページは動画でシェアしたいな」と思ってMetaでも使えばいいのかなーと動的に書き換えてみたんですが、全然動きませんでした。 調べてみると、例えばFacebookでURL貼り付けた時にプレビュー画像がロードされる時、Facebook謹製のクローラがそのページを読みに行ってるそうなんですが、そいつがJSを解釈しないのだとか。 おお、まぁ、クローラがJS解釈するのも大変ですよね、そりゃそうか、で、それじゃSPAでシェアしようとしたら、トップページに静的に書いたmetaしか読んでくれんのですか。なにそれ辛い。 といってサーバレスで楽しくやってるのにサーバサイドでゴニョゴニョするのもまた辛いので、こちらの記事を参考にさせて頂き、Lambda@Edgeで解決してみました。 Lambda@Edgeって？ こちらに記載の通り、C
Lambda@EdgeでCloudFrontへのアクセスをいい感じに振り分ける - ZOZO TECH BLOG
（Icon Credit *1） こんにちは。PB開発部インフラチームの@inductorです。最近はすっかりインフラ勉強会というオンライン勉強会の運営が趣味になっています。 今回はLambda@EdgeというAWSのサービスを使って、CloudFrontへのアクセスを「細かいルール」を設定して振り分けてみたいと思います。 Lambda@Edgeについてもう詳しく知っているよ！ という方は、次のセクションはスキップしてもらって構いません。もしよく知らないという方は、一緒に勉強してみましょう！ AWS Lambda@Edgeとは Lambda@Edgeは以下の2つのサービスから成り立ちます。 AWS Lambda Amazon CloudFront CloudFrontのエッジロケーションにおいて、Lambdaで定義した任意のコードを実行できるというのがLambda@Edgeで、具体的には以
Lambda@Edge で URLパスを書き換える | DevelopersIO
こんばんは、藤本です。 Lambda@Edge を公式ドキュメントに記載されたユースケース以外でどう使うのかいまいちピンとこなかったので、具体例を考えてみました。 ユースケースの公式ドキュメントは下記をご参照ください。 Lambda@Edge のユースケース Lambda@Edgeは現在プレビュー段階のため、利用には事前に申請が必要です。また、正式リリース時にサービス仕様が変更される可能性があることをご承知おきください。 AWS Lambda@Edge AWS Lambda@Edge はエッジロケーションで Lambda Function を実行できる機能です。現在は CloudFront へのイベントをトリガーに Lambda Function を実行できます。現在対応しているイベントは下記 4種類となります。 リクエストが最初にビューアから届いたとき (ビューアリクエスト)。 Lamb
AWS Lambda@Edge で画像をリアルタイムにリサイズ＆WebP形式へ変換する - クックパッド開発者ブログ
技術部の久須 (@hkusu_) です。クックパッドではモバイル基盤グループにて Android 版クックパッドアプリの開発・メンテナンスに携わっています。 普段の業務とは少し異なるのですが、画像リクエストに応じリアルタイムに画像を変換してレスポンスするという仕組みを AWS の Lambda@Edge を用いて実現してみたので、構築した環境の内容やコードを紹介したいと思います。画像変換の内容はコードの実装次第で大概のことは実現できそうですが、今回のコードの内容はスマホ向け WEB サイトやモバイルアプリ向けの画像配信を想定し、通信容量の削減および表示速度の向上を目的とした画像のリサイズ（主に縮小）と WebP 形式への変換です。 注意：実運用している段階ではないので参考にされる場合はご注意ください。ちなみにクックパッドには本番環境とは切り離された調査・検証用の AWS 環境があり、今回の
5分で読む！Lambda@Edge 設計のベストプラクティス | DevelopersIO
AWS ブログに「Lambda@Edge Design Best Practices」の記事が掲載されておりましたので、忙しいエンジニアのみなさまのために、自分なりに要点をまとめつ、５分で読めるベストプラクティスとしてシェアしたいと思います。 このベストプラクティス記事の構成 以下、３つの観点で構成されています。 Lambda@Edge ソリューションを実装した一般的な使用例 Lambda@Edge 関数の起動タイミングを選択する方法 Lambda@Edge のパフォーマンスとコスト効率を最適化するための推奨事項 一般的な使用例 Lambda@Edge を使う利点を、次の４つのカテゴリで分類しています。 パフォーマンス 動的コンテンツの生成 セキュリティ オリジンの独立性 1. パフォーマンス Lambda@Edge を使う最大の利点の１つは、コンテンツがオリジンから返されたときにキャッシ
CloudFront と Lambda@Edge で出来ること - KAYAC engineers' blog
はじめまして。カヤック技術部の杉山です。 主にクライアントワークでサービスを開発しています。 今回は、自分の好きなCloudFrontの「Lambda@Edge」について書きます。 Lambda@Edgeとは 基本的にはここに使い方が書いてありますが、 開発者ガイド > AWS Lambda@Edge CloudFrontへのアクセス、または応答時に、機能制限されたLambda functionを実行することが出来る機能です。 アクセス時や、応答時に副作用を起こすこと、レスポンス自体を変えることが出来ます。 実際はまだプレビュー版なので、まず申請する必要がありますが、 数日待ち許可されると、1つだけCloudFront にLambda functionを割り当てることが可能になります。 たとえばこんな物が作れます 副作用を起こすLambda functionは想像しやすいと思うので、 今回
CloudFront + S3 + Lambda@EdgeでBasic認証付きお手軽 静的サイト ( ランディングページ ) 環境を作った | Recruit Tech Blog
こんにちは。開発支援Gでインフラ運用をしている大島です。 Lambda@Edgeとは、CloudFrontが配信するコンテンツをカスタマイズする関数を実行できる機能のことです。本記事では、これを使ってランディングページ ( 以下LP ) のような静的サイトに対してお手軽にBasic認証を設置する話です。 また、最後におまけ程度ですが、この構成に到るまでの背景も書いていますのでもしよろしければご覧になっていってください。 LP環境をCloudFrontで作るのにBasic認証はどうしよう ? 開発中はデバッグ用の要素や社内開発環境へのリンクなども含まれていたりすることを考えると、何かしらの方法でアクセスを制限する必要があります。nginxなどのwebサーバであればBasic認証の設置も簡単ですが、今回はCloudFront + S3なのでそうそう気軽には設置できません。 そんなときに便利なの
CloudFront Lambda@Edge AWS Lambdaで を使用する - AWS Lambda
Lambda@Edge は、Amazon CloudFront エッジロケーションに Python 関数と Node.js 関数をデプロイAWS Lambdaできる の拡張機能です。Lambda@Edge の一般的なユースケースは、関数を使用して、 CloudFront ディストリビューションがエンドユーザーに配信するコンテンツをカスタマイズすることです。オリジンサーバーではなくビューワーの近くでそれらの関数を呼び出すことで、レイテンシーが大幅に軽減され、ユーザーエクスペリエンスが向上します。 CloudFront ディストリビューションを Lambda@Edge 関数に関連付けると、 は CloudFront エッジロケーションでリクエストとレスポンスを CloudFront インターセプトします。 CloudFront その後、 イベントを送信して Lambda 関数を呼び出します。次
Lambda@Edge | AWS
Lambda@Edge は、Amazon CloudFrontの機能で、アプリケーションのユーザーに近いロケーションでコードを実行できるため、パフォーマンスが向上し、待ち時間が短縮されます。Lambda@Edge では、世界中の複数のロケーションでインフラストラクチャをプロビジョニングまたは管理する必要はありません。課金は実際に使用したコンピューティング時間に対してのみ発生し、コードが実行されていないときには料金も発生しません。 Lambda@Edge を使用すると、サーバー管理を何も行わなくても、ウェブアプリケーションをグローバルに分散させ、パフォーマンスを向上させることができます。Lambda@Edge は、Amazon CloudFront コンテンツ配信ネットワーク (CDN) によって生成されたイベントに対応してコードを実行します。コードを AWS Lambda にアップロードす
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt.jsとContentfulでブログを構築 - Qiita