javascript - 创建动态的 Facebook-fetcher-friendly URL/页面

Question

我正在创建一个网站，其中有一个图片库，可以执行 AJAX 请求以加载图片，我有一个系统，可以使用箭头键等浏览照片，并且可以轻松共享 URL，我更改了地址栏的哈希值，并在页面上使用 javascript 检查哈希值，并在需要时重定向到适当的位置(就像 facebook 所做的那样)。该系统正在运行，但我无法弄清楚如何使这个 getter /爬虫友好。例如，用户可以复制地址 http://mysite.com/photos#photo/123，其中 123 是照片 ID。普通浏览器将重定向到 http://mysite.com/photo/123 并毫无问题地显示页面，但我希望当访问者也将地址粘贴到 Facebook 时保留此功能(作为他们墙上的链接等)这样做的最佳做法是什么？ Facebook 是否有任何处理超出其自身范围的主题标签的“知识”？我目前没有机会尝试，而且我认为爬虫不会解析并执行 javascript 以转到正确的页面。

Answer 1

如果您或您的网络托管服务提供商正在运行 Apache HTTP server , 这可以用 URL rewrites 来完成在您的 httpd.conf 中或在每个目录的基础上使用 .htaccess 文件(这是最常见的方式，特别是对于您无法控制的共享托管环境Apache 的配置)。

尝试将其放入基本目录中的 .htaccess 文件中。 (注意；这超出了我的头脑，仅作为开始使用)

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} =facebookexternalhit\/[0-9]+(\.[0-9]+)*
RewriteRule /photos\#photo/([0-9]+) photos/$1/ [L,R]