Skip Navigation
Show nav
Heroku Dev Center
  • Get Started
  • ドキュメント
  • Changelog
  • Search
  • Get Started
    • Node.js
    • Ruby on Rails
    • Ruby
    • Python
    • Java
    • PHP
    • Go
    • Scala
    • Clojure
  • ドキュメント
  • Changelog
  • More
    Additional Resources
    • Home
    • Elements
    • Products
    • Pricing
    • Careers
    • Help
    • Status
    • Events
    • Podcasts
    • Compliance Center
    Heroku Blog

    Heroku Blog

    Find out what's new with Heroku on our blog.

    Visit Blog
  • Log inorSign up
View categories

Categories

  • Heroku のアーキテクチャ
    • Dyno (アプリコンテナ)
    • スタック (オペレーティングシステムイメージ)
    • ネットワーキングと DNS
    • プラットフォームポリシー
    • プラットフォームの原則
  • コマンドライン
  • デプロイ
    • Git を使用したデプロイ
    • Docker によるデプロイ
    • デプロイ統合
  • 継続的デリバリー
    • 継続的統合
  • 言語サポート
    • Node.js
    • Ruby
      • Bundler の使用
      • Rails のサポート
    • Python
      • Django の使用
      • Python でのバックグランドジョブ
    • Java
      • Maven の使用
      • Java でのデータベース操作
      • Play Framework の使用
      • Spring Boot の使用
      • Java の高度なトピック
    • PHP
    • Go
      • Go の依存関係管理
    • Scala
    • Clojure
  • データベースとデータ管理
    • Heroku Postgres
      • Postgres の基礎
      • Postgres Getting Started
      • Postgres のパフォーマンス
      • Postgres のデータ転送と保持
      • Postgres の可用性
      • Postgres の特別なトピック
    • Heroku Redis
    • Apache Kafka on Heroku
    • その他のデータストア
  • モニタリングとメトリクス
    • ログ記録
  • アプリのパフォーマンス
  • アドオン
    • すべてのアドオン
  • 共同作業
  • セキュリティ
    • アプリのセキュリティ
    • ID と認証
    • コンプライアンス
  • Heroku Enterprise
    • Private Space
      • インフラストラクチャネットワーキング
    • Enterprise Accounts
    • Enterprise Team
    • Heroku Connect (Salesforce 同期)
      • Heroku Connect の管理
      • Heroku Connect のリファレンス
      • Heroku Connect のトラブルシューティング
    • シングルサインオン (SSO)
  • パターンとベストプラクティス
  • Heroku の拡張
    • Platform API
    • アプリの Webhook
    • Heroku Labs
    • アドオンのビルド
      • アドオン開発のタスク
      • アドオン API
      • アドオンのガイドラインと要件
    • CLI プラグインのビルド
    • 開発ビルドパック
    • Dev Center
  • アカウントと請求
  • トラブルシューティングとサポート
  • Integrating with Salesforce
  • アプリのパフォーマンス
  • AWS S3 を使用して静的アセットとファイルアップロードを格納する

AWS S3 を使用して静的アセットとファイルアップロードを格納する

日本語 — Switch to English

最終更新日 2022年02月15日(火)

Table of Contents

  • 概要
  • Heroku アプリ用の S3 の設定
  • 静的アセットの手動でのアップロード
  • Heroku アプリからのファイルのアップロード
  • 言語固有のガイド
  • アセットの参照

Amazon Simple Storage Service​ (S3) は、メディアファイル、静的アセット、ユーザーアップロードなどのアプリケーションコンテンツの保存に最適な、耐久性と可用性に優れたストアです。

dyno は一時的なファイルシステム​を備えているため、静的ファイルを他の場所に保存することは Heroku アプリにとって重要です。dyno を置き換えるか、または dyno を再起動するたびに (これは毎日発生します)、アプリケーションの slug に含まれていないファイルはすべて失われます​。静的ファイルの保存をアプリからオフロードするには、S3 などのストレージソリューションを使用します。

AWS アカウントを作成することなくアプリに S3 を追加するには、Bucketeer​ アドオンを参照してください。

概要

S3 に送信されたファイルはすべて、バケット​に保存されます。バケットは (ディレクトリと同様に) トップレベルのコンテナとして機能するため、その名前はすべての S3 にわたって一意である必要があります。通常、アプリケーションのファイル、アセット、アップロードが 1 つのバケットに格納されます。アクセスキー ID​ とシークレットアクセスキー​によって S3 API へのアクセスが管理されます。

Heroku アプリ用の S3 の設定

アプリケーションで S3 を使用できるようにするには、そのアプリケーションが AWS 資格情報と、ファイルを保存するバケットの名前にアクセスできる必要があります。

IAM ユーザーを作成​して、Heroku アプリでその資格情報を使用することをお勧めします。ルート AWS 資格情報​を使用することは避けてください。

資格情報を設定する

S3 資格情報は、AWS の [My Security Credentials]​ (マイセキュリティ資格情報) セクションで確認できます。

S3 資格情報をバージョン管理にコミットしないでください。 代わりに、環境設定​で設定します。

heroku config:set​ を使用して両方のキーを設定します。

$ heroku config:set AWS_ACCESS_KEY_ID=MY-ACCESS-ID AWS_SECRET_ACCESS_KEY=MY-ACCESS-KEY
Adding config vars and restarting app... done, v21
  AWS_ACCESS_KEY_ID     => MY-ACCESS-ID
  AWS_SECRET_ACCESS_KEY => MY-ACCESS-KEY

バケットに名前を付ける

AWS の無料のリージョン内データ転送料金​を利用するために、S3 バケットを Heroku アプリと同じリージョン​内に作成します。

バケットを作成するには、AWS マネジメントコンソールの S3 セクション​にアクセスし、米国スタンダードリージョンに新しいバケットを作成します。

新しい S3 バケットの作成

最大の相互運用性を確保するために、AWS のバケット名前付け規則に従います​。

バケット名を環境設定に保存して、アプリケーションがその値にアクセスできるようにします。

$ heroku config:set S3_BUCKET_NAME=example-app-assets
Adding config vars and restarting app... done, v22
  S3_BUCKET_NAME     => example-app-assets

静的アセットの手動でのアップロード

ビデオ、PDF、Javascript、CSS、画像ファイルなどの静的アセットは、コマンドライン​または Amazon S3 コンソール​を使用して手動で追加できます。

Heroku アプリからのファイルのアップロード

Heroku アプリから S3 へのファイルアップロードを処理および保存する方法には、直接とパススルーの 2 つがあります。具体的な手順については、言語ガイド​を参照してください。

直接アップロード

直接アップロードでは、まずアプリを経由することなく​、ファイルがユーザーのブラウザから S3 バケットにアップロードされます。この方法では、アプリケーションで実行する必要がある処理の量は減りますが、実装が複雑になる可能性があります。また、S3 に保存する前にファイルを変更する機能も制限されます。

パススルーアップロード

パススルーアップロードでは、ファイルがアプリにアップロードされ、次にアプリがそれを S3 にアップロードします。この方法では、S3 にプッシュする前のユーザーアップロードに対して前処理を実行できます。選択した言語やフレームワークによっては、この方法では、アップロードの実行中に他のリクエストでレイテンシーの問題が発生する場合があります。アプリを解放するようにアップロードを処理するには、バックグラウンドワーカー​を使用します。

ファイルをアップロードするためのバックグラウンドワーカー​を使用することをお勧めします。シングルスレッドの非イベント型環境 (Rails など) で大きなファイルをアップロードすると、アプリケーションの Web dyno がブロックされるため、リクエストタイムアウト​が発生する場合があります。EventMachine、Node.js、および JVM ベースの言語は、このような問題の影響をあまり受けません。

言語固有のガイド

S3 へのアップロードを処理するための言語固有のガイドは以下のとおりです。

​言語/フレームワーク ​チュートリアル
​Ruby/Rails
  • ​Rails での S3 への画像の直接アップロード
​Node.js
  • ​Node.js での S3 へのファイルの直接アップロード
​Python
  • ​Python での S3 へのファイルの直接アップロード
​Java
  • ​Uploading Files to S3 in Java with Play 2​ (Java での Play 2 を使用した S3 へのファイルのアップロード)
​PHP
  • ​PHP での S3 へのファイルのアップロード

アセットの参照

アプリケーションのコードでアセットのパブリック URL (http://s3.amazonaws.com/bucketname/filename​ など) を使用できます。S3 では、これらのファイルを直接処理し、動的なリクエストのみを処理するようにアプリケーションを解放します。

ページロードを高速化するには、コンテンツ配信サービス (Amazon Cloudfront​ など) を使用して、代わりに静的アセットを処理することを検討してください。

関連カテゴリー

  • アプリのパフォーマンス
定期的なジョブとカスタムクロックプロセス Cedar-14 のメモリ使用量のテスト

Information & Support

  • Getting Started
  • Documentation
  • Changelog
  • Compliance Center
  • Training & Education
  • Blog
  • Podcasts
  • Support Channels
  • Status

Language Reference

  • Node.js
  • Ruby
  • Java
  • PHP
  • Python
  • Go
  • Scala
  • Clojure

Other Resources

  • Careers
  • Elements
  • Products
  • Pricing

Subscribe to our monthly newsletter

Your email address:

  • RSS
    • Dev Center Articles
    • Dev Center Changelog
    • Heroku Blog
    • Heroku News Blog
    • Heroku Engineering Blog
  • Heroku Podcasts
  • Twitter
    • Dev Center Articles
    • Dev Center Changelog
    • Heroku
    • Heroku Status
  • Facebook
  • Instagram
  • Github
  • LinkedIn
  • YouTube
Heroku is acompany

 © Salesforce.com

  • heroku.com
  • Terms of Service
  • Privacy
  • Cookies
  • Cookie Preferences