Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Daisuke Yagi
PDF, PPTX
2,168 views
Amplify Consoleで かんたん!Webサイト公開
Webデザイン・Web制作に関する勉強会 #4 https://kfug.connpass.com/event/117873/ で発表した資料です。
Software
◦
Read more
0
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 29
2
/ 29
3
/ 29
4
/ 29
5
/ 29
6
/ 29
7
/ 29
8
/ 29
9
/ 29
10
/ 29
11
/ 29
12
/ 29
13
/ 29
14
/ 29
15
/ 29
16
/ 29
17
/ 29
18
/ 29
19
/ 29
20
/ 29
21
/ 29
22
/ 29
23
/ 29
24
/ 29
25
/ 29
26
/ 29
27
/ 29
28
/ 29
29
/ 29
More Related Content
PDF
[AWS Dev Day] 앱 현대화 | DevOps 개발자가 되기 위한 쿠버네티스 핵심 활용 예제 알아보기 - 정영준 AWS 솔루션즈 아키...
by
Amazon Web Services Korea
PDF
Amazon s3へのデータ転送における課題とその対処法を一挙紹介
by
Tetsunori Nishizawa
PDF
Schema-First API Design
by
Yos Riady
PPTX
Microsoft Azure Logic apps
by
CloudFronts Technologies LLP.
PPTX
마이크로서비스 개요
by
Younghun Yun
PDF
Amazon SNS+SQSによる Fanoutシナリオの話
by
Yoichi Toyota
PPTX
DevOps and Continuous Delivery Reference Architectures (including Nexus and o...
by
Sonatype
PDF
클라우드의 대세 쿠버네티스란 무엇인가?(윤성훈 클라우드 솔루션 아키텍트) - Webinar
by
NAVER CLOUD PLATFORMㅣ네이버 클라우드 플랫폼
[AWS Dev Day] 앱 현대화 | DevOps 개발자가 되기 위한 쿠버네티스 핵심 활용 예제 알아보기 - 정영준 AWS 솔루션즈 아키...
by
Amazon Web Services Korea
Amazon s3へのデータ転送における課題とその対処法を一挙紹介
by
Tetsunori Nishizawa
Schema-First API Design
by
Yos Riady
Microsoft Azure Logic apps
by
CloudFronts Technologies LLP.
마이크로서비스 개요
by
Younghun Yun
Amazon SNS+SQSによる Fanoutシナリオの話
by
Yoichi Toyota
DevOps and Continuous Delivery Reference Architectures (including Nexus and o...
by
Sonatype
클라우드의 대세 쿠버네티스란 무엇인가?(윤성훈 클라우드 솔루션 아키텍트) - Webinar
by
NAVER CLOUD PLATFORMㅣ네이버 클라우드 플랫폼
What's hot
PDF
20190731 Black Belt Online Seminar Amazon ECS Deep Dive
by
Amazon Web Services Japan
DOCX
AWS- Elastic load balancing
by
Aishwarya Sharma
PPTX
Where and when to use the Oracle Service Bus (OSB)
by
Guido Schmutz
PPTX
대용량 분산 아키텍쳐 설계 #2 대용량 분산 시스템 아키텍쳐 디자인 패턴
by
Terry Cho
PDF
【BS9】モダン & クラウドネイティブなソフトウエア開発はじめよう ~ Azure DevOps & GitHub を使ったアプリ開発 DevOps 101
by
日本マイクロソフト株式会社
PDF
Amazon ECS/ECR을 활용하여 마이크로서비스 구성하기 - 김기완 (AWS 솔루션즈아키텍트)
by
Amazon Web Services Korea
PDF
Amazon RDS Proxy 집중 탐구 - 윤석찬 :: AWS Unboxing 온라인 세미나
by
Amazon Web Services Korea
PPTX
Application Load Balancer
by
Amazon Web Services Japan
PPTX
쿠버네티스 ( Kubernetes ) 소개 자료
by
Opennaru, inc.
PDF
[부스트캠퍼세미나]육진혁_(대충 도커 쓰자는 이야기)
by
CONNECT FOUNDATION
PDF
20190130 AWS Well-Architectedの活用方法とレビューの進め方をお伝えしていきたい
by
Amazon Web Services Japan
PDF
Amazon Aurora 100% 활용하기
by
Amazon Web Services Korea
PDF
IDC 서버 몽땅 AWS로 이전하기 위한 5가지 방법 - 윤석찬 (AWS 테크에반젤리스트)
by
Amazon Web Services Korea
PDF
20200303 AWS Black Belt Online Seminar AWS Cloud Development Kit (CDK)
by
Amazon Web Services Japan
PDF
성공적인 AWS클라우드로의 여정 그리고 5가지 궁금한 점 :: 김재성 :: AWS Summit Seoul 2016
by
Amazon Web Services Korea
PDF
Spring Cloud Function: Where We Were, Where We Are, and Where We’re Going
by
VMware Tanzu
PDF
AWS Black Belt Online Seminar Amazon Aurora
by
Amazon Web Services Japan
PDF
VMware on AWS를 통한 하이브리드 클라우드 구축 적용 - 홍정진, AWS Partner SA/ VMC on AWS
by
Amazon Web Services Korea
PDF
[2018] 고객 사례를 통해 본 클라우드 전환 전략
by
NHN FORWARD
PDF
AWS Summit Seoul 2015 -CloudFront와 Route53 기반 콘텐츠 배포 전략 (GS네오텍-박정수)
by
Amazon Web Services Korea
20190731 Black Belt Online Seminar Amazon ECS Deep Dive
by
Amazon Web Services Japan
AWS- Elastic load balancing
by
Aishwarya Sharma
Where and when to use the Oracle Service Bus (OSB)
by
Guido Schmutz
대용량 분산 아키텍쳐 설계 #2 대용량 분산 시스템 아키텍쳐 디자인 패턴
by
Terry Cho
【BS9】モダン & クラウドネイティブなソフトウエア開発はじめよう ~ Azure DevOps & GitHub を使ったアプリ開発 DevOps 101
by
日本マイクロソフト株式会社
Amazon ECS/ECR을 활용하여 마이크로서비스 구성하기 - 김기완 (AWS 솔루션즈아키텍트)
by
Amazon Web Services Korea
Amazon RDS Proxy 집중 탐구 - 윤석찬 :: AWS Unboxing 온라인 세미나
by
Amazon Web Services Korea
Application Load Balancer
by
Amazon Web Services Japan
쿠버네티스 ( Kubernetes ) 소개 자료
by
Opennaru, inc.
[부스트캠퍼세미나]육진혁_(대충 도커 쓰자는 이야기)
by
CONNECT FOUNDATION
20190130 AWS Well-Architectedの活用方法とレビューの進め方をお伝えしていきたい
by
Amazon Web Services Japan
Amazon Aurora 100% 활용하기
by
Amazon Web Services Korea
IDC 서버 몽땅 AWS로 이전하기 위한 5가지 방법 - 윤석찬 (AWS 테크에반젤리스트)
by
Amazon Web Services Korea
20200303 AWS Black Belt Online Seminar AWS Cloud Development Kit (CDK)
by
Amazon Web Services Japan
성공적인 AWS클라우드로의 여정 그리고 5가지 궁금한 점 :: 김재성 :: AWS Summit Seoul 2016
by
Amazon Web Services Korea
Spring Cloud Function: Where We Were, Where We Are, and Where We’re Going
by
VMware Tanzu
AWS Black Belt Online Seminar Amazon Aurora
by
Amazon Web Services Japan
VMware on AWS를 통한 하이브리드 클라우드 구축 적용 - 홍정진, AWS Partner SA/ VMC on AWS
by
Amazon Web Services Korea
[2018] 고객 사례를 통해 본 클라우드 전환 전략
by
NHN FORWARD
AWS Summit Seoul 2015 -CloudFront와 Route53 기반 콘텐츠 배포 전략 (GS네오텍-박정수)
by
Amazon Web Services Korea
Amplify Consoleで かんたん!Webサイト公開
1.
Amplify Consoleで かんたん!Webサイト公開 2019/02/19 @coppieee
2.
自己紹介 八木大介 Web: https://coppieee.com twitter: @coppieee フリーランスプログラマー Webサイト/Webアプリの作成がメイン。 Vue.js,
TypeScript, Serverlessなど。 仕事お受けしております。
3.
新しく静的Webサイトを公開するとき どのような手順を踏みますか?
4.
やりたいこと 静的Webサイト 検証環境と本番環境2つ用意して 検証環境にはBASIC認証を掛ける
5.
やりたいこと 静的Webサイト ← サーバ借りる?サーバの設定、アップロードの設定。 検証環境と本番環境2つ用意して 検証環境にはBASIC認証を掛ける ←BASIC認証ってどうやるの??? 更新するたびにファイルのアップロードが必要
6.
設定がめんどくさい! できるだけ楽したい!
7.
そんなあなたにAWS Amplify Console
8.
Amplify Consoleとは Gitホスティングサービスと連携して git pushするだけで ビルド、デプロイ、ホスティング まで自動的にしてくれるサービス。
9.
設定はサイト上ですべて完結! 操作も簡単で5分もかからない!
10.
前準備 AWSアカウントが必要 GitHubやBitbucketなどにソースをアップ
11.
設定の流れ
12.
サービスプロバイダを選択
13.
リポジトリブランチとブランチを選択
14.
ビルド設定の構成 これにビルドの設定やアップロード 対象のフォルダを設定する。 Vue Cli 3でプロジェクトを作成したと ころ、ある程度自動的に設定してる れるっぽくて特に修正する必要があ りませんでした。
15.
完了! 自動的にビルド、デプロイ が走るのでしばらくまっ て、完了したらサイトにア クセスできるようになる。
16.
https://master.xxxxxxxx.amplifyapp.com/ というURLでサイト公開される デフォルトでhttps対応! カスタムドメインもAmazon Route 53でドメイン取れば簡単に設定ができる。
17.
実際どのように開発していくかの説明
18.
更新したソースをgit push Git ホスティングサービス
Amplify Console pushのたびに 自動的にビルド&デプロイ 開発者はgit pushするだけで、自動的にサイトをアップデートしてくれる ので、開発に専念できる! 更新の流れ サイト更新されて 確認できる git pushを検知
19.
私のサイトもAmplify Consoleを使用しています! https://collection.coppieee.comhttps://coppieee.com
20.
検証環境と本番環境2つ用意する場合 次に
21.
gitのブランチを切る develop 検証用環境 master 本番用環境
22.
Amplify Consoleでそれぞれ関連付けする
23.
https://develop.xxxxxxx.amplifyapp.com/ https://master.xxxxxxxx.amplifyapp.com/ 検証用環境と本番環境2つできた。
24.
developにBASIC認証をかける サイト上でユーザネームとパスワード設定するだけで完 了!
25.
developブランチ develop.xxxxxx.amplifyapp.com (BASIC認証付き) 検証用環境 開発段階の流れ 開発段階のコード をdevelopにpush 検証用環境にビルド &デプロイされて 確認できる
26.
developブランチ develop.xxxxxx.amplifyapp.com (BASIC認証付き)masterにマージ 検証用環境 masterブランチ master.xxxxxx.amplifyapp.com 本番環境 本番適応の流れ ビルド&デプロイ
27.
料金体制 ビルド&デプロイ にかかった時間だけ課金される。1分あたり$0.01 例えばVue.jsの場合一回ビルド3分位かかるので、pushするたびに$0.03かかる。 無料枠 (AWSアカウント登録から12ヶ月まで) 有料 ビルド&デプロイ 1000分/月
$0.01 / 分 ホスティング 保存容量 5G ひと月あたり$0.023 / G ホスティング 通信量 15G/月 $0.15 / G
28.
例 一日2回コミット 毎日300アクティブユーザの場合 合計: 一ヶ月あたり $3.19 内訳:(Web
アプリサイズ25MB , 1アクセスあたり1.5MBと仮定) ビルド&デプロイ $1.2 ホスティング $1.99 詳しい料金例: https://aws.amazon.com/jp/amplify/console/pricing/
29.
ご清聴ありがとうございました!
Download