Herokuへのデプロイ時に何度やってもwhitenoiseを使用したstaticファイルの表示がうまく行かなかったので、諦めてAmazon S3に保存することにしてみました。
やってみたら意外とあっさり変更できたので、そのやり方を残しておく。
Amazon S3の設定
Amazon AWSにログインしてAmazon S3へ行きバケットを作成する
![](https://brhk.me/wp-content/uploads/2021/07/S3-Management-Console-2021-07-17-09-51-33-1200x653.png)
バケット名を命名する。今回の例では「hello-my-storage」に設定。
AWSリージョンはアプリ公開に近い場所を選択
![](https://brhk.me/wp-content/uploads/2021/07/S3-bucket-2021-07-17-09-50-53-1200x785.png)
「パブリックアクセスをすべてブロック」のチェックを外します。
その後、下に表示される上記設定を承認する内容のチェックをクリックします。
![.bordrt](https://brhk.me/wp-content/uploads/2021/07/S3-bucket-2021-07-17-09-56-13-1200x922.png)
その他の設定はそのままで「バケットを作成」を押します
![](https://brhk.me/wp-content/uploads/2021/07/Image-2021-07-17-10-00-08-1200x646.png)
先程作った hello-my-storage(バケット名)をクリックします
![](https://brhk.me/wp-content/uploads/2021/07/S3-Management-Console-2021-07-17-10-01-25-1200x473.png)
アクセス許可のタブをクリックします
![](https://brhk.me/wp-content/uploads/2021/07/hello-my-storage-S3-bucket-2021-07-17-10-02-52-1200x454.png)
バケットポリシーの編集ボタンをクリックします
![](https://brhk.me/wp-content/uploads/2021/07/hello-my-storage-S3-bucket-2021-07-17-10-03-36-1200x452.jpg)
ポリシージェネレータをクリックすると別画面が開きます
![](https://brhk.me/wp-content/uploads/2021/07/hello-my-storage-S3-bucket-2021-07-17-10-04-19-1200x520.png)
Select Type of Policy では S3 Bucket Policy を選択します
![](https://brhk.me/wp-content/uploads/2021/07/AWS-Policy-Generator-2021-07-17-10-07-03-1200x224.png)
Principalには「*」を入力します
![](https://brhk.me/wp-content/uploads/2021/07/AWS-Policy-Generator-2021-07-17-10-12-55-1200x304.png)
Actionは GetObject にチェックを入れます
![](https://brhk.me/wp-content/uploads/2021/07/AWS-Policy-Generator-2021-07-17-10-06-00-1200x379.png)
Amazon Resource Name (ARN)には一つ前の画面に表示されていたバケットARNをコピーして貼り付けます
![](https://brhk.me/wp-content/uploads/2021/07/AWS-Policy-Generator-2021-07-17-10-10-37-1200x395.png)
![](https://brhk.me/wp-content/uploads/2021/07/hello-my-storage-S3-bucket-2021-07-17-10-09-43-1200x459.png)
全て入力できたら Add Statement をクリックします
![](https://brhk.me/wp-content/uploads/2021/07/AWS-Policy-Generator-2021-07-17-10-12-33-1200x811.png)
すると下に先ほど作成したポリシーが表示されるので、Generate Policy をクリックします
![](https://brhk.me/wp-content/uploads/2021/07/AWS-Policy-Generator-2021-07-17-10-14-03-1200x364.png)
表示されたコードをコピーしてcloseを押します
![](https://brhk.me/wp-content/uploads/2021/07/image-2-1200x781.png)
バケットポリシーに先ほどコピーしたコードを貼り付けます
![](https://brhk.me/wp-content/uploads/2021/07/hello-my-storage-S3-bucket-2021-07-17-10-16-52-1200x839.png)
そのままだとAPIエラーが発生するので下記のように「Resource」の最後に「/*」を追加します
![](https://brhk.me/wp-content/uploads/2021/07/hello-my-storage-S3-bucket-2021-07-17-10-22-26.png)
画面下部にある「変更の保存」をクリックします
![](https://brhk.me/wp-content/uploads/2021/07/hello-my-storage-S3-bucket-2021-07-17-10-18-17-1200x517.png)
以上でAmazon S3での設定は終わりです
AWSのアクセスキーを取得
次は接続に必要なアクセスキーを取得します。
右上のアカウント名から「マイセキュリティ資格情報」をクリックします
![](https://brhk.me/wp-content/uploads/2021/07/hello-my-storage-S3-bucket-2021-07-17-10-29-21-1200x484.png)
「アクセスキー」から「新しいアクセスキーの作成」をクリックします
![](https://brhk.me/wp-content/uploads/2021/07/IAM-Management-Console-2021-07-17-10-32-09-1200x731.png)
「アクセスキーを表示」をクリックして、表示された2つのアクセスキーをコピーしておきます。
![](https://brhk.me/wp-content/uploads/2021/07/IAM-Management-Console-2021-07-17-10-33-22-1200x538.png)
必要なファイルのインストールと設定
Djangoプロジェクトにdjango-storagesとboto3をインストールします。
pip install django-storages
pip install boto3
settings.pyに先ほどコピーした2つのアクセスキーと、S3で設定したバケット名を入力します
############################################
# AWS S3 setting
############################################
# アカウントの設定
AWS_ACCESS_KEY_ID = 'アクセスキー'
AWS_SECRET_ACCESS_KEY = 'シークレットアクセスキー'
AWS_STORAGE_BUCKET_NAME = 'バケット名'
# 静的ファイルの設定
AWS_LOCATION = 'static'
STATICFILES_STORAGE = 'storages.backends.s3boto3.S3StaticStorage'
AWS_QUERYSTRING_AUTH = False
# S3へファイルをアップロードするための設定
DEFAULT_FILE_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
さらなるオプションはこちらから(django storages document)
あとはDjangoで作ったフォームなどからファイルをアップロードして、アップロード先のURLが下記のような明らかにs3だとわかるアドレスになっていれば成功です。😆
https://バケット名.s3.ap-northeast-3.amazonaws.com/.......
ちなみに長い記事を書きましたが、以下のYoutubeを見れば全てわかりますので、英語に抵抗がない人はこちらを見たほうが速いと思います。
コメント