Nhúng Google Apps Script vào iFrame

Question

Tôi đang cố nhúng một trang được tạo động bằng Javascript trong Google Apps Script vào trang web của tôi trong iFrame, nhưng nội dung của iFrame không được hiển thị. Google Apps Script có chính sách có cùng nguồn gốc ngăn không cho nó tải.

Những gì tôi đang cố gắng làm là (tôi loại bỏ các liên kết đầy đủ):

<iframe src="https://script.google.com/a/macros/SCRIPT_ID"></iframe> 

Các lỗi tôi nhận được là:

Refused to display 'https://script.google.com/a/macros/SCRIPT_ID' 
in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. 

Có cách nào để thay đổi chính sách và tải nội dung trong iFrame?

Answer 1

Google vừa mới bật tính năng này. Nó đã được theo một tình trạng 'yêu cầu tính năng' trong một thời gian khá dài. Link here

Bây giờ bạn có thể xác định rõ ràng Tùy chọn khung hình X.

Để cho phép nhúng dưới tên miền khác, tùy chọn nên HtmlService.XFrameOptionsMode.ALLOWALL

tài liệu Google về đề tài này:

https://developers.google.com/apps-script/reference/html/html-output#setXFrameOptionsMode(XFrameOptionsMode)

Ví dụ:

function doGet() { 
    return HtmlService.createTemplateFromFile('form.html') 
     .evaluate() // evaluate MUST come before setting the Sandbox mode 
     .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL); 
} 

Hy vọng điều này giúp!

Answer 2

Tôi gặp sự cố này trên biểu mẫu phản hồi doPost, chỉ ở chế độ nhà phát triển và sửa nó bằng cách thay đổi target = "_ self" thành target = "_ top" trên biểu mẫu doGet ban đầu.

<form method="POST" id="ss-form" target="_top" action="<?!=SETTINGS.PUBLISHED_URL?>">