Ruby on Rails 【ActionText】アマゾンS3と連動したときの画像アップロード


投稿日:2020年08月28日 (金)
アクションテキストを実装すると、フィールドへの画像のアップロードが簡単にできます。
しかしHerokuにデプロイするとローカルへの画像保存ができないためアマゾンS3と連動する必要があります。

当サイトのプロジェクトでもアマゾンS3への連動方法は解説していますがアクションテキストを利用する場合、アマゾンS3の設定を追加しなければうまくいきません。

アマゾンS3のコンソール画面で「アクセス権限」→「CROSの設定」の順に進みます。
CROSの設定.png 103KB



テキストエリアに以下の記述を追加して保存します。
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>Authorization</AllowedHeader>
</CORSRule>
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>



これでアクションテキストに画像をアップロードしてアマゾンS3に保存できるようになります。



Rails6.0 Windows MacOSX

動画学習サイトの構築 Rails6.0

  0 (0)

タスク   128

4,000円

    サンプルサイトは初期起動に15秒ほどかかります。

 
Rails6.0 Windows MacOSX

民泊サイトの構築 Rails6.0

  0 (0)

タスク   128

5,000円

    サンプルサイトは初期起動に15秒ほどかかります。

 
Rails5.0 Windows MacOSX

動画学習サイトの構築 Rails5.0

  0 (0)

タスク   100

3,000円

    サンプルサイトは初期起動に15秒ほどかかります。

 
Rails6.0 Windows MacOSX

お仕事売買サイトの構築 Rails6.0

  0 (0)

タスク   146

5,000円

    サンプルサイトは初期起動に15秒ほどかかります。

 
Rails5.0 Windows MacOSX

民泊サイトの構築 Rails5.0

  0 (0)

タスク   136

4,000円

    サンプルサイトは初期起動に15秒ほどかかります。