2025上半年,最新 AI实践都在这!20+ 应用案例,任听一场议题就值回票价 了解详情
写点什么

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

评论

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

大数据软件开发哪里的培训比较好

小谷哥

我们还需要 SRE 吗?

Bytebase

DevOps SRE developer

Seata-php 入门与下半年展望

apache/dubbo-go

<T>和<?>区别

六月的雨在InfoQ

开源 T 8月月更

重新定义容器化 Serverless 应用的数据访问

阿里巴巴中间件

云计算 阿里云 Serverless 容器 云原生

Jedis 客户端

武师叔

8月月更

头脑风暴:完全平方数

HelloWorld杰少

算法 LeetCode 数据结构, 8月月更

开源一夏 | 使用 CSS 的仿 GitHub 登录页面

海拥(haiyong.site)

开源 8月月更

EMQX企业版正式上架华为云OSC,助力企业实现云原生MQTT Broker的全生命周期管理

EMQ映云科技

物联网 华为云 mqtt emqx 8月月更

Gartner:云安全面临的三大挑战以及三个对应策略

BeeWorks

如何开发一款基于 Vite+Vue3 的在线表格系统(上)

葡萄城技术团队

Vue 前端 vite 框架 系统开发

攻克美颜、虚拟背景、眼神接触多个难题,腾讯会议技术领先的秘诀找到了

科技热闻

一文讲透研发,SRE,运维,DevOps 的区别

Bytebase

DevOps SRE dba database

15条建议,把技术成果写成一篇高质量学术论文

阿里技术

经验分享

Apache Doris 助力网易严选打造精细化运营 DMP 标签系统

SelectDB

数据分析 OLAP Doris 多维分析 DMP

灵感宝盒图谱全新改版!代码实验室开启报名丨RTE NG-Lab 双周报

声网

人工智能 RTE NG-Lab

iofod - 为攻城师们打造的低代码平台

iofod jude

低代码 实用工具

自研发RTC退退退!接入第三方RTC才是真的香

擎声科技

RTC 实时音视频 社交APP出海 泛娱乐出海 擎声Qtt

当云走向行业垂直化,企业该如何应对?

BeeWorks

兼容认证|天融信太行云与观测云完成产品兼容性互认证

观测云

排查 log4j2 安全漏洞的一次经历

观测云

零基础前端培训学习有用吗

小谷哥

盒马销量预测核心算法的技术演进

阿里技术

大数据 算法

如何维护您的知识库?

Geek_da0866

LeaRun.Java微服务快速开发平台

力软低代码开发平台

政企组织为什么更需要私有化的IM即时通讯平台?

BeeWorks

音视频大佬离职后,我是如何在短时间内在音视频开发做出一个性价比高的最优方案

擎声科技

开发者 RTC sdk 实时音视频 擎声Qtt

十年数智求索路,餐饮SaaS头部企业客如云如何走向盈利

ToB行业头条

大数据培训中心哪家比较靠谱

小谷哥

Tapdata 与麒麟软件完成兼容性互认证,国产化生态布局再跃步

tapdata

Tapdata Tapdata架构

融云 | 企业通讯录的设计与实现

融云 RongCloud

通信 企业

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