基于Spring+Hibernate+Tomcat的本地项目如何测试Facebook评论插件？

当然可以在本地测试Facebook评论插件！即使你没办法创建公网虚拟域名，也能通过本地域名映射的方式搞定，我给你详细拆解步骤：

方法一：通过hosts文件映射本地自定义域名 #

这是最靠谱的本地测试方案，原理是把一个自定义域名指向你的localhost，让Facebook插件认为你在访问一个真实域名：

• 修改hosts文件：

  • Windows系统：打开C:\Windows\System32\drivers\etc\hosts（需要管理员权限编辑）
  • Mac/Linux系统：打开/etc/hosts（用sudo nano /etc/hosts命令编辑，需要sudo权限）
  • 在文件末尾添加一行：127.0.0.1 myapp.local（这里的myapp.local可以换成你喜欢的任意域名，比如local-dev.com）
  • 保存文件后，重启你的Tomcat服务器，确保配置生效

• 用自定义域名访问项目：
  之后访问本地项目时，别再用http://localhost:8080/xxx，而是用http://myapp.local:8080/xxx（把xxx换成你项目的具体路径）

配置Facebook评论插件 #

接下来在Facebook开发者平台做简单配置：

1. 登录Facebook开发者平台，创建一个新应用（如果还没有的话）
2. 找到「评论插件」的配置页面，把刚才设置的myapp.local添加到「允许的域名」列表中
3. 生成插件代码，把代码嵌入到你项目的页面里（比如JSP/Thymeleaf模板中）

插件代码示例 #

这里给你一个基础的代码模板，记得替换成你自己的内容：

<!-- 嵌入评论插件的容器 -->
<div class="fb-comments" 
     data-href="http://myapp.local:8080/your-page-path" 
     data-width="100%" 
     data-numposts="5"></div>

<!-- 加载Facebook SDK脚本 -->
<script async defer crossorigin="anonymous" 
        src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v18.0" 
        nonce="YOUR_NONCE_VALUE"></script>

注意：data-href必须和你访问页面的完整URL一致，也就是用自定义域名的那个地址。

验证测试 #

完成上面的步骤后，用自定义域名访问你的页面，就能看到Facebook评论插件正常加载并使用了。如果遇到加载失败，检查一下：

• hosts文件是否修改正确，用ping myapp.local命令验证是否指向127.0.0.1
• Facebook开发者后台的允许域名是否添加正确
• 页面中的data-href是否和当前访问的URL完全匹配

内容的提问来源于stack exchange，提问作者Deepak Ruhela