您好我正在使用 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>
它给了我错误
拒绝显示'https://www.facebook.com/v2.6/plugins/messenger_checkbox.php?allow_login=true&app_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&语言环境= EN_US&messenger_app_id = 219206268600034&原点= https%3A%2F%2Fwww.facebook.com%2Fmy-test-716683128523791%2F&page_id ='PAGE_ID'&prechecked = true&sdk = joey&size = large&user_ref = S906106687',因为祖先违反了以下内容安全策略指令:“frame-祖先https://www.facebook.com“ .
请指导我如何解决此错误 .
1 回答
添加此答案,以防将来有人遇到此问题 .
您收到了CSP错误,需要将您的域列入白名单 . 覆盖here