华为云classroom赋能--Devstar使应用开发无需从零开始

华为云DevStar为开发者提供业界主流框架代码初始化能力,通过GUI、API、CLI等多种方式,将按模板生成框架代码的能力推送至用户桌面。同时基于华为云服务资源、成熟的DevOps开发工具链和面向多场景的众多开发模板,提供一站式创建代码仓、自动生成框架代码、创建编译构建、测试、部署等流水线任务能力,使应用开发无需从零开始。

为什么选择DevStar

强大的框架代码初始化能力:支持SpringBoot、Vue、React框架代码初始化能力,能够让开发者快速上手,聚焦业务逻辑开发。

完善的集成方式:提供API接口、CLI等多种开发集成方式,开发者可快速将DevStar的能力集成到其开发环境中,提高工作效率。

免费:DevStar服务不收取任何费用,若您在开发过程中需要用到华为云资源,如ECS等,则需要自行购买资源。

华为云Devstar初体验分享

访问方式:

DevStar支持多种访问方式:管理控制台、API、CLI。

控制台方式

用户通过控制台访问DevStar,可以浏览和使用模板,以及对模板及应用的全生命周期管理。

API方式

如果用户需要将公有云平台上的DevStar集成到第三方系统,用于二次开发,请使用API方式访问。

CLI方式

支持用户通过CLI方式访问DevStar,提供模板浏览和按模板生成框架代码的能力。

使用"在线像素绘图工具应用模板"快速创建应用

背景说明:本文档将以"在线像素绘图工具应用模板"为例,使用DevStar服务快速创建、部署一个应用。

前提条件:

  1. 拥有华为云账号(非IAM账号)。
  2. 开通CodeArts服务。
  3. 授权DevStar服务访问其它云服务。(当初次"创建项目"时,会跳转到授权页面

操作步骤:

  1. 进入DevStar服务的"我的应用"。
  2. 在"我的应用"中,单击"创建项目",填写项目基本信息,单击"确定"。

3.项目创建成功后,单击"创建应用",以打开"创建应用"页面。

4."开发语言"选择"JavaScript"、"部署方式"选择"函数部署",并在"选择模板"中选择"Function"下的"在线像素绘图工具应用"模板。单击"立即创建"。

5.创建成功后,会直接跳转到此新创建应用的"应用总览"中,同时您可以在"我的应用"中找到这个应用。

6.在此应用中,在有"应用总览"中"构建与发布"下执行流水线

7.切换到"应用部署"。

8.单击红色"部署"按钮,此时可进入部署设置页面,编辑函数执行入口、选择软件包,此案例中,我们选择"创建新的软件包",如下图所示。

9.单击"确定",便可以看到应用开始部署了。

10.部署成功后,单击提示信息下方的"看看",即可跳转到刚部署好的"在线绘图工具"应用中。

环境清理

本例中使用到的功能及涉及到的服务不收费。如果在完成本例后,您不需要使用创建的应用,请单击"应用管理",找到新建的应用,单击应用右下角"更多">"删除",即可删除应用,可同时删除创建的代码仓库以及流水线。

了解更多

想要学习和使用devstar的更多能力,请参考:Devstar的专题培训

相关推荐
码上成长2 分钟前
JavaScript 数组合并性能优化:扩展运算符 vs concat vs 循环 push
开发语言·javascript·ecmascript
老陈聊架构11 分钟前
『AI辅助Skill』掌握三大AI设计Skill:前端独立完成产品设计全流程
前端·人工智能·claude·skill
油丶酸萝卜别吃13 分钟前
Mapbox GL JS 表达式 (expression) 条件样式设置 完全指南
开发语言·javascript·ecmascript
Ulyanov43 分钟前
从桌面到云端:构建Web三维战场指挥系统
开发语言·前端·python·tkinter·pyvista·gui开发
cypking1 小时前
二、前端Java后端对比指南
java·开发语言·前端
摘星编程1 小时前
用React Native开发OpenHarmony应用:timing定时动画参数
javascript·react native·react.js
糠帅傅蓝烧牛肉面1 小时前
单实例多MCP聚合服务:两种实现方案深度对比
前端·docker·ai
JosieBook1 小时前
【Vue】12 Vue技术—— Vue 事件修饰符详解:掌握事件处理的高级技巧
前端·javascript·vue.js
摘星编程1 小时前
在OpenHarmony上用React Native实现AnimatedValue补间动画
javascript·react native·react.js
摘星编程2 小时前
React Native鸿蒙版:AnimatedXY双轴动画完整代码
javascript·react native·react.js