Cloudfront Custom Domain Name with bucket prefix

Hey @flabrea,

You can use the as3cf_cloudfront_path_parts filter to alter the path used by CloudFront. There’s an example in our tweaks plugin:

https://github.com/deliciousbrains/wp-amazon-s3-and-cloudfront-tweaks/blob/776efa8704c277f161c98ee5b6ed4acfa8e3edf6/amazon-s3-and-cloudfront-tweaks.php#L1110

–IJ

That looks great, thanks. Will check later and respond in here. ????

i have replaced cdn.example.com on line 1110 (and uncommented add_filter('as3cf_cloudfront_path_parts', array($this, 'cloudfront_path_parts'), 10, 2)?? with custom.domain.com which is u238desdpdw3thxcrp.cloudfront.net/ with the bucket-prefix as origin path but got an 404:

Offloaded media URLs may be broken. An error was encountered while testing the domain:?Received 404 from endpoint

Can’t get this to run ??

https://www.dropbox.com/scl/fi/zal7nfn9k923t671owxdn/CleanShot-2024-03-21-at-08.32.24.png?rlkey=2ak8w47jhrtpfcv3d5c3pwalh&dl=0

Images in the Media Library appear to be broken: https://www.dropbox.com/scl/fi/sdc2x5rtn91ukgymb5acy/CleanShot-2024-03-21-at-08.02.26.png?rlkey=bxs1vy06k3v5y3srh3v7jemvp&dl=0

Single File: https://www.dropbox.com/scl/fi/wcnhqlviu4yc2c67nlk2o/CleanShot-2024-03-21-at-08.08.31.png?rlkey=itmchpb18auodev2d9fing5ag&dl=0

The file url contains $domain and $path_parts[0]. $domain would be the correct path to the image.

• This reply was modified 1 year ago by flabrea.
• This reply was modified 1 year ago by flabrea. Reason: sorry, i thought it works first, but it doesnt

custom.domain.com/image.png

… is the same as …

any43rh7uieufjds7.cloudfront.net/bucket-prefix/image.png

both links work and show the image via CloudFront

https://www.dropbox.com/scl/fi/cvh5ui4vkgsf7nuiud7gd/CleanShot-2024-03-21-at-08.38.40.png?rlkey=lcxeyy2emi6achnp2133xnctt&dl=0

https://www.dropbox.com/scl/fi/0plehg050rbxsnifb3wj6/CleanShot-2024-03-21-at-08.40.42.png?rlkey=xd239xwu8383ey13ev5gkwgiz&dl=0

• This reply was modified 1 year ago by flabrea.

It’s a little difficult to decipher with so much redacted in your screenshots, but it looks like you’ve set up CloudFront to deliver from the stage-wp/neu2/ path, correct?

If so, you need to unset part 1, and then part 0 from the path parts array. Probably something like the following:

public function cloudfront_path_parts( $path_parts = array(), $domain = '' ) {
    if ( 'any43rh7uieufjds7.cloudfront.net' === $domain && 2 < count( $path_parts ) && 'stage-wp' === $path_parts[0] && 'neu2' === $path_parts[1] ) {
        // Order is important here, and for safety, they are done in 2 statements rather than 1.
        unset( $path_parts[1] );
        unset( $path_parts[0] );
    }

    return $path_parts;
}

–IJ

Awesome! Thanks so much! It works!

How update-safe is tweak and add-on?

• This reply was modified 1 year ago by flabrea.

Excellent, glad I could help.

The tweaks plugin isn’t automatically updated as it’s not a published plugin, just an example that you may customise.

You can check it in to your source control, and should we update it in the future with stuff you want, you could then just grab the bits that have changed.

Alternatively, just move the bits you want and have working out to your own small custom plugin, or add to your child theme’s functions.php file.

–IJ

Love it. Thanks!