写点什么

CloudBase Webify,专为 Web 开发者打造的云上开发部署平台

Starkwang

  • 2021-07-28
  • 本文字数:1761 字

    阅读完需:约 6 分钟

CloudBase Webify,专为Web开发者打造的云上开发部署平台

CloudBase Webify 正式上线,这是一个专为 Web 开发者打造的云上开发、部署平台,帮助开发者快速开发、预览、部署自己的 Web 应用。

前往 Webify快速开始页面,选择自己的代码仓库,或者从现有的模板中,创建你的第一个 Web 应用。

Webify 想要解决什么问题?

对于大多数前端开发者而言,互联网的基础设施也许不那么友好。

例如,将一个前端项目从零开始发布上线到公网,通常需要考虑到下面的事情:

  • 申请域名,修改 DNS

  • 将静态资源部署到服务器,并配置 Nginx(或者放到对象存储上)

  • 配置 CDN

  • 配置 HTTPS 证书

  • 后续如果需要二次开发,还需要配置一套 CI/CD 工作流

除此之外,还有大量应用层面的问题:

  • 我的单页面应用(SPA)要怎么配置路由?

  • 我的 SSR 应用要怎么部署?

  • 我用的框架能直接发布到云上吗?

  • 我想用 Serverless 云函数写 HTTP API,要怎么处理?

这些问题正是 Webify 想要解决的问题,我们期望为 Web 开发者提供一个专属的平台, 让开发者免除以上来自基础设施的烦恼,专注于 Coding,而不是管理基建。

Webify 提供怎样的能力?

从 Git 托管平台快速创建应用

Webify 支持从第三方代码托管平台直接创建应用,目前支持 Github、Gitlab、Gitee 码云三种平台,后续我们也会放开支持更多的 Git 平台。

点击此处,立刻创建你的第一个Webify应用

例如,很多开发者会使用 Hexo 框架搭建自己的个人博客,并将博客推送至 Github,使用 Github Pages 部署。

这些类型的个人博客也可以直接一键导入并部署到 Webify 上:

查看 Demo:https://my-hexo-site-0g2fpeyz0f499162-1255679239.ap-shanghai.app.tcloudbase.com/

从模板快速创建应用

我们还为开发者提供了一系列模板,包括 Vue、React、Angular、Next.js、Gatsby.js 等流行的 Web 框架。

开发者可以选取任意模板,然后使用模板创建一个新的代码仓库:

随后只需要把变更推送至代码仓库,便可以自动触发应用的重新构建和部署

基于 Git 的持续发布(CD)工作流

在 CloudBase Webify 中,每个应用都可以与一个 Git 代码仓库绑定。绑定后,代码仓库上相应分支的任何提交,都会触发应用的构建及部署。

开发者可以基于此特性搭建自己的 Git 工作流:

例如,将应用与仓库的 master 分支进行绑定,平时采用 dev 分支进行开发,那么在发布新版应用时,只需要将 dev 分支合入 master 分支,便可以全自动构建及发布应用,无需任何手工流程,也无需集成任何第三方 CI/CD 系统。

域名与 CDN

Webify 为每个 Web 应用提供独有的默认域名,默认域名以 .app.tcloudbase.com 为后缀,开发者可以使用默认域名直接访问应用。

应用也支持绑定开发者自己的域名,在应用配置页面中可以直接进行操作。

无论是默认域名还是绑定的自定义域名,均默认带有 CDN 加速能力,最大程度加速 Web 应用的加载性能。

Webify 还有能力在筹划中?

筹划能力 1:边缘路由

对于单页面应用(SPA)、服务端渲染(SSR)、Serverless 等较为复杂的 Web 应用场景,开发者通常需要进行服务端路由的配置。

我们正在筹划边缘路由能力,开发者可以在应用的根目录下放置一份路由配置文件,配置应用的路由逻辑,例如:

(以上只是初期设计,具体使用方式以实际上线后的技术文档为准)

筹划能力 2:免费 HTTPS 证书

目前应用绑定自定义域名时,需要手工选择已有 HTTPS 证书。

我们正在计划为 Webify 应用的自定义域名,提供免费的 DV 型证书,并提供自动续期功能,免除开发者手工申请、维护、续期证书的烦恼。

筹划能力 3:Serverless HTTP API

开发一个高可用、能应对高流量的后端 API,对于一些前端开发者而言并不简单,而近年来兴起的 Serverless 技术正是解决这一问题的绝佳方法。

Webify 正在筹划支持 Serverless HTTP API,开发者只需要在项目的 api 目录下,添加对应的路由处理代码,即可直接部署一个云上 Serverless 化的 HTTP API(基于云托管或云函数)。

应用部署后,即可直接访问:

(以上只是初期设计,具体使用方式以实际上线后的技术文档为准)

Serverless API 中,开发者可以直接使用云开发 CloudBase 的服务端SDK,直接调用云数据库、云存储等云开发提供的 BaaS 能力:

筹划能力 4:更多的框架集成,包括 SSR、ISR、JAMStack

目前 Webify 集成了 React、Vue 等基础的静态 Web 框架,以及主流的静态网站生成器(Static Site Generator, SSG)如 Gatsby.js、Next.js 等.

我们后续也正在考虑集成更多更加复杂的 Web 技术栈或者框架,例如 Next.js SSR/ISRJAMStack 等,方便开发者基于这些集成的框架,快速开发、预览并部署自己的 Web 应用。

2021-07-28 12:07825

评论

发布
暂无评论
发现更多内容

我们为什么喜欢看疯狂科学家开飞艇?

脑极体

华为云大数据BI 解决方案的超高性价比

IT科技苏辞

以原子化服务为基石,面向三大场景打造鸿蒙软硬协同新体验

最新动态

【web 开发基础】PHP的匿名函数和闭包 (40)

迷彩

闭包 closure web开发基础 匿名函数 11月月更

Python 操作BeautifulSoup4(爬取网页信息)

度假的小鱼

正则 11月月更 Python BeautifulSoup4

【React技术】JSX在企业级项目的运用and一个元素渲染demo

恒山其若陋兮

前端 11月月更

mysql与redis的选型问题实践

苏格拉格拉

MySQL 数据库 持久化 redis'

React源码分析2-深入理解fiber

goClient1992

React

2022-11-28:给定两个数组A和B,比如 A = { 0, 1, 1 } B = { 1, 2, 3 } A[0] = 0, B[0] = 1,表示0到1有双向道路 A[1] = 1, B[1]

福大大架构师每日一题

算法 rust 福大大

性能测试知识科普(七):监控能给你带来什么

老张

性能测试 监控指标

关于部署策略的遐思

在天涯的海角

python任务调度利器-APScheduler

AIWeker

Python 任务调度 11月月更

Gradle入门了解

派大星

Gradle

React源码分析3-render阶段(穿插scheduler和reconciler)

goClient1992

React

华为云大数据,帮助企业搭好数据底座

IT科技苏辞

JXcore 打包在企业级项目里的合理运用和模块系统以及网络的配置详解【node.js】

恒山其若陋兮

前端 11月月更

C++学习---类型萃取---is_pointer && is_lvalue_reference/is_rvalue_reference

桑榆

C++ STL 11月月更

盘点入职时,那些常见但不合规的操作

石云升

职场 入职 11月月更

React源码分析1-jsx转换及React.createElement

goClient1992

React

Flare Network,跨越互操作性三难困境

股市老人

三分钟了解client-go

穿过生命散发芬芳

Client-go 11月月更

CrossOver2023免费版虚拟机软件安装包下载

茶色酒

CrossOver2023

CDH5部署三部曲之三:问题总结

程序员欣宸

大数据 hadoop CDH 11月月更

Python操作XML文件

度假的小鱼

11月月更 Python操作xml xml与html区别

EasyRcovery2023绿色免费版U盘数据恢复软件

茶色酒

EasyRcovery2023

支持向量机-二分类SVC中的样本不均衡问题:重要参数class_weight

烧灯续昼2002

Python 机器学习 算法 sklearn 11月月更

富士康智能制造加速营:解决行业当下问题,创造核心技术价值

B Impact

一文熟悉 Go 函数

陈明勇

Go golang 闭包 函数 11月月更

极客时间运维进阶训练营第五周作业

独钓寒江

Python基础库-json库

度假的小鱼

11月月更 Python操作json json语法规则

CloudBase Webify,专为Web开发者打造的云上开发部署平台_语言 & 开发_InfoQ精选文章