云开发 静态网站部署怎么玩

2020-07-22 15:34 更新

一般情况下,我们开发好了 html, css, js 以及一些媒体资源(如图片、视频)都需要部署到一个静态服务器。比如 :

  • Github pages 就是静态网站服务;
  • Nginx 路由静态页面也是最基础的静态网站;
  • Vuepress 项目的产物的也是静态网站;

所以,一般情况下我们说到静态网站,就是指网站没有动态内容,就是纯 HTML,没有动态请求。云开发也提供了静态网站托管(服务),可以:

  • 部署任何资源和文件;
  • 可以设置网站的首页,例如 index.html;
  • 可以设置网站的 404 页面,例如 404.html;
  • 也可以自定义域名,建议这么做;因为如果使用的是默认域名,网站的访问会被限速;
  • 可以和云函数结合,云函数负责动态调用数据库数据,静态网站托管负责部署 html、js、css文件;这样一个<span style="color:red;font-weight:bold;">动态网站就诞生了</span>,就全部是 Serverless化了。

静态网站托管需要选择<span style="color:red;font-weight:bold;"&按量付费套餐</span&才可以开启。

将静态页面部署托管

假定前面没有选择按量付费套餐,则可以选择将环境切换为“按量付费” 或者重新新建环境,如下图所示:

比如当前的文档站点就是 Vuepress 上传上去的,如下图:

静态网站托管会提供一个默认域名,可以在基础配置页面对首页和404页面进行设置。

推荐范式:云端一体化模式

一个网站离不开动态数据,也离不开静态页面。因此推荐动静结合的方式。如下图,

第 1 种方式,可以在云函数中访问数据库和云存储,也是前面篇章提到的方式;然后在静态托管中通过 Ajax 请求云函数的 HTTP 服务。

第 2 种方式,可以使用云开发端上 SDK,直接请求数据库和云存储等服务,可以不写云函数,整个站点全部都是前端 JavaScript 代码。

第 3 种方式,就是第一种和第二种方式的结合体,适当时机用云函数 HTTP 触发,适当时机用端侧 SDK,然后配合静态网站托管,也就是云端一体化开发模式。

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号