HTMLメールの画像表示方法について

Question

前提・実現したいこと

ドキュメントを参照すると、以下を使用してサーバーに保存されている画像を埋め込むことができました。

$pathToFile = '/var/www/html/public/assets/images/logo.png';

<img src="{{ $message->embed($pathToFile); }}">

発生している問題・エラーメッセージ

しかし、S3から画像をインラインで埋め込む方法がわかりませんでした。

$pathToFile='https://s3-us-west-2.amazonaws.com/bucket-name/logo.png';
<img src="{{ $message->embed($pathToFile); }}">

ご教授お願いします。

Comments

[m.ts10806]

なんでしょう、$message->embed　とは。
標準のPHPの機能にありますか？
フレームワークなど利用されているのでしたら明記してください。
ただ、httpから始まるフルパスですよね。HTMLエスケープ以外通す必要ないのでは。

Answer 1

まずembedってメソッドがいきなり出てきて、質問の意図が伝わりづらいと思います。

ということで、ここからは私が想像をかまして解答してみますが、Laravelのメールビューの中で$messageのembedメソッドを使ってるのであれば、embedメソッドはファイルのパスを記載するので、S3のURLでは使えないと思います。

viewにS3のURLを変数でそのまま渡して、それをそのまま表示するようにすればいいと思います。viewへの渡し方は何通りかありますが

return $this->view('emails.template')
             ->with([
               's3Url' => 'https://s3-us-west-2.amazonaws.com/bucket-name/logo.png',
              ]);

<img src="{{ $s3Url }}">

という感じでどうでしょうか？ URLの共通部分があるのであれば、最低限のデータのみviewに渡して、共通部分はテンプレートに埋め込んでも良いかもしれません。

想像かましてますので、トンチンカンな解答だったらすいません。ただ、繰り返しになりますが、開発環境や使用しているフレームワークなどの情報が一切記載されていないので、回答したくてもとっても答えにくい質問だと思います。質問するのであれば、まずはそのような情報をきっちりと記載すれば、解答もすぐに出てくるのではと思います。あと、エラーログなどもしっかり確認して、それらの情報も併せて記載するようにすると、より一層答えやすい質問になると思います。

Comments

[m8361071879]

ご説明ありがとうございます。
説明不足でしたが今回は画像をS3を直接表示させるのではなく、エンコードもしくは埋め込む必要があります。

セキュリティーの観点からS3への通常のアクセスでは表示できないようにさせているためです。

[AbeTakashi]

なるほど、Laravelを使っている（ということでいいのでしょうか？）のであればembedメソッドを使いたいところですが、おそらくURLには対応してないのだと思います。私がつかったことないのでこの要件に合っているかどうか分かりませんが、laravel-mail-auto-embedというライブラリを使うのが適しているかもしれません。

https://github.com/eduardokum/laravel-mail-auto-embed

あとはWEBサーバもAWSにあるのであればS3をマウントしてembedメソッドを使う方法もあると思います。こちらも私はやったことないのですが、色々方法があるみたいです。StorageGateway、s3fs、goofysなどの方法があるみたいなので、ググってみてください。

あとは愚直に直前にfile_get_contentsで画像ファイルをstorage以下に保存して、そのパスをembedに渡すとかでしょうか。これならどのような環境でもできるとは思います。

サーバの環境により手法は異なると思いますので、適した方法で最適解を探してください。環境をしっかり記載していただければ、ピンポイントでより詳しい回答が来ていたと思いますので、今後は環境をしっかり明記されることをオススメします。