HarmonyOS开发者限时福利来啦!最高10w+现金激励等你拿~ 了解详情
写点什么

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:07757

评论

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

2022-12-07:删除重复的电子邮箱。删除重复数据后,id=3的数据被删除。请问sql语句如何写? DROP TABLE IF EXISTS `person`; CREATE TABLE `per

福大大架构师每日一题

数据库 福大大

设计原则 — 基于接口而非实现编程

Lemoon Can

面向对象设计原则 设计原则

架构训练模块1

KING

ChatGPT 加图数据库 NebulaGraph 预测 2022 世界杯冠军球队

NebulaGraph

图数据库 世界杯 AI预测

架构训练营模块一作业

现在不学习马上变垃圾

#架构实战营

FL Studio2023新版本功能爆料将引入4款全新插件!创作力UP!

茶色酒

FL Studio

架构实战 1 - 微信业务架构图-学生管理系统技术选型

架构实战营 「架构实战营」

提供多种数据看板,瓴羊Quick BI全面提升企业可视化分析能力

小偏执o

模块一作业

陈天境

主数据管理实施四部曲概论

用友BIP

模块一作业

unique

从汽车之家效能平台建设看汽车行业研发数字化之路

之家技术

数字化 汽车 构架 效能度量 效能

FL Studio21正式版本发布更新附送85款主题下载

茶色酒

FL Studio 21 FL Studio21

设计原则 — 多用组合,少用继承

Lemoon Can

面向对象设计原则 设计原则

模块七-王者荣耀商城异地多活架构设计

Geek_b35d92

商城 构架 王者荣耀

百亿节点、毫秒级延迟,携程金融基于 NebulaGraph 的大规模图应用实践

NebulaGraph

风控 风控模型 电商风控

无刷直流电机最强科普(收藏版)

元器件秋姐

发展史 电机 BLDC应用 电子工程师 无刷直流电机

携程全球合作伙伴峰会商旅分论坛:以五大中心构建“人数智”服务能力体系

携程商旅

架构实战营-模块一作业

氢原子

#架构实战营

架构实战营模块一_作业

原城

架构实战营 #架构实战营 架构师实战营 「架构实战营」

全面进化!Apache Doris 1.2.0 Release 版本正式发布|版本通告

SelectDB

数据库 大数据 开源 数据分析 Doris

面试常问的高并发系统设计,我们到底该怎么学?

程序员小毕

程序员 面试 后端 高并发 架构设计

架构--模块七 作业

李某人

架构训练营

【沙丘大会回顾】九科信息研发中心自动化负责人郑文茂分享央企数字员工实践案例

九科Ninetech

超详细FL Studio水果2023新版更新功能讲解!80项更新与改进!

茶色酒

FL Studio FL Studio 21 FL Studio21

王者荣耀商城异地多活设计

π

Verilog 设计方法

梦笔生花

流程 Verilog 设计方法

阿里云祝顺民:生而为云,连接增长

云布道师

阿里云 云网络

设计原则

Lemoon Can

面向对象设计原则 设计原则

架构实战营-模块1-作业

zealot0317

如何通过“推送文案的千人千面”有效提升用户转化和留存

极光JIGUANG

极光推送 用户运营

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