この記事は2020年04月05日に投稿しました。
目次
1. はじめに
こんにちは、iOSのエディタアプリPWEditorの開発者の二俣です。
今回はAWSでサーバレスシステムを構築する(バケット作成)についてです。
2. AWSでサーバレスシステムを構築する(バケット作成)
AWSでサーバレスシステムを構築する方法のバケット作成についてです。
バケットはVueアプリを配置するために使用します。
バケット作成
- S3の画面を表示します。
- "バケットを作成"ボタンを押下します。
"バケットを作成"画面が表示されますので、以下を入力して、"バケットを作成"ボタンを押下します。
バケット名：<任意の名前>.<取得したドメイン名>
リージョン：アジアパシフィック(東京)ap-northeast-1
※どこでも構いませんが、近いところが良いと思います。
ブロックパブリックアクセスのバケット設定:パブリックアクセスをすべてブロックのチェックOFF
※本来きちんと設定しないといけませんが、サンプルなのでアクセス制限なしにします。"バケット"画面で作成したバケットを選択します。
- "バケットの詳細"画面が表示されますので、"プロパティ"タブを選択します。
- "プロパティ"タブ画面が表示されますので、"Static website hosting"を選択します。
- "Static website hosting"の詳細設定の項目が表示されますので、”このバケットを使用してウェブサイトをホストする”ラジオボタンを選択し、以下を入力して、"保存"ボタンを押下します。
インデックスドキュメント：index.html
エラードキュメント：error.html - "バケットの詳細"画面で、"アクセス権限"タブを選択します。
- "アクセス権限"タブ画面が表示されますので、"バケットポリシー"を選択し、以下を入力して、"保存"ボタンを押下します。
"<バケット名>"の部分は、作成したバケット名に置き換えてください。
{
"Version":"2012-10-17",
"Statement":[
{
"Sid":"PublicRead",
"Effect":"Allow",
"Principal": "*",
"Action":["s3:GetObject"],
"Resource":["arn:aws:s3:::<バケット名>/*"]
}
]
}
- S3のバケットに"index.html"をアップロードすれば、以下のURLでアクセスできるようになります。
http://<バケット名>.s3-website-<リージョン名>.amazonaws.com
3. おわりに
これでVueアプリをバケットに配置する下準備ができました。
紹介している一部の記事のコードはGitlabで公開しています。
興味のある方は覗いてみてください。
私が勤務しているニューラルでは、主に組み込み系ソフトの開発を行っております。
弊社製品のハイブリッドOS Bi-OSは高い技術力を評価されており、特に制御系や通信系を得意としています。
私自身はiOSモバイルアプリやウィンドウズアプリを得意としております。
ソフトウェア開発に関して相談などございましたら、お気軽にご連絡ください。
また一緒に働きたい技術者の方も随時募集中です。
興味がありましたらご連絡ください。
EMAIL : info-nr@newral.co.jp / m-futamata@newral.co.jp
TEL : 042-523-3663
FAX : 042-540-1688
