Image Fetch issues in Pinterest and Twitter from Amazon CloudFront - twitter

I have got a server which points to AWS ec2. - domain:-hometriangle.com
And the Images are getting served from AWS CloudFront with SSL which internally points to ec2.: domain:-static.hometriangle.com
Both Pinterest and Twitter are not able to fetch images. Whereas Facebook and Google are handling it well.
Twitter errors:I get following logs in Card Validator
> INFO: Page fetched successfully INFO: 22 metatags were found INFO:
> twitter:card = gallery tag found ERROR: Internal Proxy Image Service
> Error (twitter:image0) ERROR: Internal Proxy Image Service Error
> (twitter:image1) ERROR: Internal Proxy Image Service Error
> (twitter:image2) ERROR: Internal Proxy Image Service Error
> (twitter:image3) ERROR: Internal Proxy Image Service Error
Pinterest Errors: Oops Unable to fetch/ Something is wrong.
My robots.txt for cdn url looks like this
User-agent: Twitterbot
Disallow:
User-agent: Pinterest
Disallow:
User-agent: *
Allow: /robots.txt
Allow: /imagecache/*
Disallow: /
Example of Meta Tags Used:
<meta property="og:image" content="https://static.hometriangle.com/imagecache/media/2916/htr-image-small-bathroom-390-2916.jpg?size=1200x630-3"/>
<meta property="twitter:image0" content="https://static.hometriangle.com/imagecache/media/2916/htr-image-small-bathroom-390-2916.jpg?size=1200x630-3"/>
If I replace cloudfront urls with direct urls, Images are getting fetched. What could be the issue?
One of the Errorneous Page: https://hometriangle.com/photos/2/bathroom
One of the Errorneous Image: https://static.hometriangle.com/imagecache/media/2916/htr-image-small-bathroom-390-2916.jpg?size=1200x630-3

I've also encountered this issue with Pinterest. Some experimenting revealed that Pinterest has issues with SNI (Server Name Indication) -based SSL connections.
To demonstrate this, I set up 2 new Cloudfront distributions. Both had SSL enabled, one used the default Cloudfront certificate and the other used my custom certificate and required SNI. I don't have the budget to try the $600/month SSL option so I can't comment on that.
Both distributions were accessible via the browser using the Cloudfront URL over SSL.
Pinterest was able to pin from the non-SNI distribution but unable to pin from the SNI-based distribution.
I sent Pinterest a support request over a week ago but all I got was automated responses. Bom-bom.
Here's the wiki on SNI. All major modern browsers support it but I guess whatever Pinterest is written in does not.
http://en.wikipedia.org/wiki/Server_Name_Indication

Related

Failed to load resource: The certificate for this server is invalid. - error when using my site in an iframe on IOS

my website is being used by a third party iframe, the page has a single form
the link for the iframe is as follows
https://MYWEBSITE.com:8443/en?token=eyJhbGciOiAiSFMyNTawfc%3D&token2=ABC
:8443 is there because I am using multiple sets of certificates, some only with port 8443, others only with port 443.
whenever using mobile IOS, the website first load fine within the iframe, but after I try to submit the form, I get the following error:
Failed to load resource: The certificate for this server is invalid. You might be connecting to a server that is pretending to be “MYWEBSITE.com”, which could put your confidential information at risk.
I use aws with elastic beanstalk load balancer
Sorry my English, and thank you for your help :)
P.S. it works fine on chrome, only safari is the problem

Amazon S3 images not loading in chrome

I have a rails application that uploads and displays images from Amazon S3.
I also have an issue displaying some of these images in Chrome!
Take, for example, the following link:
http://s3.amazonaws.com/lafamos-dpk/system/images/2144/thumb/photo_2144.png?1333998967
This just doesn't load in Chrome, but loads just fine in Firefox and Safari.
In a truly mysterious fashion, this image, which was uploaded through the same system, to the same Amazon S3 bucket, loads just fine [granted, it's a different format, but I'm not sure that matters].
Here's a link to the page I'm trying to solve these problems on -- the photos under the Press Photos section all the way down at the bottom are just not showing up at all in Chrome.
Any ideas what's going on here?
Thanks!
Yuval
When you view the site in chrome you're getting a few error's
Failed to load resource: the server responded with a status of 404 (Not Found) https://lafamos-dpk.s3.amazonaws.com/system/main_photos/58/small/artist_58.jpg?1291229622
.
<Error>
<Code>NoSuchKey</Code>
<Message>The specified key does not exist.</Message>
<Key>system/main_photos/58/small/artist_58.jpg</Key>
<RequestId>1F57BF9D9034CB18</RequestId>
<HostId>
U9HkrMYA6nISFRCt2cQ0Xy89uxkzBnJ2pDmlPz/yiCL4Wb74h9hlIg8eVU46+R7y
</HostId>
</Error>
Does the image exist?
Direct links of the images work fine on both Chrome and Firefox, but your img src links seem to be broken. I'm getting this in the DevTools console:
Failed to load resource: the server responded with a status of 404 (NOT FOUND) http://flipsidetomusic.com/wp-content/uploads/2011/02/album_63.jpg
Port: Could not establish connection. Receiving end does not exist. lastError:29
set lastError:29
Port: Could not establish connection. Receiving end does not exist. lastError:29
set lastError:29
I'd look into resolving that 404 Error. Also, I came across a HackerNews' discussion today that may point to the problem's source: https://news.ycombinator.com/item?id=5514344
Apparently Firefox doesn't block non-SSL content on SSL pages by default, but Chrome does. I'd check your S3 bucket permissions, granted, I'm not very familiar with AWS.

Some pages are not securely loaded using https

We have migrated the website from http to https. Also we have installed ssl certification for the website. The website is dolphin 7.1
The problem is when we load the website the pages are loading using https but the lock symbol is not coming.
When I load the site in firefox It shows "This website does not supply identity information. Your connection to this website is only partially encrypted, and does not prevent eavesdropping."
When I load the site in chrome browser it shows lock symbol for some webpages but not for all.
The issue is the site refer the insecured content such as the content are from http websites.
Please help me and tell me the solution for this issue.
Thanks in advance.

HTTP Status 403 when loading a CSS file from a secure domain (Rails 2)

I'm having an issue in Google Chrome regarding SSL. Basically my app is using a CSS file that is hosted on an SSL domain and served by a Rails 2 app. When I look into the Network tab, it shows a 403 status when loading the file. However, the file is loaded successfully when I open it in a new tab.
Does anyone know why this happens and how to get around it?

UIWebView: 502 Bad Gateway response

I have been loading UIWebViews with a set of URL's for a long time while testing my app with no problem. Now I get 502 Bad Gateway Error message when I load my UIWebView.
The URL's I use all came from the same source and all start with:
http://www.gijon.es/eventos/show/
Some URLs are for example:
http://www.gijon.es/eventos/show/21514-ciclo-ciencia-x-cine
http://www.gijon.es/eventos/show/20611-mercado-ecologico-y-artesano
I have tested the URLs from my browser and they work Ok.
I have tested doing a Log that this are actually the URLs just before creating the request.
I have made a testApplication with just a UIWebView loading this URL's and it fails the she way my app does.
Any other URL like http://google.com loads nicely.
How can I debug this problem? Should it be a problem with the remote server? Can it be a problem in my configuration?
The website is configured to handle requests differentely according to the browsers user agent.
So when you access it with UIWebView you are sending as a user agent iPhone, which takes you to a different page on the site.
Due to miscofiguration from their webserver you are seeing a 502 Bad Gateway error (probably they are running NginX).
To verify this, open Firefox, download the User Agent Switcher addon, select as a user agent iPhone 3.0, then open http://www.gijon.es/eventos/show/21514-ciclo-ciencia-x-cine
You will see the 502 bad gateway error
If you want to solve this, you can modify the default UIWebView user agent (set it to safari something). The way to do this is here

Resources