AWS | メサイア・ワークス

index.htmlファイル１つだけの、S3にアップロードして、videoタグで再生するだけの動画アップローダー（認証なし）

2025年4月2日に admin が投稿

index.htmlファイル１つだけの、S3にアップロードして、videoタグで再生するだけの動画アップローダー（認証なし）

# 404なら、そのバケット名は使える！
aws s3api head-bucket --bucket video-uploader

# 【STEP 1：バケット作成】
aws s3api create-bucket \
  --bucket video-uploader \
  --region ap-northeast-1 \
  --create-bucket-configuration LocationConstraint=ap-northeast-1

# 【STEP 2：パブリックアクセス許可】
aws s3api put-public-access-block \
  --bucket video-uploader \
  --public-access-block-configuration BlockPublicAcls=false,IgnorePublicAcls=false,BlockPublicPolicy=false,RestrictPublicBuckets=false

# 【STEP 3：バケットポリシー追加】最初にpolicy.jsonファイル作って、それで設定。

cat <<EOF > policy.json
{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "PublicReadWriteList",
      "Effect": "Allow",
      "Principal": "*",
      "Action": [
        "s3:GetObject",
        "s3:PutObject",
        "s3:ListBucket"
      ],
      "Resource": [
        "arn:aws:s3:::video-uploader",
        "arn:aws:s3:::video-uploader/*"
      ]
    }
  ]
}

EOF

aws s3api put-bucket-policy \
  --bucket video-uploader \
  --policy file://policy.json


# 【STEP 4：静的ウェブサイトホスティング有効化】
aws s3api put-bucket-website \
  --bucket video-uploader \
  --website-configuration '{
    "IndexDocument": {
      "Suffix": "index.html"
    }
  }'


#【STEP 5:CORS設定ファイルを作成】最初にcors.jsonファイル作って、それで設定。
cat <<EOF > cors.json
{
  "CORSRules": [
    {
      "AllowedHeaders": ["*"],
      "AllowedMethods": ["GET", "PUT", "POST"],
      "AllowedOrigins": ["*"],
      "ExposeHeaders": ["ETag"],
      "MaxAgeSeconds": 3000
    }
  ]
}

EOF

aws s3api put-bucket-cors \
  --bucket video-uploader \
  --cors-configuration file://cors.json

# 404なら、そのバケット名は使える！

aws s3api head-bucket --bucket video-uploader

# 【STEP 1：バケット作成】

aws s3api create-bucket \

--bucket video-uploader \

--region ap-northeast-1 \

--create-bucket-configuration LocationConstraint=ap-northeast-1

# 【STEP 2：パブリックアクセス許可】

aws s3api put-public-access-block \

--bucket video-uploader \

--public-access-block-configuration BlockPublicAcls=false,IgnorePublicAcls=false,BlockPublicPolicy=false,RestrictPublicBuckets=false

# 【STEP 3：バケットポリシー追加】最初にpolicy.jsonファイル作って、それで設定。

cat <<EOF > policy.json

{

"Version": "2012-10-17",

"Statement": [

{

"Sid": "PublicReadWriteList",

"Effect": "Allow",

"Principal": "*",

"Action": [

"s3:GetObject",

"s3:PutObject",

"s3:ListBucket"

"Resource": [

"arn:aws:s3:::video-uploader",

"arn:aws:s3:::video-uploader/*"

]

}

]

}

EOF

aws s3api put-bucket-policy \

--bucket video-uploader \

--policy file://policy.json

# 【STEP 4：静的ウェブサイトホスティング有効化】

aws s3api put-bucket-website \

--bucket video-uploader \

--website-configuration '{

"IndexDocument": {

"Suffix": "index.html"

}

#【STEP 5:CORS設定ファイルを作成】最初にcors.jsonファイル作って、それで設定。

cat <<EOF > cors.json

{

"CORSRules": [

{

"AllowedHeaders": ["*"],

"AllowedMethods": ["GET", "PUT", "POST"],

"AllowedOrigins": ["*"],

"ExposeHeaders": ["ETag"],

"MaxAgeSeconds": 3000

}

]

}

EOF

aws s3api put-bucket-cors \

--bucket video-uploader \

--cors-configuration file://cors.json

ローカルにindex.htm 続きを読む index.htmlファイル１つだけの、S3にアップロードして、videoタグで再生するだけの動画アップローダー（認証なし）→

react+amplifyで、簡単なメモアプリ(管理者ユーザあり)を開発してみた。reactのcognitoユーザ認証のやり方が、色々と変更されているので注意！！

2025年3月17日に admin が投稿

react+amplifyで、簡単なメモアプリ(管理者ユーザあり)を開発してみた。reactのcognitoユーザ認証のやり方が、色々と変更されているので注意！！ [crayon-682d257e151bd4125330 続きを読む react+amplifyで、簡単なメモアプリ(管理者ユーザあり)を開発してみた。reactのcognitoユーザ認証のやり方が、色々と変更されているので注意！！→

cognito認証ありのAppSyncを試してみた

2025年3月14日に admin が投稿

cognito認証ありのAppSyncを試してみた AppSync定義ファイル(schema.graphql)を、cognito認証ありに変更 amplify\backend\api\amplifyappsyncmock 続きを読む cognito認証ありのAppSyncを試してみた→

DynamoDB, AppSync,GraphQLについて学んでみた

2025年3月14日に admin が投稿

DynamoDB, AppSync,GraphQLについて学んでみた DynamoDB = MySQL = データストア AppSync = APIサーバ = エンドポイント GraphQL = SQL = 問い合わせ言続きを読む DynamoDB, AppSync,GraphQLについて学んでみた→

カテゴリーアーカイブ: AWS

githubにアップロードしたMkDocs仕様書を、github pagesじゃなくて、ip制限したs3にCI/CDしてみた

index.htmlファイル１つだけの、S3にアップロードして、videoタグで再生するだけの動画アップローダー（認証なし）

react+amplifyで、簡単なメモアプリ(管理者ユーザあり)を開発してみた。reactのcognitoユーザ認証のやり方が、色々と変更されているので注意！！

cognito認証ありのAppSyncを試してみた

DynamoDB, AppSync,GraphQLについて学んでみた