Comment Facebook prévisualisation des liens qui se passe?
Lorsque vous tapez une URL dans facebook, il vient automatiquement avec le "poster un lien" caractéristique. Avec la plupart des sites, il charge automatiquement une sélection d'images qu'il tire de quelque part dans la page pour aller à côté du lien et la description. quelqu'un aurait-il une idée de comment mettre en œuvre la même fonctionnalité pour notre propre site, sans aucun FB API etc.. il suffit de javascript ou JQuery ?
- J'ai juste sorti d'une bibliothèque côté client à cet effet. Regarde ça: bootstrap-linkpreview
Vous devez vous connecter pour publier un commentaire.
En raison de restrictions de sécurité, le JavaScript ne peut pas charger n'importe quelle page de n'importe quel serveur. Facebook demande réellement le Facebook serveurs pour plus d'informations sur la page, et les serveurs en retour de la requête de la page d'extraire les informations. Vous aussi, vous aurez besoin d'un serveur-côté de la mise en œuvre de cette.
À part ça, c'est assez simple: utiliser un client HTTP bibliothèque pour le langage de votre choix pour vous connecter à l'URL fournie, puis utiliser un parseur HTML bibliothèque pour extraire le
title
balise, d'identifier un important morceau de texte dans lebody
tag, et d'en extraire leimg
tag sources qui semblent les plus appropriées.Une fois que votre serveur est en mesure d'extraire des informations sur une page, c'est assez simple exercice de l'appeler via AJAX.
@Keshan.
Je me mis au point un Facebook Prévisualisation des liens avec PHP et jQuery qui est sur mon site. Prendre un coup d'oeil... Le code source est libre... je n'ai pas poster tout le code ici, parce qu'ils sont nombreux fichiers... Mais si vous préférez le code pour être posté ici, dites-moi et je vais poster.
Il est disponible sur Github https://github.com/LeonardoCardoso/Facebook-Link-Preview
Facebook Lien Preview - PHP + jQuery
Je pense que les étapes suivantes sont impliqués
og:title
en cas de disparition de<title>
og:description
en cas de disparition de<meta name="description" ....
og:image
en cas de disparition de<img src=....
curl
oufile_get_contents
et analyser des données requises détaillées ci-dessus. Pas sûr d'autres Langues.En outre, je pense que FB stocke les données, une fois trouvé, dans la base de données et le 1er requêtes de là. Cela les aide à obtenir un résultat plus rapide et donc même article partagé et aimé générer l'image et les détails à partir de données stockées.
Vous aurez besoin de Javascript pour afficher l'aperçu de l'exécution (alors que vous écrivez dans le textarea). Toutefois, si vous avez besoin seulement après la publication de données, il peut être fait avec du pur langage côté serveur (vous pouvez éviter de javascript) et en suivant les étapes ci-dessus vient de supprimer appel AJAX.
Étonnamment il n'y a pas que de nombreux services et faire ce. Comme le précédent commentaire posté, votre navigateur ne peut pas le faire sans un serveur élément.
Ainsi, le flux de travail est vraiment cela:
Si vous n'êtes pas jusqu'à la création de l'objet serveur, il y a des services de tiers qui peuvent faire l'extraction de bits:
http://unfurl.oroboro.com/
https://guteurls.de/
meilleur de la chance.