How To Fix ‘Refused to Connect’ Error in Iframe Within 2 Minutes

Encountering the ‘Refused to Connect’ error while embedding Apps Script links in iframes? Watch this comprehensive tutorial where I provide a step-by-step solution to resolve this issue. Learn how to troubleshoot and fix this problem effortlessly. Don’t let the ‘Refused to Connect’ error hinder your progress with Apps Script—follow along and get your iframes working seamlessly

जब भी आप Google Apps Script URL को iframe मे लिख कर चलाने की कोशिश करते हैं तब आपको script.google. com से refused to connect कर एक Error Message Display होता हैं। ऐसा इसलिए होता हैं क्युकी आपने जो Apps Script Project बनाया हैं उसे iframe मे display होने की Permission नहीं होती हैं । आइए आज के इस Article के माध्यम से हम समझते हैं की हम किस तरह से Apps Script Web App को iframe मे चलाने की Permission दे सकते हैं।

Refused to Connect

आप कुछ निम्न तरह से Error Message दिखाई देता हैं यदि आपको यह Message दिखाई दे रहा हैं इसका मतलब हैं हैं की आपके iframe src मे दी गई लिंक को iframe मे display होने की पर्मिशन नहीं हैं । इसलिए आपको लिंक जहा से बनाई हैं वह पर Chagnes करने की जरूरत हैं ।

यदि आपको ऐसा ही Message Display हो रहा हैं तब यह Article आपके लिए ही हैं ।

Iframe Code

जब भी आप निम्न प्रकार से Iframe मे Google Apps Script Web Api को Link करते हैं तब आपको उपरोक्त Error आती हैं । आपको इसके लिए iframe मे कोई भी Changes करने की जरूरत नहीं हैं ।

<iframe 
	style="width:100%; height:100%"  
	frameBorder="0"
	src="https://script.google.com/macros/s/.../exec"
	>
</iframe>

Video के माध्यम से Error का Solution

आप इस Video के माध्यम से भी समझ सकते हैं की इस तरह की समस्या का समाधान कैसे करे, इस video मे आपको live Example के माध्यम से समझाया गया हैं जो की आपको बहुत ही जल्दी समझ मे आ जाएगा ।

Solution for Refused to Connect

जब भी आपको उपरोक्त Error “Refused to Connect” आए तब आप setXFrameOptionsMode का उपयोग कर इस Error को Solve कर सकते हैं यह code आपको evaluate() के बाद ऐड करना होता हैं। , ऐसा कर प अपनी Web Api को iframe मे link करने की permission दे रहे हैं ।

function doGet(e) {
  var output = HtmlService.createTemplateFromFile('dropdown');
   
  return output.evaluate().setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
   
}

• मैंने उपरोक्त Example मे एक Dropdown.html को लिंक किया हैं
• आपको यह Changes doGet() वाले Function मे ही करना हैं ।
• यह HtmlService.XFrameOptionsMode.ALLOWALL keyword आपके page को iframe मे open होने की permission देता हैं ।

उपरोक्त change करने के बाद आप project को deploy करेंगे और Deploy करने के बाद जो URL आएगी उसे iframe मे अपडेट करने के बाद जब फिर से Page को Refresh करेंगे तो पाएंगे की Iframe पर दी गई लिंक Execute हो गई हैं।

Google Apps Script URL का Iframe मे उपयोग क्यू किया जाता हैं ?

• जब भी कोई Developer यह नहीं चाहता हैं की user को पता चले की यह Page Google Apps Script से बना हैं
• या वह कोई ऐसा code लिख रहा हैं जिसमे कोई Value Google Sheet या अन्य किसी Apps से लाना हो ।
• कभी कभी ऐसा भी होता हैं की वह जिस स्थान पर Apps Script का output दिखाना चाहता हैं वह वह पर UI से Related Changes नहीं कर सकता हो तब भी उसे iframe का उपयोग करना होता हैं।

आशा हैं मुझे आपको Refused to Connect Error का Solution बहुत ही अच्छे से समझ मे आ गया हैं, इस Article से related कोई भी Query हो तो आप मुझे निःसंकोच comment कर सकते हैं । यह Article कैसा लगा Comment करना न भूले । अपना कीमती समय देने के लिए धन्यवाद ।

---

हमारे अन्य आर्टिकल

• MySQL Function
• MySQL Stored Procedure
• PHP Get /Post Method के बारे में जाने
• PHP Math Function के बारे में जाने
• C से C ++ सीखे सरल शब्दों में
• PHP Variable के बारे में जाने
• Arduino Control Structure 
• Union in C
• Declaration of Pointer in C
• jQuery Search Filter
• MySQL Create Table | Alter Table | Drop Table
• API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)
• CPANEL In Hindi