如何在新的Google協作平臺中嵌入Facebook供稿（使用Apps腳本）？

我讀過您可以製作顯示Facebook供稿的Google Apps腳本，然後將其嵌入到Google網站中，但我找不到有關如何操作的更多信息，而且我無法確定它我自己。如何在新的Google協作平臺中嵌入Facebook供稿（使用Apps腳本）？

當我試圖使Google Apps腳本的Web應用程序與Facebook的飼料我得到這樣的錯誤：

Uncaught DOMException: Failed to set the 'domain' property on 'Document': Assignment is forbidden for sandboxed iframes.

這是抄襲「臉譜的Javascript SDK」和「換頁」從Facebook開發成HTML文件並將其部署爲Web應用程序。我收集它與Apps腳本如何沙箱代碼有關，但我不知道我必須在這裏做什麼。

對於這個問題，即使我嘗試使用某些靜態HTML製作更簡單的Apps腳本，當我嘗試將它從Drive嵌入到網站中時，我收到一條錯誤消息「某些選定項目無法嵌入」。

來源

2017-06-23 Zuko

新的Google協作平臺不支持Google Apps腳本。

來源

2017-06-23 23:08:27

哇。好的。嗯，我想這完全排除了使用它，對我來說：/ – Zuko

新的谷歌網站現在所做的支持嵌入應用程序腳本（確保部署的應用程序腳本的Web應用程序，設置正確的權限，並使用/ EXEC網址，而不是你的/開發一個嵌入）。

我發現我無法使用Facebook SDK作爲沙盒視頻。我使用iframe解決方案代替視頻，但也許你可以嘗試類似這樣的Feed（我假設你已經在fb中註冊了你的應用程序，因此你可以獲得生成的令牌）：

在apps腳本中，創建一個.GS文件和HTML文件，沿下方的線大致（我還沒有真正與返回的供稿工作，所以檢查返回的數據結構，並相應調整）

//**feed.gs** 
 
function doGet(e) { 
 
    return HtmlService 
 
     .createTemplateFromFile('my-html-file') 
 
     .evaluate(); 
 
} 
 

 
function getToken() { //use your fb app info here (and make sure this script is protected/runs as you 
 

 
    var url = 'https://graph.facebook.com' 
 
    + '/oauth/access_token' 
 
    + '?client_id=0000000000000000' 
 
    + '&client_secret=0x0x0x0x0x0x0x0x0x0x0x0x' 
 
    + '&grant_type=client_credentials'; 
 

 
    var response = UrlFetchApp.fetch(url, {'muteHttpExceptions': true}); 
 
    
 
    var json = response.getContentText(); 
 
    var jsondata = JSON.parse(json); 
 
    
 
    return jsondata.access_token; 
 
    
 
} 
 

 
function getFeed() { 
 
    
 
    var url = 'https://graph.facebook.com' 
 
    + '/your-page/feed' 
 
    + '?access_token=' + encodeURIComponent(getToken()); 
 
    
 
    var response = UrlFetchApp.fetch(url, {'muteHttpExceptions': true}); 
 
    
 
    var json = response.getContentText(); 
 
    var jsondata = JSON.parse(json); 
 
    //Logger.log(jsondata); //check this and adjust following for loop and html showFeed function accordingly 
 
    
 
    var posts = {}; 
 

 
    for (var i in jsondata) { 
 
     posts[i] = {"post":jsondata[i].message}; 
 
    } 
 
    
 
    return posts; 
 
    
 
}

<!--**my-html-file.html**--> 
 
<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <base target="_top"> 
 

 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
     <script> 
 
     // The code in this function runs when the page is loaded (asynchronous). 
 
     $(function() { 
 
      google.script.run 
 
      .withSuccessHandler(showFeed) 
 
      .withFailureHandler(onFailure) 
 
      .getFeed(); //this function is back in .gs file and must return an array or object which gets auto-passed to the showFeed function below 
 
     }); 
 
    
 
     function showFeed(posts) { //parameter name must match array or object returned by getFeed in gs file 
 
      var html = ''; 
 
      for (var p in posts) { 
 
       html += '<p>' + posts[p].post + '</p>'; //instead of a string, you can build an array for speed 
 
      } 
 
      $('#feed').empty().append(html); //if you used an array for the html, you'd split it here 
 
     } 
 
     function onFailure(error) { 
 
      $('#feed').empty().append("Unable to retrieve feed: " + error.message); ; 
 
     } 
 
     </script> 
 

 
    </head> 
 
    <body> 
 
    
 
     <div id="feed"> 
 
      Loading... 
 
     </div> 
 
    
 
    </body> 
 
</html>

來源

2017-10-29 11:38:08 kiden

如何在新的Google協作平臺中嵌入Facebook供稿（使用Apps腳本）？

回答

相關問題