AmazonCloudFrontで始めるお手軽簡単CDN

Transcript

1. 1 2 A 4 41 8/0 9 A

2. 2 70 • 1 • 9 I • @ 2

   • 
   

3. 4  
   

4. 5   
    1 → 3 32 ↑

5. 6   
    1 → 3 1 → 5

   1 → 6 32 ↑ 90 ↑ 106%↑

6. 7   
    1 → 3 1 → 5

   1 → 6 1 → 7 1 → 10 32 ↑ 90 ↑ 106%↑ 113%↑ 123%↑

7. 8 
   Web
      X   Y New

   Industry Benchmarks for Mobile Page Speed - Think With Google https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/

8. 9    1 3 
     32% 

     1 5 
     90%    1 6 
     106%    1 7 
     113%    1 10 
     123% 

9. 10 
   

10. 10  " 
      !

11. 11   
    
    !
     Web  

12. 12 
     C F D

13. 13
     l C l l CA l F l

    C l C

14. 14 Web
    

15. 15 Web   1.  
    

16. 16 Web   1.   
    
    

17. 17 Web  1.   2.   
    
    

18. 18 Web  1.   2.   
    
    

    
    
    

19. 19 Web  1.    2.  

    3.   
    
     
    
    

20. 21 Web  1.    2.  

    3.   
    
     
    
     

21. 22 Web   1.    2. 

     3.   !
    
     !
    
      

22. 23      
    

23. 24 Web
     Client Internet Web App Database

24. 25 
       Client Internet Web App Database •

       • Akamai •CloudFront •Cloud Flare • Nginx • Apache mod_cache • APCphp • API Gateway response cache • Amazon ElastiCache • redis • Memcached • Amazon DynamoDB Accelerator DAX

25. 26 AWSConsole Amazon CloudFront Edge 
     

26. 27 CDN 
    CloudFront 

27. 28 CDN     
    CloudFront

28. 29 CDN ! $"%    #  
    CloudFront

    &

29. 30 Web   1.    2. 

     3.   !
    
     !
    
      

30. 31 Web   1.    2. 

     3.   !
    
     !
    
       AmazonCloudFront

31. 32 Amazon CloudFront
    

32. 33 Amazon Cloud Front + Contents Delivery Network)CDN* % %

    ( 
    ! "# $' &

33. 34 %"Contents Delivery Network • Akamai •   &

    CDN $ • CloudFlare • !
    CDN  WordPress#
      • Google Cloud CDN • GCP CDN 

34. 35 AmazonCloudFront41 .:2  '7(
      36*58=;%%<),9 CloudFront #%&

    ClientA ClientB ②%%+0 ③<) ①# ④# ⑤ ! <) '7($&"%/-

35. 36 AmazonCloudFront&" ClientA ① 
     DNS )$ DB '%+ *!

    ②IP 
     ,xxx.cloudfront.net- )$ DB DNS ③%+Edge #( ④%+Edge  CloudFront

36. 37 AmazonCloudFront 24
    56 114 

37. 38 
    

38. 39 CloudFront  ① EC2
        ② EC2
    1RDS

        ③ EC2
    RDS    

39. 40  ① ①EC2
       

40. 41 
    ① CloudFront  Client Route 53 www.example.com  EC2

    ELB

41. 42 4-)① CloudFront4-5B+2C Client Route 53 www.example.com A<(#(" EC2 ELB

    CloudFront '( 3  
     (#(". CloudFront %!& → D1*@ CloudFront!%!&) $A<(#("?, /;67> EC2D0:8  10  9=

42. 43 ;52#① CloudFront;5<QH8R Client Route 53 www.example.com OG 1(1' CloudFront

    CloudFront
    OG 1(1' .&"/:B !$ AN
    6E>P S3OG+0,#(17? @9 S3 OG+0
    6E>PS3 IL *+2-1#MD Q3F4%#  !)R=J
    CloudFront;5CK 

43. 44   ② ②EC2
    RDS     

44. 45 
    ② CloudFront  Client Route 53 www.example.com  ELB

    EC2 RDS

45. 46 0)%② CloudFront0)1 Client Route 53 www.example.com +7$$ ELB EC2

    RDS CloudFront
    =7%
    +7% &;  !   !8/ .5 >1:? CloudFront #%"$4( 2< 3
    29CloudFront %$4-*6 ',

46. 47   ③ ③EC2
    RDS     

47. 48  ③ CloudFront Client Route 53 www.example.com  

    ELB App RDS App App img  wp- content/uploads/ NFS 
    EC2  

48. 49 0)&③ CloudFront0)1 CloudFront Client :6%% *6%% ELB EC2 RDS

    php jpg png js css Route 53 www.example.com S3 :6%% 5( $
    S337 #&!%- 2
     + *6%%
     " & 9/8.
     4 ,'

49. 50 ③ • WordPress
    & S3 #(!"$ • %  )StaticPress

    S3
    WP Offload S3 Lite* • goofys'
    Linux→S3   %

50. 51 '! ③ CloudFront'!( CloudFront Client /, $, ELB EC2

    RDS S3 Route 53 www.example.com     2  S3Bucket +  
    Uploads
    C S S
    JavaScript ◯ /wp-includes /wp-content Custom Origin WordPress*) $, HTML  △0.#,1 /login.php /wp-admin Default(*) CloudFront-%"&

51. 52
      

52. 53 • CDN 
    $%C 9 />KH • GET/HEAD/OPTION (<I •

    URLB $%@L=;8F • +-!&,AF 
    6E"-  J08F • Header / Cookie / Query Strings URL ?57 +-!&,AF '#-1 :2.G $%34D $%,*-)AF

53. 54  %#&"*-31,%%4 •  + 2 
    0 TTL

    /( • HTTP&
    !!% & $&  • . ')/( OK

54. 55 *+2"03/BHO8F2!2 P • .23$ ;
    Header
    Cookie
    Query Strings&13# 8F(3

    M5 ;> • URL%C
    G *+2"03/: H • Whitelist6E
    '.3,284 = I %-)3&13#
    * +@7DE • *+ 2!2 
    .2 J 5?L9 M5NK9A< 

55. 56  )-1 ,2 • + . - Amazon CloudFront

    • https://aws.amazon.com/jp/cloudfront/dynamic- content/ • CloudFront    #
    %/$!1'(02 • https://docs.aws.amazon.com/ja_jp/AmazonCloudFro nt/latest/DeveloperGuide/Expiration.html • Amazon CloudFront (/ 
    (2015"6&*) • https://dev.classmethod.jp/cloud/cloudfront-cache- control/

56. 57 
    

57. 58 5;4627>-=71? 5;8/ CloudFront< IP"' *< .,
    CloudFront   

    CloudFront Client +9(!( ELB EC2 RDS CloudFront$%!&)#:0  
    CloudFront 
    IP"'*<13 

58. 59 $ &#"1' CloudFront CloudFrontAWS WAF IP  % ELB

    EC2 RDS WAF 
    IP  %  Client WAF ! 

59. 60 4<3 526A.@6CB CloudFront Client CloudFront IP%9/1 
    ELB+  !#$(

    ;0
    ELB EC2 RDS )7* &("'=:   
    IP%9/1 WAF ELB !#$( IP %,>? -8''

60. 61 1;0 3/5=928?> CloudFront( ! $:,. WAF
     ! $

    ELB < :, CloudFront Client *6## ELB EC2 RDS CloudFront( &) +27- ! $" ' % WAF WAF
    &) +4! $'%" ELB < WAF

61. 62 CloudFront
    

62. 63 
     https://aws.amazon.com/jp/cloudfront-cdn/

63. 64 
     https://aws.amazon.com/jp/cloudfront-cdn/

64. 65 
     https://classmethod.jp/services/members/

65. 66 
     https://classmethod.jp/services/members/

66. 66 
     https://classmethod.jp/services/members/

67. 67 
    

68. 68   • CDNCContents Delivery NetworkD
    Web &?84/A7:<9; • Amazon

    CloudFront2< 
    @=- % -$  
    3=-%-$*#+ 6>    • , )"#')-(.!1
    CloudFront   50 B