一篇文章讲透如何运用AppGallery Connect云托管部署和托管网站

在愈来愈多的场景中,Serverless依靠其核心优点挺进云计算的腹地,发挥着相当重要的做用。今天就和你们一块儿看看云托管服务在营销活动落地页或新建网站托管,以及网站迁移的使用场景,以托管AppGallery Connect翻译服务的宣传页为例,带您了解如何经过全托管Serverless服务能力来快速部署和托管网站,体现Serverless上线快、成本低且免运维的技术优点。css

1、什么是AppGallery Connect云托管html

AppGallery Connect云托管提供网站的全托管服务能力,是一项Serverless服务,它可以帮助开发者伙伴们快速完成网站的部署工做。依托云托管的托管能力,让开发者抽出更多的精力聚焦在界面交互、页面样式等业务逻辑上,没必要关注运维工做,以便快速构建更安全和更流畅的网站。浏览器

2、云托管服务是怎样工做的安全

云托管服务能力设置的核心是开发者在没有云侧设备的状况下,向用户提供网页应用和静态页面的访问。经过CDN实现内容分发,让用户就近访问,速度更快,体验也更流畅。更重要的是,开发者能够管理一个项目里的多个站点,每一个站点还可使用多版本管理。less

接下来,咱们重点解析快速部署的几个方面:运维

第一个是一键式部署,咱们经过管理台的Portal页面,能够将网站页面部署到云托管的运行环境当中,实现版本的快速部署;工具

第二个是一键式回滚,云托管具有版本的回滚能力,咱们能够经过页面操做将网站回退到某个历史版本;flex

第三个是自有品牌运营管理。云托管服务为每一个托管的站点自动提供CDN加速能力,经过丰富的CDN节点,实现网站的流畅访问,安全接入。云托管除了给每一个托管站点提供CDN加速能力以外,还提供CA证书,经过内置的证书实现网站Https协议安全接入。网站

另外,AppGallery Connect的云托管支持一键迁移,也就是说使用云托管服务,咱们能够将本身以前搭建的网站绝不费力地迁移到新的网址域名当中,省时省力。云计算

3、AppGallery Connect云托管部署和托管网站的操做实例

一、准备工做

咱们在AppGallery Connect中建立一个项目,并启用“云托管”服务。

二、建立静态网站

咱们须要先建立一个静态网站,由于当前版本的云托管还不支持动态网站,可是在这个静态网站中,开发者可以使用JavaScript调用API 。

三、制做开始

咱们即将制做的网站,将用于托管AppGallery Connect翻译服务的宣传页,宣传页的内容包含翻译服务的介绍以及相关供应商的宣传资料,宣传页包含文字和图片两部分,内容的代码示例以下:

  1. index.html文件代码,托管程序包根目录中的index.html文件,用做网站的默认主页。具体index.html文件代码以下:


  1. flexible.js文件代码,此文件用来帮助落地页适配各类分辨率的屏幕。
  2. main.css和index.css文件代码,包含网站的设计样式,例如长度、宽度等。

main.css文件代码(见下图)


index.css文件代码(见下图)


资料文件夹结构以下:

须要注意的是,index.html文件单独列出,css文件保存于css文件夹中,JavaScript文件保存于js文件夹中,全部图像都位于images文件夹中。请你们严格按照这种方式保存,不然网站将没法正常托管。

四、将网站文件压缩为zip文件夹,因为托管文件上传有大小限制,为了确保文件可以成功上传,开发者须要压缩文件,这里须要注意几点:

  1. 中国站点压缩包和解压包如今400M,海外站点仍是原来大小,后续也会提升到400M;
  2. 压缩包只支持zip格式,压缩包文件名不能包含中文和空格;
  3. 压缩包中的文件中国站点最大支持20000个,海外站点暂时是2000个,后续会提高到20000个;
  4. 解压文件根目录必须包含index.html页面,做为域名默认访问地址。

五、建立并上传版本

  1. 咱们能够为网站建立版本,每一个站点最多能够建立100个;
  2. 选择管理版本后,咱们须要点击新版本。在弹出的对话框中,单击“浏览”,选择要上传的静态网页zip文件,单击“上传”,而后输入描述,并肯定;
  3. 建立版本后,它会显示在站点版本列表中,而且处于“发布”状态;
  4. 版本发布后,单击“域名”,它将在浏览器中打开托管网站。在那里,咱们将得到托管URL。

在整个过程当中,咱们还须要注意:

  1. 等待1至2分钟,而后单击“刷新”,若是版本状态更改成“已发布”,则说明版本已成功发布;开发者能够在“操做” 列中单击“删除”,以删除没有发布的版本;

2)删除的版本没法恢复,执行此操做时请当心。

以上关于使用AppGallery Connect云托管一键部署托管网站的操做实例分享到这里就结束了,若是开发者伙伴们想要了解更详细的信息,建议访问华为开发者联盟官网,找到AppGallery Connect研习社高效开发系列课程中的构建服务,在线观看视频课程,了解应用开发场景中的各类Serverless服务和工具。

相关文章
相关标签/搜索