关于前端:3分钟上线一款应用我是怎么做到的

16次阅读

共计 2134 个字符,预计需要花费 6 分钟才能阅读完成。

3分钟能干什么呢?刷个视频号?还是吃个苹果、喝杯茶打个盹儿?发现了没,短短 3 分钟,无论做什么,工夫都显得不太富余!而当初,用云开发,最快 3 分钟即可上线一款利用! 来来来,搬好小板凳,咱们细细聊:

目前云开发已反对疾速部署多种语言、多款热门开发框架,只需点击一个按钮进入云开发控制台,稍等 3 - 5 分钟即可公布利用上线。

举个栗子:下方是部署 SSR 框架 Next.js 的流程动图,感受一下,只须要依照流程点点点,即可部署一款利用上线!

不止于快,应用云开发部署利用还有以下益处:

  • 不须要购买服务器
  • 不须要配置环境
  • 不须要间接配置代码仓库

写在后面:

云开发是如何做到一键部署的?

在教大家应用这款“黑科技”之前,咱们先来看看是如何实现的。

通过云开发实现一键部署,次要借助云开发推出的 云原生一体化部署工具 CloudBase Framework,反对前后端利用一键部署,无需改变代码即可疾速将利用无缝部署在 Serverless 架构的云开发(FaaS + CaaS +BaaS)平台,享受免运维、高性能、高可靠性、可弹性扩缩容的的利用体验。

具体工作时,CloudBase Framework 会主动拉取代码仓库,检测我的项目框架和语言,交互式确认并保留我的项目配置,实现利用的“零配置”一键公布,部署利用会 主动配置 COS 对象存储和 DNS、域名等,自带 HTTPS 平安拜访、CDN 拜访减速等能力

入门:部署流程

  • 进入 云开发建站解决方案特惠页面,筛选任意一款利用,点击“一键部署”按钮

  • 页面主动跳转到云开发控制台(首次登录须要受权并开明云开发),期待创立利用后,点击“利用治理”进入详情页。

  • 此时期待约 3 分钟,待状态显示绿色“运行中”时,即可取得拜访地址:

  • 至此,云开发已为你生成默认利用地址,点击即可预览成果:

祝贺你,已胜利部署你的第一个基于 Serverless 的云开发利用! 是不是很简略?

进阶:二次开发

部署完一款利用上线后,如需在我的项目中增加性能或批改页面款式,如何进行二次开发呢?

同样,借助云开发能力,能够十分不便简略地实现二次开发!这里以上文所述的 Next.js 利用为例。

1、装置 CloudBase CLI

npm install @cloudbase/cli@latest -g

注:能够通过命令行 tcb – v 检测是否装置胜利。

2、克隆代码仓库到本地

在环境详情页取得仓库地址,点击跳转到 Github 后克隆或下载代码到本地。并找到“next-ssr”目录。

3、依据需要批改我的项目代码

依据需要批改对应代码。例如,想把页面展现的大题目改成“Hello CloudBase!”。找到文件:pages – index.js,把 h1 构造批改为:

<h1 className={styles.title}>Hello CloudBase!</h1>

4、批改环境 id 配置

如何将本地代码我的项目与刚刚在云开发控制台部署的我的项目关联上呢?

只需批改本地代码我的项目的配置文件:环境的惟一标识——环境 id。

找到“cloudbaserc.json”文件,把“envId”改成刚刚在控制台创立的环境 id。环境 id 在控制台 – 环境 – 环境总览 取得。

5、在我的项目执行 tcb 命令

在 next-ssr 我的项目下,执行 tcb 命令,受权登录后会主动进入部署,部署胜利后生成拜访地址:

此时,你曾经把握了利用云开发实现二次开发并部署上线的本事,通过拜访默认预览地址能够看到批改已失效:

写在最初

除了官网提供的热门框架反对一键部署,开发者的利用我的项目更能借助云开发的便捷部署,实现疾速开发上线和迭代!不信点我看看他们用云开发一键部署的利用 >>>

毕竟不限语言和框架,基于 Serverless 模式让根底设置治理的工作交由云开发来承当,用户只需关注业务逻辑代码,值得一试。

可能有同学会问:应用云开发贵吗?会不会有资源节约?

答曰:通过一键部署利用会为你开明按量计费环境,实现齐全按需的付费模式,对于用户而言,资源利用率是 100%。

最初,CloudBase Framework 曾经开源啦!欢送大家退出咱们,一起为开源建设奉献一份力量:https://github.com/Tencent/CloudBase-Framework
当初就开始,立马部署属于你的第一个云原生 Serverless 利用吧!

产品介绍

云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为开发者提供高可用、主动弹性扩缩的后端云服务,蕴含计算、存储、托管等 serverless 化能力,可用于云端一体化开发多种端利用(小程序,公众号,Web 利用,Flutter 客户端等),帮忙开发者对立构建和治理后端服务和云资源,防止了利用开发过程中繁琐的服务器搭建及运维,开发者能够专一于业务逻辑的实现,开发门槛更低,效率更高。
开明云开发:https://console.cloud.tencent.com/tcb?tdl_anchor=techsite
产品文档:https://cloud.tencent.com/product/tcb?from=12763
技术文档:https://cloudbase.net?from=10004
技术交换加 Q 群:601134960
最新资讯关注微信公众号【腾讯云云开发】

正文完
 0