AWSのS3でサイトを公開したい

Question

AWSのS3でサイトを公開したい。。

問題点

・　001フォルダ
cssフォルダ
jsフォルダ
index.html

構成はこのようになっていて、バケットを公開したいのですがうまく行きません。
エンドポイントを押すとページが404エラーになり、公開されていてもサイトが表示されません。
インデックスドキュメントが悪いのだと思うのですが、どのように指定すればいいのでしょうか。。

プロパティ　＞　Static website hosting　＞　インデックスドキュメント

インデックスドキュメントで指定してみたもの
・index.html
・001/index.html

Comments

[y_waiwai]

どーゆーふーにうまく行かないのか詳しく説明しましょう。
またhtmlファイルの中身も提示しよう

[nako01]

ご指摘ありがとうございます！

[nako01]

直しました

Answer 1

・　001フォルダ
cssフォルダ
jsフォルダ
index.html

これはindex.htmlが001にあるのですよね。バケット直下しか対応してません。それがやりたければcloudfrontをかませてlamda@edgeで頑張るとかですかね。

Answer 2

まずは落ち着いてドキュメントを読んでください。

インデックスドキュメントはファイル名を指定せずにアクセスした際に表示されるドキュメントです。
こちらがわかりやすいですかね。
ちゃんとそれらのファイルはバケットの直下にありますか？
404なので、指定した場所にindex.htmlがないということかと。

Comments

[nako01]

！！という事は、、、何も指定フォルダ丸ごと公開したい場合は何も指定しなくていいという事でしょうか

[yu_1985]

違います。
デフォルトで表示されるファイルを指定するということです。
そもそも指定しないと設定が保存できません。

[nako01]

ファイルを指定したいのですが、フォルダ内にindex.htmlがあるので、
指定したくても出来ない状況です。。

[yu_1985]

？？？
ちょっと良くわかりません。

インデックスドキュメントには「index.html」とだけ記載すればよく、バケット直下にindex.htmlが置いてあればそれで表示されます。
もしindex.htmlが001というフォルダ（便宜上そう呼びます）の下にあるのであれば、404になるのが正しい挙動です。
バケット直下に置く以外の方法は普通には出来ません。
URLを指定するときにディレクトリを指定すれば表示されますが、ディレクトリ配下のファイルをデフォルトで表示させるような挙動には対応してないはずです。

[nako01]

わかりにくくてすみません。。

とてもわかりやすいご回答ありがとうございます。。
では、
001フォルダの中身を個々にアップロードして、index.htmlをバケット直下に置くべきでしょうか？
バケット直下：前のもの
・　001フォルダ
cssフォルダ
jsフォルダ
index.html

バケット直下：これから行おうとしている事(001フォルダの中身を個々にアップロード)
cssフォルダ
jsフォルダ
index.html

[nako01]

index.html　だけだと
css等が当たっていないので、サイトが崩れる気がしています

[yu_1985]

そうやって置いてください。
cssが当たらないとしたらindex.htmlでのcssのimport元の書き方の問題だと思うので、そこはなんとかしてください。

[nako01]

基本、フォルダをアップロードするのではなく、その中身をそれぞれをアップロードして、サイトを公開させるんですね！
やってみます！

[yu_1985]

中身をそれぞれという表現が正しいかはわかりませんが、S3であろうとなかろうとWebサイトの基本的な構成は同じだと思うので、そちらを学んでみてください。

[nako01]

ありがとうございます！