PlantUML Web Server

@startuml
!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/master/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/NetworkingAndContentDelivery/Route53.puml
!include AWSPuml/NetworkingAndContentDelivery/CloudFront.puml
!include AWSPuml/Storage/S3Bucket.puml
!include AWSPuml/Compute/EC2.puml
!include AWSPuml/General/Users.puml
!include AWSPuml/SecurityIdentityAndCompliance/CertificateManager.puml

left to right direction

Users(user, "", "wwwなしドメインにアクセス")
Users(user_www, "", "wwwドメインにアクセス")

CertificateManager(certificate, "", "ssl証明書管理")

Rectangle wwwドメイン設定 {
Route53(route_www, "www.sample.com", "Aレコードにwwwあり用のCloudFront登録")
CloudFront(cloud_www, "", "ssl証明を使ったssl設定")
S3Bucket(s3_www, "", "wwwなしCloudFrontへリダイレクト")
}

Rectangle wwwなしドメイン設定 {
Route53(route, "sample.com", "Aレコードにwwwなし用のCloudFront登録")
CloudFront(cloud, "", "ssl設定")
S3Bucket(s3, "", "frontendのファイル群")
}

user_www --> route_www
route_www --> cloud_www
cloud_www <-- certificate
cloud_www --> s3_www

user --> route
route --> cloud
certificate --> cloud
cloud --> s3

user -[hidden]le- user_www
s3_www -le-> route
route_www -[hidden]le- route
@enduml

🎉 Discover the future PlantUML Web Editor! 🚀 PNG SVG ASCII Art