SEO対策したサイトをAPI Gateway+Lambdaで作った話
4 likes5,456 views
SEO対策したサイトをAPI Gateway+LambdaのServerless構成で作ってみた話です。実体験ベースの話です。
SEO対策したサイトをAPI Gateway+Lambdaで作った話
- 2. 自己紹介 氏名：平田 貴大 経歴：2011〜2015 エムティーアイ ヘルスケア系アプリ開発やWeb開発 2015〜 カラダメディカ出向 データ可視化やDevOps推進、 新規事業立ち上げなど エンジニア〜POまで 趣味：ビリヤード なんでも楽しいことに取り組みたい。 ※こう見えて2児の父です 使っている技術
- 4. 今日伝えたいこと
- 7. 開発環境 ・Serverless Framework 1.4 0系から最近移行しました ・node.js 4.3 ・Typescript 1系 ・アーキテクチャ ・後でお話しします
- 9. プロキシ統合
- 10. プロキシ統合
- 11. プロキシ統合
- 12. 環境の切り替え
- 13. 環境の切り替え API Gateway Lambda 移行前 prod/rc/dev 1つのみ aliasで切り替え 移行後 prod/rc/dev prod/rc/dev
- 14. ちなみに テスト方法とかデプロイ方法とか テストはserverless--offlineとか使ってみてるけど微妙に歯がゆい感じ。。。 デプロイはsls deploy --stage dev とServerlessそのまま ※あまり参考にならなくてすみません
- 15. 本題
- 16. 最初に考えた アーキテクチャ
- 19. しかし問題が！
- 20. 動的にURLを処理できない
- 22. さらに
- 23. 404返せない
- 25. どうしたものか
- 26. そうだ アーキテクチャ 変えよう
- 29. しかし、また問題が！
- 31. クローラーめ。。。
- 32. どうしたものか
- 35. 問題はまだある！
- 36. パフォーマンス悪い。。。
- 37. たまにTimeout
- 40. レイテンシ Cloudfront + API Gatewayで300ms×2に近いレイテンシ API Gatewayのcatch-allに早く対応して前段のCloudfront取り除かないと。。。 でもキャッシュがあると10msで表示されるしな。。。 でも一応、数百msは保てている →SEO対策としてはもっと頑張りたい
- 41. まとめ
- 43. ご清聴ありがとうございました