• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

一般情况下,我们开发好了 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,然后配合静态网站托管,也就是云端一体化开发模式。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
云开发 尝试使用 CLI 来开发项目发布时间:2022-02-03
下一篇:
云开发 云存储:上传、下载、CDN 地址、删除文件发布时间:2022-02-03
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap