Diretamente você não pode fazer isso.
Todos os sites em navegadores modernos apenas podem ter requisições para ele mesmo. Para que permita que outro site se conecte ao seu é necessário que defina o Access-Control-Allow-Origin
, pode ler mais sobre isso aqui.
Qual solução?
A solução seria adicionar o Header necessário (Access-Control-Allow-Origin: *), por exemplo.
PHP:
header('Access-Control-Allow-Origin: *');
Mas... Como percebeu: quem deve inserir o Header é quem é requisitado, portanto você deveria alterar os códigos do Twitter e adicionar acrescentar o Access-Control-Allow-Origin
. Convém que isso não é possível!
Game over?
Não exatamente. Essa limitação só ocorre no client-side, ou seja o seu site não pode conectar com outro. Mas, isso não impede que o servidor do seu site se conecte com outro servidor.
Por isso, pode fazer isso:
PHP:
function verificarURL($url) {
// Inicia CURL
$curl = curl_init($url);
curl_setopt_array($curl, [
// Permite obter retorno:
CURLOPT_RETURNTRANSFER => 1,
// Define para retornar false se for <200 >=400:
CURLOPT_FAILONERROR => 1,
// Autoriza seguir o `Location`:
CURLOPT_FOLLOWLOCATION => 1,
// Limita o número de `Location:` a ser seguido:
CURLOPT_MAXREDIRS => 2,
// Adiciona o `Referer` baseado no Location:
CURLOPT_AUTOREFERER => 1,
// Verifica o SSL do website (Previne contra MITM):
CURLOPT_SSL_VERIFYPEER => 1,
CURLOPT_SSL_VERIFYHOST => 2,
// Define o local do CA (as autoridades confiaveis, pode baixar em https://curl.haxx.se/ca/cacert-2017-06-07.pem):
CURLOPT_CAINFO => __DIR__ . DIRECTORY_SEPARATOR . 'cacert-2017-06-07.pem',
// Limita para protocolos HTTP/HTTPS (Previne contra outros protocolos, como `file//`, inclusive em redicionamento):
CURLOPT_REDIR_PROTOCOLS => CURLPROTO_HTTPS | CURLPROTO_HTTPS,
// Limita para TLSv1.2:
CURLOPT_SSLVERSION => CURL_SSLVERSION_TLSv1_2,
// Define um timeout em segundos (contra Slow HTTP Attack e afins):
CURLOPT_TIMEOUT => 4,
CURLOPT_CONNECTTIMEOUT => 2,
//CURLOPT_LOW_SPEED_LIMIT =>
//CURLOPT_LOW_SPEED_TIME =>
]
);
// Executa a requisição:
$dados = curl_exec($curl);
// Fecha o CURL
curl_close($curl);
// Se o HTTP CODE for menor que 200 e maior que 400 ele será false;
return $dados !== false;
}
verificarURL('http://seusite.com');
/!\ SEGURANÇA:
A maior parte dos problemas de segurança do cURL já foram corrigidos e está minimamente seguro para uso público, onde usuário informa o $url
.
Entretanto ainda existem alguns problemas. O seu IP (do servidor) estará exposto para o alvo do cURL, obviamente, isso pode ser um problema caso use CloudFlare e afins, que escondem o IP do seu servidor. Um outro problema é que o redirecionamento (e também o próprio domínio) pode apontar para um outro dispositivo da rede local, por exemplo https://malicioso.com
manda um Location: 192.0.0.1
, o seu código irá seguir e irá dizer "192.0.0.1" existe, o que pode ser relevante.
Existe outra alternativa?
Infelizmente você precisa fazer essa solicitação em server-side, não pode fazer com que o cliente faça isso.
Mas... Você pode "terceirizar" o serviço usando o Yahoo!
O Yahoo possui um recurso chamado XPath, ao menos aqui foi o que encontrei sobre isso, pode ver em https://developer.yahoo.com/yql/guide/yql-select-xpath.html. Lembre-se que o XPath não é do Yahoo, mas o Yahoo lhe permite fazer o XPath, se quiser leia mais sobre isso aqui também, em resumo o XPath permite a manipulação de XML.
Nesse caso você pode fazer uma requisição usando a seguinte query:
SQL/YQL:
Essa API foi descontinuada, deve utilizar o htmlstring
, veja aqui, mas é bem instável.
select * from html where url="http://seusite.com"
Então, isso irá retornar (porque seusite.com existe!):
{"query":{"count":1,"created":"2016-04-18T12:16:44Z","lang":"pt-BR","results":{"body":{"script":{"language":"JavaScript","src":"js/redirect-min.js","type":"text/javascript"}}}}}
O results
irá dizer se existe ou não.
Portanto:
$(':button').click(function() {
var url = $(':input').val();
$.ajax({
url: 'https://query.yahooapis.com/v1/public/yql?q=select * from html where url="' + url + '"&format=json',
type: "get",
dataType: "json",
success: function(data) {
alert(data.query.results != null ? 'Existe' : 'Nao existe');
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="http://stackexchange.com">
<button>VERIFICAR</button>
Isso irá efetuar a query mostrada acima e irá comparar o result
, se for null
é porque não existe.
Entretanto isso possui falsos-negativos, como por exemplo o https://facebook.com
, que registra como não existente. Isso não iria ocorrer na primeira solução.