How to add custom domain on Google App Scipt

It may have occurred to you that when deploying a Google Apps Script web app, the URL spewn forth looks rather long and unattractive:

https://script.google.com/macros/s/*mashes keyboard*/exec

And that it would be a lot nicer to have something more clear like

https://mysite.com/thing

It turns out that the solution to hosting Google Apps Script web apps on custom domains has been under our noses for all this time. The secret sauce lies in the setXFrameOptionsMode method in the HtmlService class. It takes an enum of one of two values: DEFAULTor ALLOWALL. What we want to do is to set this to ALLOWALL.

return HtmlService  
     .createTemplateFromFile('login')  
     .evaluate()  
     .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);

This now means that we are at liberty to embed our app into any page using an iframe. It even supports SSL.

<iframe src="https://script.google.com/macros/s/**\*mashes keyboard\***/exec"></iframe>

And the end result is something quite stunning.

How to add custom domain on Google App Scipt

See Also