{"id":11449,"date":"2023-09-03T15:08:04","date_gmt":"2023-09-03T09:38:04","guid":{"rendered":"https:\/\/selfimagination.in\/tips\/?p=11449"},"modified":"2023-09-03T15:17:13","modified_gmt":"2023-09-03T09:47:13","slug":"multiple-pages-in-google-apps-script-web-app","status":"publish","type":"post","link":"https:\/\/selfimagination.in\/tips\/multiple-pages-in-google-apps-script-web-app\/","title":{"rendered":"How to Build a Multiple Pages in Google Apps Script Web App with Navigation Tutorial"},"content":{"rendered":"\n<p>In this comprehensive tutorial Multiple Pages in Google Apps Script Web App, you&#8217;ll discover how to harness the power of Google Apps Script to create a dynamic web application. We&#8217;ll guide you through the process of building a user-friendly web app featuring a common header with a navigation bar and menus. The magic happens when you click on a menu item, seamlessly loading different HTML pages. Elevate your web development skills and boost your website&#8217;s this engaging tutorial!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"multiple-pages-in-google-apps-script-web-app\">Multiple Pages in Google Apps Script Web App<\/h2>\n\n\n\n<p>\u091c\u092c \u092d\u0940 \u0906\u092a \u0915\u094b\u0908 Web App \u092c\u0928\u093e\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0939\u092e\u0947 \u090f\u0915 \u0938\u0947 \u0905\u0927\u093f\u0915 \u092a\u0947\u091c \u0915\u094b \u0939\u092e\u093e\u0930\u0947 Home Page \u0938\u0947 Connect \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u0947 \u0939\u0948\u0902 , \u0909\u0938\u0915\u0947 \u0932\u093f\u090f \u0906\u092a Apps Script \u092e\u0947 \u0907\u0938 Concept \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964 \u0907\u0938 Example \u092e\u0947 \u0939\u092e\u0928\u0947 \u090f\u0915 Home Page \u092a\u0930 3 \u0905\u0928\u094d\u092f Pages \u0915\u094b Connect \u0915\u0930\u0928\u0947 \u0915\u093e Logic \u0906\u092a\u0915\u094b \u092c\u0924\u093e\u092f\u093e \u0939\u0948\u0902\u0964 <\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li><a href=\"#multiple-pages-in-google-apps-script-web-app\">Multiple Pages in Google Apps Script Web App<\/a><\/li><li><a href=\"#1-common-header-header-html\">1. Common Header (header.html)<\/a><\/li><li><a href=\"#2-home-page-mail-html\">2. Home Page (mail.html)<\/a><\/li><li><a href=\"#3-page-1-mypage-1-html\">3. Page 1 (mypage1.html)<\/a><\/li><li><a href=\"#4-page-2-mypage-2-html\">4. Page 2 (mypage2.html)<\/a><\/li><li><a href=\"#5-page-3-mypage-3-html\">5. Page 3 (mypage3.html)<\/a><\/li><li><a href=\"#6-apps-script-code-code-gs\">6. Apps Script Code (Code.gs)<\/a><\/li><li><a href=\"#summary-of-multiple-pages-in-google-apps-script-web-app\">Summary of Multiple Pages in Google Apps Script Web App<\/a><\/li><li><a href=\"#\u0939\u092e\u093e\u0930\u0947-\u0905\u0928\u094d\u092f-\u0906\u0930\u094d\u091f\u093f\u0915\u0932\">\u0939\u092e\u093e\u0930\u0947 \u0905\u0928\u094d\u092f \u0906\u0930\u094d\u091f\u093f\u0915\u0932<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-common-header-header-html\">1. Common Header (header.html)<\/h2>\n\n\n\n<p>\u0907\u0938 \u090f\u0915 Common Page \u0939\u0948\u0902 \u091c\u0940\u0924\u0928\u0947 \u092d\u0940 Pages \u0906\u092a Link \u0915\u0930\u0928\u0947 \u0935\u093e\u0932\u0947 \u0939\u0948\u0902 \u0909\u0928\u094d\u092e\u0947 \u091c\u094b \u092d\u0940 Common Code \u0939\u094b \u0935\u0939 \u0906\u092a\u0915\u094b \u0907\u0938 Page \u092e\u0947 \u0932\u093f\u0916\u0928\u093e \u0939\u0948\u0902 \u0924\u093e\u0915\u093f \u0906\u092a\u0915\u0947 \u0938\u092d\u0940 Pages \u090f\u0915 \u091c\u0948\u0938\u0947 \u0926\u093f\u0916\u093e\u0908 \u0926\u0947 \u0964 \u0907\u0938 page \u092e\u0947 \u0939\u092e\u0928\u0947 Bootstrap \u0914\u0930 jQuery \u0915\u094b Add \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 \u0938\u093e\u0925 \u092e\u0947 \u0915\u0941\u091b Common CSS \u092d\u0940 \u0932\u093f\u0916\u0940 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"625\" height=\"82\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2023\/09\/head1.png?resize=625%2C82&#038;ssl=1\" alt=\"Multiple Pages Apps Script Web App\" class=\"wp-image-11499\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2023\/09\/head1.png?w=625&amp;ssl=1 625w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2023\/09\/head1.png?resize=300%2C39&amp;ssl=1 300w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2023\/09\/head1.png?resize=620%2C82&amp;ssl=1 620w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2023\/09\/head1.png?resize=150%2C20&amp;ssl=1 150w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><\/figure>\n<\/div>\n\n\n<pre title=\"header.html\" class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;head&gt;\n  &lt;base target=\"_top\"&gt;\n  &lt;link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\"\n    integrity=\"sha384-EVSTQN3\/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC\" crossorigin=\"anonymous\"&gt;\n  &lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/js\/bootstrap.bundle.min.js\"\n    integrity=\"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn\/tWtIaxVXM\" crossorigin=\"anonymous\"&gt;\n  &lt;\/script&gt;\n\n  &lt;script src=\"https:\/\/code.jquery.com\/jquery-3.7.0.min.js\"\n    integrity=\"sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07\/g=\" crossorigin=\"anonymous\"&gt;&lt;\/script&gt;\n\n  &lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.3.0\/font\/bootstrap-icons.css\"&gt;  \n\n  &lt;style&gt;\n    body {\n      background-color:  rgba(58, 103, 177, 30%); \/\/rgba(205, 180, 219, 30%);\n    }\n\n    .mycolor {\n      background-color: #3a67b1;\/\/#6d3b89;\n    }\n\n    .color {\n      color: #3a67b1; \/\/#6d3b89;\n    }\n\n  &lt;\/style&gt;\n\n  &lt;script&gt; &lt;\/script&gt;\n&lt;\/head&gt;\n\n&lt;nav class=\"navbar navbar-expand-lg mycolor px-2\" &gt;\n  &lt;h3 class=\" text-white\"&gt;Imagination&lt;\/h3&gt;\n  &lt;ul class=\"navbar-nav me-auto mb-2 mb-lg-0\"&gt;\n        &lt;li class=\"nav-item\"&gt;\n          &lt;a class=\"nav-link active text-white\"  href=\"&lt;?= myURL(); ?&gt;\"&gt;Home&lt;\/a&gt;\n        &lt;\/li&gt;\n        &lt;li class=\"nav-item\"&gt;\n          &lt;a class=\"nav-link  text-white\"  href=\"&lt;?= myURL(); ?&gt;?page=mypage1\"&gt;Page1&lt;\/a&gt;\n        &lt;\/li&gt;\n        &lt;li class=\"nav-item\"&gt;\n          &lt;a class=\"nav-link  text-white\"  href=\"&lt;?= myURL(); ?&gt;?page=mypage2\"&gt;Page2&lt;\/a&gt;\n        &lt;\/li&gt;\n          &lt;li class=\"nav-item\"&gt;\n          &lt;a class=\"nav-link  text-white\"  href=\"&lt;?= myURL(); ?&gt;?page=mypage3\"&gt;Page3&lt;\/a&gt;\n        &lt;\/li&gt;\n  &lt;\/ul&gt;\n&lt;\/nav&gt;\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>myURL() :<\/strong> \u092f\u0939\u093e \u0938\u0947 \u0939\u092e\u0928\u0947 Apps Script \u0915\u0947 \u0915\u0947 Function \u0915\u094b Call \u0915\u093f\u092f\u093e \u0939\u0948\u0902\u0964 \u091c\u093f\u0938\u0938\u0947 \u0915\u0940 Page \u0915\u0940 URL Return \u0939\u094b\u0924\u0940 \u0939\u0948\u0964 <\/li>\n\n\n\n<li><strong>page=mypage1: <\/strong>\u092f\u0939\u093e \u0938\u0947 \u0939\u092e\u0928\u0947 page parameter \u092e\u0947 page \u0915\u093e \u0928\u093e\u092e pass \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u091c\u093f\u0938\u0938\u0947 \u0915\u0940 \u0939\u092e Apps Script \u092e\u0947 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 HTML page \u0915\u094b display \u0915\u0930\u0935\u093e\u090f\u0902\u0917\u0947\u0964 <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\ud83d\udcf0How to Build a Dynamic Web App with Google Apps Script | Navigation &amp; Multiple Pages Tutorial\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/jtHULVi0Ed4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-home-page-mail-html\">2. Home Page (mail.html)<\/h2>\n\n\n\n<p>\u0939\u092e\u093e\u0930\u0947 \u0939\u092e\u093e\u0930\u0940 Application \u0915\u093e Home Page \u0939\u0948\u0902 \u091c\u092c \u092d\u0940 \u0906\u092a Successfully Login \u0915\u0930\u0947\u0902\u0917\u0947 \u0924\u094b \u0938\u092c\u0938\u0947 \u092a\u0939\u0932\u0947 \u0907\u0938 Page \u092a\u0930 \u0906\u090f\u0902\u0917\u0947\u0964 <\/p>\n\n\n\n<pre title=\"main.html\" class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n\n&lt;body onload=\"\"&gt;\n  &lt;?!=includeHeader();?&gt;\n  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;\n  &lt;center&gt;&lt;h1&gt;Welcome to Home Page&lt;\/h1&gt;&lt;\/center&gt;\n&lt;\/body&gt;\n\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>&lt;?!=includeHeader();?&gt; : <\/strong>\u0907\u0938 \u0932\u093e\u0907\u0928 \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0939\u092e\u0928\u0947 \u091c\u094b \u092a\u0939\u0932\u0947 header.html \u092c\u0928\u093e\u092f\u093e \u0925\u093e \u0909\u0938\u0915\u094b \u0932\u093f\u0902\u0915 \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0910\u0938\u093e \u0915\u0930\u0928\u0947 \u0938\u0947 \u0939\u092e\u0947 Code \u0915\u092e \u0932\u093f\u0916\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0914\u0930 \u0938\u093e\u0925 \u092e\u0947 \u091c\u092c \u092d\u0940 \u0939\u092e \u0915\u094b\u0908 Changes \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0935 \u090f\u0915 \u0938\u093e\u0925 \u0938\u092d\u0940 pages \u092a\u0930 \u092d\u0940 \u0939\u094b \u091c\u093e\u0924\u093e \u0939\u0948\u0964 <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-page-1-mypage-1-html\">3. Page 1 (mypage1.html)<\/h2>\n\n\n\n<p>\u0928\u093f\u092e\u094d\u0928 \u0938\u092d\u0940 Pages \u0915\u0947\u0935\u0932 Example \u0915\u0947 \u0932\u093f\u090f \u0939\u0940 \u0926\u093f\u090f \u0939\u0948\u0902 \u0910\u0938\u0947 \u0906\u092a \u0915\u093f\u0924\u0928\u0947 \u0939\u0940 Pages \u092c\u0928\u093e \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964 \u0907\u0938\u092e\u0947 \u092d\u0940 \u0939\u092e\u0928\u0947 Common Header \u0915\u094b Include \u0915\u093f\u092f\u093e \u0939\u0948\u0902\u0964 <\/p>\n\n\n\n<pre title=\"mypage1.html\" class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;base target=\"_top\"&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n      &lt;?!=includeHeader();?&gt;\n \n       &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;\n       &lt;center&gt;&lt;h1&gt;Welcome to Page 1&lt;\/h1&gt;&lt;\/center&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-page-2-mypage-2-html\">4. Page 2 (mypage2.html)<\/h2>\n\n\n\n<p>\u0928\u093f\u092e\u094d\u0928 \u0938\u092d\u0940 Pages \u0915\u0947\u0935\u0932 Example \u0915\u0947 \u0932\u093f\u090f \u0939\u0940 \u0926\u093f\u090f \u0939\u0948\u0902 \u0910\u0938\u0947 \u0906\u092a \u0915\u093f\u0924\u0928\u0947 \u0939\u0940 Pages \u092c\u0928\u093e \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964 \u0907\u0938\u092e\u0947 \u092d\u0940 \u0939\u092e\u0928\u0947 Common Header \u0915\u094b Include \u0915\u093f\u092f\u093e \u0939\u0948\u0902\u0964 <\/p>\n\n\n\n<pre title=\"mypage2.html\" class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;base target=\"_top\"&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n      &lt;?!=includeHeader();?&gt;\n       &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;\n       &lt;center&gt;&lt;h1&gt;Welcome to Page 2&lt;\/h1&gt;&lt;\/center&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5-page-3-mypage-3-html\">5. Page 3 (mypage3.html)<\/h2>\n\n\n\n<p>\u0928\u093f\u092e\u094d\u0928 \u0938\u092d\u0940 Pages \u0915\u0947\u0935\u0932 Example \u0915\u0947 \u0932\u093f\u090f \u0939\u0940 \u0926\u093f\u090f \u0939\u0948\u0902 \u0910\u0938\u0947 \u0906\u092a \u0915\u093f\u0924\u0928\u0947 \u0939\u0940 Pages \u092c\u0928\u093e \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964 \u0907\u0938\u092e\u0947 \u092d\u0940 \u0939\u092e\u0928\u0947 Common Header \u0915\u094b Include \u0915\u093f\u092f\u093e \u0939\u0948\u0902\u0964 <\/p>\n\n\n\n<pre title=\"mypage3.html\" class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;base target=\"_top\"&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n      &lt;?!=includeHeader();?&gt;\n       &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;\n        &lt;center&gt;&lt;h1&gt;Welcome to Page 3&lt;\/h1&gt;&lt;center&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"6-apps-script-code-code-gs\">6. Apps Script Code (Code.gs)<\/h2>\n\n\n\n<p>\u0905\u092c \u092f\u0939\u093e\u0901 \u0938\u0947 Server Side Code \u0915\u0940 \u0936\u0941\u0930\u0941\u0906\u0924 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902\u0964 \u0907\u0938\u092e\u0947 \u0939\u092e\u0928\u0947 \u092e\u0941\u0916\u094d\u092f \u0930\u0942\u092a \u0938\u0947 \u0915\u0947\u0935\u0932 3 Function \u0915\u093e \u0939\u0940 \u0909\u092a\u092f\u094b\u0917 \u0915\u093f\u092f\u093e \u0939\u0948\u0902\u0964 doGet(),  includeHeader(), myURL() , \u0938\u093e\u0925 \u092e\u0947 \u091c\u094b Session \u0938\u0947 Related Code \u0925\u093e \u0909\u0938\u0947 Comment \u0915\u093f\u092f\u093e \u0939\u0941\u0935\u093e \u0939\u0948\u0902 \u0909\u0938\u0915\u0947 \u0932\u093f\u090f \u0906\u092a\u0915\u094b \u092e\u0947 \u090f\u0915 \u0905\u0932\u0917 \u0938\u0947 Article \u092e\u0947 Secure Login \u0913\u0930 Logout \u0915\u0940 Coding Provide \u0915\u0930 \u0926\u0942\u0902\u0917\u093e\u0964 <\/p>\n\n\n\n<pre title=\"code.gs\" class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">function doGet(e)\n{\n   \/\/var output = HtmlService.createTemplateFromFile('login');\n   \/\/var sess = getSession();\n   \/\/if (sess.loggedIn) {\n\n      let page = e.parameter.page;         \/\/01\n      if (page == null) page = \"main\";     \/\/02\n      var output = HtmlService.createTemplateFromFile(page); \/\/03\n  \/\/}\n  return output.evaluate();  \/\/04\n}\n\nfunction includeHeader()   \/\/05\n{\n   return HtmlService.createTemplateFromFile(\"header.html\").evaluate().getContent();\n}\n\nfunction myURL()  \/\/06\n{\n  return ScriptApp.getService().getUrl();\n}<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>01:<\/strong> \u092f\u0939\u093e \u092a\u0930 \u0939\u092e\u0928\u0947 parameter \u092e\u0947 \u0938\u0947 page \u0935\u093e\u0932\u0947 Attribute \u0915\u094b  page Variable \u092e\u0947 Get \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li>\n\n\n\n<li><strong>02: <\/strong>\u092f\u0926\u093f page variable \u092e\u0947 \u0915\u094b\u0908 \u092d\u0940 \u0935\u0948\u0932\u094d\u092f\u0942 \u0928\u0939\u0940\u0902 \u0939\u0941\u0908 \u0924\u094b \u092f\u0939 main page \u0915\u094b open \u0915\u0930\u0947 \u0907\u0938\u0932\u093f\u090f null \u0915\u0947 case \u092e\u0947 page \u092e\u0947 main \u0915\u094b set \u0915\u0930 \u0926\u093f\u092f\u093e \u0939\u0948\u0902\u0964 <\/li>\n\n\n\n<li><strong>03:<\/strong> \u091c\u094b \u092d\u0940 page \u0915\u093e \u0928\u093e\u092e \u0939\u092e\u093e\u0930\u0947 \u0926\u094d\u0935\u093e\u0930\u093e pass \u0915\u093f\u092f\u093e \u091c\u093e\u090f\u0917\u093e \u0909\u0938\u0915\u0947 html \u0915\u094b HtmlService.createTemplateFromFile \u0907\u0938 Code \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u090f\u0915 output variable \u092e\u0947 \u0938\u0947\u091f \u0915\u0930 \u0926\u093f\u092f\u093e \u091c\u093e\u090f\u0917\u093e\u0964 <\/li>\n\n\n\n<li><strong>04:<\/strong> \u0905\u092c \u091c\u094b \u092d\u0940 \u0939\u092e\u0928\u0947 Output Html \u092c\u0928\u093e\u092f\u093e \u0939\u0948\u0902 \u0909\u0938\u0947 Evaluate \u0915\u0930 \u0939\u092e Return \u0915\u0930 \u0926\u0947\u0902\u0917\u0947 \u0924\u093e\u0915\u093f \u0935\u0939 Screen \u092a\u0930 Display \u0939\u094b\u0928\u0947 \u0932\u0917\u0947\u0964 <\/li>\n\n\n\n<li><strong>05:<\/strong> \u092f\u0939\u093e \u092a\u0930 \u0939\u092e\u0928\u0947 includeHeader() Function \u092c\u0928\u093e\u092f\u093e \u0939\u0948\u0902 \u0964 \u091c\u094b \u0915\u0940 header.html \u092e\u0947 \u091c\u094b HTML Code \u0932\u093f\u0916\u093e \u0939\u0948\u0902 \u0909\u0938\u0947 Evaluate \u0915\u0930 \u0909\u0938\u0915\u0947 Content \u0915\u094b Return \u0915\u0930 \u0926\u0947\u0917\u093e\u0964 <\/li>\n\n\n\n<li><strong>06:<\/strong> \u092f\u0939\u093e \u092a\u0930 \u0939\u092e\u0928\u0947  myURL() Function \u092c\u0928\u093e\u092f\u093e \u0939\u0948\u0902 \u091c\u094b \u0915\u0940 Current URL \u0915\u094b return \u0915\u0930\u0924\u093e \u0939\u0948\u0902 \u0924\u093e\u0915\u093f \u0939\u092e URL \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u092b\u093f\u0930 \u0938\u0947 Page \u0915\u094b Call \u0915\u0930 \u0938\u0915\u0947 \u0964 <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"summary-of-multiple-pages-in-google-apps-script-web-app\">Summary of Multiple Pages in Google Apps Script Web App<\/h2>\n\n\n\n<p>\u0907\u0938 Multiple Pages in Google Apps Script Web App Article \u092e\u0947 \u0939\u092e\u0928\u0947 \u0906\u091c \u092f\u0939 \u0938\u0940\u0916\u093e \u0915\u0940 \u0915\u093f\u0938 \u0924\u0930\u0939 \u0938\u0947 \u0939\u092e \u090f\u0915 \u0939\u0940 Application \u092e\u0947 \u0905\u0932\u0917 \u0905\u0932\u0917 HTML pages \u0915\u094b link \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964 <\/p>\n\n\n\n<p>\u0906\u0936\u093e \u0939\u0948\u0902 \u092e\u0941\u091d\u0947 \u0906\u092a\u0915\u094b \u0915\u093f\u0938 \u0924\u0930\u0939 \u0938\u0947 Multiple Pages Web app Apps Script \u092e\u0947 \u092c\u0928\u093e \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u092c\u0939\u0941\u0924 \u0939\u0940 \u0905\u091a\u094d\u091b\u0947 \u0938\u0947 \u0938\u092e\u091d \u092e\u0947 \u0906 \u0917\u092f\u093e \u0939\u094b\u0917\u093e\u0964 \u0907\u0938 Article \u0938\u0947 Related \u0915\u094b\u0908 \u092d\u0940 Issue \u0939\u094b \u092f\u093e \u0915\u094b\u0908 Doubt \u0939\u094b \u0924\u094b \u0906\u092a \u092e\u0941\u091d\u0947 \u0928\u093f\u0903\u0938\u0902\u0915\u094b\u091a Comment \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964 \u092f\u0939 Article \u0915\u0948\u0938\u093e \u0932\u0917\u093e ? \u092c\u0924\u093e\u0928\u093e \u0928 \u092d\u0942\u0932\u0947 , \u092e\u093f\u0932\u0924\u0947 \u0939\u0948\u0902 next Article \u092e\u0947 , Thanks for Reading \u0964 <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u0939\u092e\u093e\u0930\u0947-\u0905\u0928\u094d\u092f-\u0906\u0930\u094d\u091f\u093f\u0915\u0932\"><strong>\u0939\u092e\u093e\u0930\u0947 \u0905\u0928\u094d\u092f \u0906\u0930\u094d\u091f\u093f\u0915\u0932<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/selfimagination.in\/tips\/mysql-function\/\">MySQL Function<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/mysql-stored-procedure\/\">MySQL Stored Procedure<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/get-post-method\/\">PHP Get \/Post Method \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0947<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/php-math-function\/\">PHP Math Function \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0947<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/learn-cpp-from-c\/\">C \u0938\u0947 C ++ \u0938\u0940\u0916\u0947 \u0938\u0930\u0932 \u0936\u092c\u094d\u0926\u094b\u0902 \u092e\u0947\u0902<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/php-variables\/\">PHP Variable \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0947<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/arduino-control-structure\/\">Arduino Control Structure<\/a>&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/c-union\/\">Union in C<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/c-pointer\/\">Declaration of Pointer in C<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/search-jquery\/\">jQuery Search Filter<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/mysql-table-create-alter-drop\/\">MySQL Create Table | Alter Table | Drop Table<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/api-using-node-react-express-mysql\/\">API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfimagination.in\/tips\/cpanel\/\">CPANEL In Hindi<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this comprehensive tutorial Multiple Pages in Google Apps Script Web App, you&#8217;ll discover how to harness the power of Google Apps Script to create a dynamic web application. We&#8217;ll guide you through the process of building a user-friendly web app featuring a common header with a navigation bar and menus. The magic happens when [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11493,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-11449","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-other"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2023\/09\/Multiple-pages-webapp-apps-script.jpg?fit=1280%2C720&ssl=1","_links":{"self":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts\/11449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/comments?post=11449"}],"version-history":[{"count":47,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts\/11449\/revisions"}],"predecessor-version":[{"id":11501,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts\/11449\/revisions\/11501"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/media\/11493"}],"wp:attachment":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/media?parent=11449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/categories?post=11449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/tags?post=11449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}