サポート » 使い方全般 » cloudfront CDNでのWebPが配信されない問題の解決策

  • 解決済 mrsmith11

    (@mrsmith11)


    こんにちは、WordPressとwebp変換のプラグインでcloudfront CDNの配信が上手く行かない件について調べていたら、以下のサイトを見つけたため、同じことをやってみたのですが、上手くいきません。

    https://www.wolfinsheep.net/2021/07/18/cloudfront-functions-webp/

    理由はわかっています。
    使用しているプラグインが、上記サイトのものとは異なるためです。

    私は以下のプラグインを使ってWebP変換とWebP置き換え配信を行っているのですが、

    WebP Converter for Media
    https://wordpress.org/plugins/webp-converter-for-media/

    上記サイト記事で書かれていた

    function handler(event) {
        var request = event.request;    
        var uri = request.uri;
        
        if (uri.match(/uploads\/\d{4}/) && (uri.endsWith('jpg') || uri.endsWith('png'))) {
            console.log(uri);
            
            request.uri += ".webp";
        }
        
        return request;
    }

    のコードを使っても上手くいきませんでした。

    プラグイン「WebP Converter for Media」で生成されるwebpは、たとえば以下のフォルダに

    /wp-content/uploads-webpc/uploads/2021/08

    00000-150×150.jpg.webp
    00000.jpg.webp

    というかんじで生成されるのですが、上記コードではフォルダが指定されていないからだめなのでしょうか?

    もしよろしければ、CloudFront Functionsへの書き方をお教えいただけませんでしょうか。

    詳しい方、どうぞよろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • はじめまして。

    おそらく、以下どちらかが原因かと思います。

    • uri.matchでの正規表現に、画像のリクエストURIが引っかかっていない
    • Viewer requestの設定が正しくない

    前者であれば、console.logなどで正規表現にちゃんと引っかかっているかどうか確認出来ると思います。

    どちらにしましても、WordPressではなくAWSの話になるので、詳細はAWSのサポートにご確認いただければと思います。

    スレッド開始 mrsmith11

    (@mrsmith11)

    ありがとうございます!
    私が使用していたプラグインではだめだったみたいで、webp expressというプラグインに変更したらなんとか解決出来ました。

    回答いただきありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。