Facebook信使send_to_messenger给出问题

Question

你好，我正在使用gem 'facebook-messenger'，并遵循在gem中给出的所有步骤。我的要求是在我的应用程序中添加“发送到信使”按钮，我已经包括了以下代码

<script>
 window.fbAsyncInit = function() {
    FB.init({
      appId      : 'APP_ID',
      xfbml      : true,
      version    : 'v2.6'
    });
  };
  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk')
  );
</script>      

<div class="fb-messenger-checkbox"  
  origin=PAGE_URL
  page_id=PAGE_ID
  messenger_app_id=APP_ID
  user_ref= <%= @order.number%>
  prechecked="true" 
  allow_login="true" 
  size="large"></div>  

它给了我错误

拒绝显示'id='APP_ID'&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FXBwzv5Yrm_1.js%3Fversion%3D42%23cb%3Df379bc53d47b1%26domain%3D3aa1d074.ngrok.io%26origin%3Dhttps%253A%252F%252F3aa1d074.ngrok.io%252Ff2ea378cba3d818%26relation%3Dparent.parent&container_width=1273&locale=en_US&messenger_app_id=219206268600034&origin=https%3A%2F%2Fwww.facebook.com%2Fmy-test-716683128523791%2F&page_id='PAGE_ID‘&prechecked=true&sdk=joey&size=large&user_ref=S906106687‘在帧中，因为一个祖先违反了以下内容安全策略指令：“框架-祖先https://www.facebook.com”。

请指导我如何解决这个错误。

Answer 1

添加这个答案，以防其他人在将来遇到这种情况。

您正在获得一个CSP错误，需要白名单您的域名。覆盖here