静的HTML公開フローをサーバレスでDevOps!(Github,CircleCI,AWS S3) 前編GitHubAWSS3CircleCI コーポレートサイトなどの静的サイトを、Github+CircleCi+S3webhostingでサーバレスDevOpsを実現。 主な利点 ・Github操作のみでデプロイを自動化。 ・サーバレスなのでサーバ運用不要。 ・ステージングサイトには閲覧制限(許可IP制)を設けることで、外部会社との連携も安全。 構築内容 AWS S3 webhosting構築 Githubリポジトリ作成 静的ページを用意 HTML+CSS(bootstrap) CircleCIでのオートデプロイ オートデプロイテスト +αでフォームサイトはlambda,cognitoで実装 6は後編で掲載予定。 想定フロー 各自ローカル環境でHTML編集。Githubで管理。 stagi
![静的HTML公開フローをサーバレスでDevOps!(Github,CircleCI,AWS S3) 前編 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/15b0580c30c1efa6d6e677f0e33707490a237da6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU5JTlEJTk5JUU3JTlBJTg0SFRNTCVFNSU4NSVBQyVFOSU5NiU4QiVFMyU4MyU5NSVFMyU4MyVBRCVFMyU4MyVCQyVFMyU4MiU5MiVFMyU4MiVCNSVFMyU4MyVCQyVFMyU4MyU5MCVFMyU4MyVBQyVFMyU4MiVCOSVFMyU4MSVBN0Rldk9wcyVFRiVCQyU4MSUyOEdpdGh1YiUyQ0NpcmNsZUNJJTJDQVdTJTIwUzMlMjklRTMlODAlODAlRTUlODklOEQlRTclQjclQTgmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTJhOTNhZmRmMzFkZTBlOGQ1ODgwZjQ1OTRkNmY1ZDE3%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0b2d1bWEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTMzZmI5OWZjNzNhMWY5YWY0YjVjYmUzNjAxYmJhY2Ni%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd7c5ff6dc7025711a20513763b1733d9)