首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在google appscript中设置多个html文件的默认主页并将其发布为WebApp

在Google App Script中设置多个HTML文件的默认主页并将其发布为WebApp,可以按照以下步骤进行操作:

  1. 创建一个新的Google Sheet,并在Sheet中添加多个HTML文件。每个HTML文件代表一个页面,可以包含不同的内容和功能。
  2. 在Google Sheet中,点击"工具"菜单,选择"脚本编辑器"。这将打开一个新的窗口,用于编写和编辑Google App Script代码。
  3. 在脚本编辑器中,编写以下代码来设置多个HTML文件的默认主页:
代码语言:txt
复制
function doGet(e) {
  var page = e.parameter.page;
  
  if (page == "page1") {
    return HtmlService.createHtmlOutputFromFile("page1");
  } else if (page == "page2") {
    return HtmlService.createHtmlOutputFromFile("page2");
  } else {
    return HtmlService.createHtmlOutputFromFile("default");
  }
}

上述代码中,通过检查URL参数中的"page"参数来确定要显示的页面。如果"page"参数为"page1",则返回名为"page1"的HTML文件;如果"page"参数为"page2",则返回名为"page2"的HTML文件;否则,返回默认的HTML文件。

  1. 在脚本编辑器中,点击"发布"菜单,选择"部署为Web应用"。在弹出的对话框中,选择以下设置:
  • 项目版本:新建
  • 谁可以访问此应用:任何人,甚至匿名用户
  • 执行API:选择"用户访问",然后点击"部署"按钮
  1. 部署成功后,会生成一个WebApp的URL链接。将该链接分享给其他人,他们就可以访问你设置的多个HTML文件的默认主页了。

这样,你就可以在Google App Script中设置多个HTML文件的默认主页并将其发布为WebApp了。根据实际需求,可以添加更多的HTML文件,并在代码中进行相应的设置。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • PHP相关概念及配置

    客户端动态:服务器端开发一段程序,这段程序的源程序下载到客户端本地并且在客户端本地的运行环境中运行。并通过浏览器将执行结果显示出来。 防止恶意代码,一般不使用。...后来,Rasmus Lerdorf使用C语言将这些Perl脚本重写为CGI程序,还为其增加了运行Web forms的能力以及与数据库交互的特性,并将其重命名为“Personal Home Page/Forms...Zend Engine的出现将PHP代码的处理过程分成了两个阶段:首先是分析PHP代码并将其转换为称作Zend opcode的二进制格式(类似Java的字节码),并将其存储于内存中;第二阶段是使用Zend...四、php的加速器 基于PHP的特殊扩展机制如opcode缓存扩展也可以将opcode缓存于php的共享内存中,从而可以让同一段代码的后续重复执行时跳过编译阶段以提高性能。...其代码根目录中主要包含了一些说明文件以及设计方案,并提供了如下子目录: 1、build —— 顾名思义,这里主要放置一些跟源码编译相关的文件,比如开始构建之前的buildconf脚本及一些检查环境的脚本等

    868130

    docker基础

    查看所有镜像,镜像类似于对象,容器类似于对象的实例,容器是由镜像实例化而来 # 同一仓库源可以有多个 TAG,代表这个仓库源的不同个版本, # 如 ubuntu 仓库源里,有 15.10、14.04.../ubuntu.tar | docker import - test/ubuntu:v1 # 从容器快照文件中再导入为镜像 docker export CONTAINER_ID > ubuntu.tar...# 为 RUN、CMD、ENTRYPOINT、COPY 和 ADD 设置工作目录,就是切换目录 HEALTHCHECH # 健康检查 ARG # 构建时指定的一些参数 EXPOSE # 声明容器的服务端口...(仅仅是声明) ENV # 设置容器环境变量 ADD # 拷贝文件或目录到容器中,如果是URL或压缩包便会自动下载或自动解压 COPY # 拷贝文件或目录到容器中,跟ADD类似,但不具备自动下载或解压的功能...# 指定端口,将docker的80端口映射到主机 8100 端口上 6.访问应用 http://localhost:8100 六、Docker登录与发布 当我们创建完自己的的docker镜像之后,就可以将其发布到网上供其它使用者直接使用了

    41010

    CentOS 7 Apache 多端口部署 Web Apps 指南

    Apache 将其功能和组件分解成能够被独立定制和配置的单元。我们称代表着单个 web 站点的基础单元为虚拟主机。借助匹配系统,虚拟主机为服务器提供了同时运行多个 web 站点的可能。...只要你的服务器能够处理 web 站点带来的访客流,这个方案可以不受软件的约束而不断扩展。 在这篇指南中,我们将示范如何在 CentOS 7 服务器上部署多个 Apache 虚拟主机。...–p /var/www/webapp2/html 注:你需要将上面路径中的 webapp1 和 webapp2 替换成实际需要部署的 web app 的名称。.../html/index.html 现在我们打开文件并修改与站点相关的信息: $ sudo vi /var/www/webapp2/html/index.html 保存并退出这个文件。....conf 接着以 root 权限打开并编辑这个新文件: $ sudo vi /etc/httpd/sites-available/webapp2.conf 现在我们需要修改新文件中的所有配置信息指向第二个

    1.2K10

    Docker基础与实战,看这一篇就够了

    建立默认主页 #打开项目文件 cd /dockerData/nginx/www #使用vim 创建并编辑文件 vi index.html #此时我们会进入vim界面,按 i 插入,然后输入 文件为一个文本文件,里面包含构建镜像所需的所有的命令,首先我们来认识一下Dockerfile文件中几个重要的指令。...' > /usr/share/nginx/html/index.html exec 格式:RUN ["可执行文件", "参数1", "参数2"],这更像是函数调用中的格式。...如VOLUME /tmp这里的 /tmp 目录就会在运行时自动挂载为匿名卷,任何向 /tmp 中写入的信息都不会记录进容器存储层,从而保证了容器存储层的无状态化。当然,运行时可以覆盖这个挂载设置。...."); return "Hello,Java日知录"; } } 我们使用maven将其打包成docker-demo.jar文件,放入一个单独的文件夹,然后按照下面步骤一步步构建镜像并执行

    1.1K12

    【愚公系列】2022年01月 Java教学课程 83-Tomcat发布java应用

    一个web应用由多个静态web资源和动态web资源组成,例如:html、css、js文件,jsp文件、java程序、支持jar包、工程配置文件、图片、音视频等等。...--------目录中内容如下: classes目录----------------web应用的class文件(加载顺序:我们的class,lib目录中的jar包,tomcat的lib目录中的...优先级依次降低) lib目录--------------------web应用所需的jar包(tomcat的lib目录下jar为所有应用共享) web.xml------...,它在配置文件中写的值是:8080。...当使用了独立的ROOT.xml文件时,webapps下ROOT应用就不是默认应用了。 配置默认主页 首先要明确的是,配置默认主页是针对应用说的。是应用的默认主页。

    38040

    NumPy 秘籍中文第二版:四、将 NumPy 与世界的其他地方连接

    我们将详细介绍与这些环境交换数据的细节。 此外,我们还将讨论如何在云上获取 NumPy 代码。 这是在快速移动的空间中不断发展的技术。...准备 我们将重用先前秘籍中的部分代码,因此前提条件是相似的。 在这里,我们将跳过上一秘籍的第一步,并假定它已经为人所知。...scipy.io包具有savemat()函数,该函数允许您将 NumPy 数组存储为.mat文件作为 Python 字典的值。 准备 安装 MATLAB 或 Octave 超出了本书的范围。...GAE 将尝试在您的系统上找到 Python; 但是,例如,如果您有多个 Python 版本,则可能需要自行设置。 您可以在启动器应用的首选项对话框中设置此设置。...我们将建立一个简单的脚本,该脚本每分钟从 Google 财经获取价格数据,并使用 NumPy 对价格进行简单的统计。

    1.9K10

    什么是 Native、Web App、Hybrid、React Native 和 Weex?

    Native App是一种基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app。一般使用的开发语言为Java、C++、Objective-C。...原生开发人才稀缺,至少比前端和后端少,开发环境昂贵 无法跨平台,开发的成本比较大,各个系统独立开发 发布成本高,需要通过store或market的审核,导致更新缓慢 维持多个版本、多个系统的成本比较高,...总的来说,Web App就是运行于网络和标准浏览器上,基于网页技术开发实现特定功能的应用。 响应式的大部分技术都是为实现WebApp能适配多类客户端而设计的。...混合开发,也就是半原生半Web的开发模式,由原生提供统一的API给JS调用,实际的主要逻辑有Html和JS来完成,最终是放在webview中显示的,所以只需要写一套代码即可达到跨平台效果,另外也可以直接在浏览器中调试...开发者可以像开发WebApp一样开发app的视觉UI,以及绝大部分的交互,当需要使用原生功能(如摄像头,陀螺仪等功能)时,只需要调用官方的API就可以轻松实现Native的效果。

    2.5K20

    傲游浏览器漏洞系列(上)- 任意文件写入,UXSS

    漏洞要点: 暴露的 JavaScript 接口导致任意文件写入 - 恶意网页可以强制浏览器下载zip文件,浏览器将其放在 SD 卡上,然后通过调用带有 URL 参数的installWebApp方法解压缩...,强行让浏览器使用 installWebApp方法下载并解压了我们的文件。...“ 下次受害者访问 Google 登录页面时,浏览器通过 com.mx.browser.a.e 类中的 WebView 的 loadUrl 方法将以下 JavaScript 插入到页面中。...-- 在多个域名的用户名字段中包含了 XSS payload 恶意 SQLite 数据库 我们可以使用以下 Python 代码来构建 zip 文件, import zipfile import sys...—— 受害者访问恶意网页,并自动安装”webapp“。此时受害者的本地数据库已被覆盖。 ? —— 我们的 JavaScript 代码在 Google 的登录页面再一次执行。

    1.4K40

    WEBAPP开发技巧总结

    自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。...在此所说的移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发 Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解...17、如何解决盒子边框溢出 当你指定了一个块级元素时,并且为其定义了边框,设置了其宽度为100%。...在移动设备开发过程中我们通常会对文本框定义为宽度100%,将其定义为块级元 素以实现全屏自适应的样式,但此时你会发现,该元素的边框(左右)各1个像素会溢了文档,导致出现横向滚动条,为解决这一问题,我们可以为其添加一个特殊...仍然会对页面中的5位连续的数字进行自动识别,并且将其重新渲染样式,也就是说你的css对该标签是无效的。

    2K20

    Docker基础与实战,看这一篇就够了

    建立默认主页 #打开项目文件 cd /dockerData/nginx/www #使用vim 创建并编辑文件 vi index.html #此时我们会进入vim界面,按 i 插入,然后输入 文件为一个文本文件,里面包含构建镜像所需的所有的命令,首先我们来认识一下Dockerfile文件中几个重要的指令。...' > /usr/share/nginx/html/index.html exec 格式:RUN ["可执行文件", "参数1", "参数2"],这更像是函数调用中的格式。...如 VOLUME /tmp 这里的 /tmp 目录就会在运行时自动挂载为匿名卷,任何向 /tmp 中写入的信息都不会记录进容器存储层,从而保证了容器存储层的无状态化。当然,运行时可以覆盖这个挂载设置。...."); return "Hello,Java日知录"; } } 我们使用maven将其打包成jar文件,放入一个单独的文件夹,然后按照下面步骤一步步构建镜像并执行 在当前文件夹建立

    43420

    业界代码安全分析软件介绍

    开源工具介绍 参与此次分析介绍的软件有以下工具 https://github.com/google/shipshape 这是google发布一个静态程序分析平台,采用go语言编写,支持js、java、python...瓶颈在于平台系统软硬件配置、数据库性能、编译参数的设置。...值得一提的是Infer转换源代码OCaml数据结构的中间文件,.cfg 文件包含了代码文件中每个函数或方法的控制流程。.cg 包含了代码文件中定义的函数的调用关系,以及该文件对外部函数的调用关系。...Error Prone用在Google的Java构建系统中,发现并减少各种严重Bug。 阿里 消息显示阿里内部SDL推行较早,使用称为stc的软件,s一直在做推进安全编码,也有自研源码扫描器。...其他方面 业界在规划、设计、实现、验证、发布、回归阶段中关注源码扫描参与的点有: 静态应用安全分析-找到并自动化修复代码中的软件漏洞与质量缺陷; 软件组件分析:查找开源代码组件或者第三方组件是否包含安全漏洞与

    2.2K20

    Gradle基础操作一

    当参数为一个目录时,该目录下所有的文件都会被拷贝到指定目录下(目录自身不会被拷贝);当参数为一个文件时,该文件会被拷贝到指定目录;如果参数指定的文件不存在,就会被忽略; 当参数为一个 Zip 压缩文件,...拷贝单独的一个文件 from 'src/staging/index.html' // 从Zip压缩文件中拷贝内容 from zipTree('src/main/assets.zip...可以向项目中拓展新的扩展属性、方法等。 可以对项目进行一些约定,如应用 Java 插件后,约定src/main/java 目录是我们的源代码存在位置,编译时编译这个目录下的Java 源代码文件。...第二步:修改paidaxing目录下的(或者试你新建的buildSrc目录下的) build.gralde文件,发布到maven仓库中。...**例如:gradle.properties 文件案例:加快构建速度的,gradle.properties 文件中的属性会自动在项目运行时加载 ## 设置此参数主要是编译下载包会占用大量的内存,可能会内存溢出

    37020

    Gradle 进阶学习之 文件操作

    相对路径:当你使用相对路径时,Gradle 会将其解释为相对于当前项目的根目录(或子项目的根目录)的路径。...在实际的构建脚本中,通常建议使用 Gradle 提供的专门针对文件操作的任务类型,如 Copy、Delete 等,因为它们提供了更好的构建缓存支持和错误处理。...文件树可以代表一个目录及其所有子目录中的文件,或者可以代表一个压缩文件(如 ZIP 文件)中的内容结构。 文件树不仅具有文件集合的所有功能,还允许你访问文件的相对路径和处理具有层级结构的文件集合。...5、归档文件 在 Gradle 中,处理归档文件是一项常见的任务,特别是当你需要将项目打包成 WAR、ZIP、TAR 等格式以便于发布或部署时。...定义任务:然后,定义一个名为 myZip 的任务,并指定其类型为 Zip。

    13910
    领券