ダウンロードリンクの作り方について

Question

開発したアプリを紹介するウェブサイトを作っています。

アプリ本体のダウンロードで/downloads/windowsというリンクをクリックすると，ページ遷移はせずにWindows用のバイナリが置いてあるAmazon S3からアプリをダウンロードするという処理はどのようにすれば実現できますか。

---

環境

• React
• TypeScript
• HTML5

追記

/downloads/windowsとダウンロードさせたいファイルのURLは別物です。
見かけは/downloads/windowsだが，実際にはs3.amazonaws.comからファイルをダウンロードさせるというのを実現したいです。

Comments

[turbgraphics200]

そのリンクのURLがファイルのURLであれば画面遷移せずにファイルがダウンロードされるはずですが。

[turbgraphics200]

<a href="s3のURL">Windows</a>じゃダメなの？わざわざURLを偽装する理由は何でしょうか？

Answer 1

普通にa要素でtarget属性に_blankを添えて、ダウンロードリンクのヘッダーが
「Content-Type: application/octet-stream」とか「Content-Disposition: inline; filename=example.file」とかになっていればいいんじゃないかと。

Answer 2

.htaccess で Amazon S3 のURLにリライトするか、downloads/windows/index.php を作って PHP でファイルを読み込んでダウンロードさせるとか。

【.htaccessでRewriteRuleを表示URLそのまま変えずに転送する】
http://deaimobi.com/mbnk-305/

【AWS SDK for PHP を使用したオブジェクトの取得 - Amazon Simple Storage Service】
http://docs.aws.amazon.com/ja_jp/AmazonS3/latest/dev/RetrieveObjSingleOpPHP.html

Answer 3

<a href="s3.amazonaws.com>/downloads/windows</a>

でいいと思います

Comments

[退会済みユーザー]

href属性の閉じ「"」も必要ですよね。