阻止源自「https://www.facebook.com」的框架訪問源自「http://myapp.herokuapp.com」的框架

我收到了無限量的此消息（如在循環中）和它打破了網站阻止源自「https://www.facebook.com」的框架訪問源自「http://myapp.herokuapp.com」的框架

滑軌4.0.0（與Turbolinks）訪問與原籍「http://app.herokuapp.com」幀凍結與原籍「https://www.facebook.com」的幀

錯誤消息

。請求訪問的幀具有「https」的協議，正被訪問的幀具有「http」的協議。協議必須匹配。

Facebook.js.coffee

fb_root = null 
fb_events_bound = false 

$ -> 
    loadFacebookSDK() 
    bindFacebookEvents() unless fb_events_bound 

bindFacebookEvents = -> 
    $(document) 
    .on('page:fetch', saveFacebookRoot) 
    .on('page:change', restoreFacebookRoot) 
    .on('page:load', -> 
     FB?.XFBML.parse() 
    ) 
    fb_events_bound = true 

saveFacebookRoot = -> 
    fb_root = $('#fb-root').detach() 

restoreFacebookRoot = -> 
    if $('#fb-root').length > 0 
    $('#fb-root').replaceWith fb_root 
    else 
    $('body').append fb_root 

loadFacebookSDK = -> 
    window.fbAsyncInit = initializeFacebookSDK 
    $.getScript("//connect.facebook.net/it_IT/all.js") 

initializeFacebookSDK = -> 
    FB.init 
    channelUrl : 'http://app.heroku.com/page/fbchannel' 
    appId  : 'MY_ID_HERE' 
    status  : true 
    cookie  : true 
    xfbml  : true

的PageController

class PageController < ApplicationController 
skip_before_action :authenticate_user! 

def fbchannel 
    cache_expire = 1.year 
    response.headers["Pragma"] = "public" 
    response.headers["Cache-Control"] = "max-age=#{cache_expire.to_i}" 
    response.headers["Expires"] = (Time.now + cache_expire).strftime("%d %m %Y %H:%I:%S %Z") 
    render :layout => false, :inline => "<script src='//connect.facebook.net/it_IT/all.js'></script>" 
    end 
end

FBlike（輔助）

def fblike(resource, layout = 'standard') 

     content_tag(:div, "", class:"fb-like", data: { 
      href: polymorphic_url(resource), 
      width: "225", 
      show_faces: false, 
      stream: false, 
      show_border: false, 
      header: false, 
      layout: layout 

      } 
     ) 
    end

來源

2013-07-30 sparkle

您的頻道網址必須與Facebook使用的協議相同：您是否嘗試過使用https：// app.heroku.com/page/fbchannel作爲您的channelUrl？ – CamilleLDN

很老的問題，但它仍然是開放的 - 所以如果你還沒有看到這個答案，小姐極客是現貨。對我的heroku應用程序進行快速檢查可以驗證您是否可以實際輸入https：而不是http：並且它會自動接受SSL連接 - 無需設置。你必須設立的唯一的事情是在你的Facebook.js.coffee-本節..

initializeFacebookSDK = -> 
    FB.init 
    channelUrl : 'http://app.heroku.com/page/fbchannel'

更改爲..

initializeFacebookSDK = -> 
    FB.init 
    channelUrl : 'https://app.heroku.com/page/fbchannel'

然後，根據您的操作系統（我使用linux）對http://app.heroku做一個快速的grep搜索（或搜索目錄中的文件的文本）並將其更改爲https，以確保安全。

來源

2013-09-30 13:02:00 Crash

阻止源自「https://www.facebook.com」的框架訪問源自「http://myapp.herokuapp.com」的框架

回答

相關問題