云开平台开发攻略-----零基础创建自动钢琴

简介: 云开发平台攻略,带你深度体验云开发的便利

创建前端应用

1.登录云开发平台。

打开网址https://workbench.aliyun.com/,使用阿里云账号登录,按照提示创建团队,点击同意协议。没有阿里云账号的用户,在登录页面注册后进行登录即可。为了保证最好的使用体验,请使用Chrome浏览器。

1.png


2.创建应用。

打开快速开始 https://workbench.aliyun.com/page/quickstart,点击创建新应用

2.png


3.云资源访问授权

如果您之前没有使用过云开发平台,会出现云资源授权管理的选项,往下拉出现直至同意授权的字样,点击「同意授权」后出现授权成功,点击进入「下一步」

3.png4.png


4.创建应用模板。

分别选择开发语言NodeJS,通过模版创建。点击官方模版,选择“Vue JS自由钢琴应用模板,如图所示。

5.png


5.填写应用基本信息。

按图示填写应用的名称和应用介绍、计算服务。没有产品可选点击旁边的自动创建产品线就会出现一个上海区域的产品了。信息填写完成后点击下一步。

6.png


6.云服务管理。

查看应用依赖的云服务的开通情况,未开通的服务右键点击立即开通,在新标签打开所有服务开通页,根据提示一一开通。开通后应用卡片环境管理后面的小图标全部变成绿色的已开通对勾形状,才算完成应用的创建。

7.png

开发部署应用

1.进入开发。

点击创建好的Vue JS自由钢琴示例 开发部署中的[在线开发部署] ,进入CloudIDE开发界面。

8.png


2.安装依赖和构建。

按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md

9.png


首先安装依赖

npm install

构建产物

npm run build

3.完成一键部署。

点击左侧的tab,然后进行一键部署

10.png


4.预览成功界面。

点击命令行中的二级域名就可以预览你的自由钢琴了,

通过配置的域名进行访问了,赶紧让小伙伴们来关注吧。

11.png


部署成功后,会给出一个免费的临时测试域名用于访问部署到线上的效果。如果你要用自己的域名长期访问,可以参见以下文档继续在线上环境进行部署和发布上线。https://help.aliyun.com/document_detail/176711.html

目前有60多首歌,小星星,成都,千与千寻,告白气球,晴天等。可以自动弹奏,也有键盘定制的曲谱自己弹奏。立即体验创造一台随身携带的自动钢琴吧。

下线应用,停止计费

1.函数计算弹性实例相关的云资源有一定的免费额度,额度消耗完成后会按量付费。如果不需要保留应用,请及时下线,以免产生不必要的费用

12.png


 

相关文章
|
机器学习/深度学习 存储 人工智能
极智AI | 周易AIPU算法部署仿真测试
本教程详细记录了使用周易 AIPU 进行算法部署仿真测试的方法,带大家尝尝鲜。
747 0
|
SQL 监控 关系型数据库
Postgresql CPU 资源占用过高问题
Postgresql CPU 资源占用过高问题
2016 0
Postgresql CPU 资源占用过高问题
|
8月前
|
人工智能 安全 网络安全
科技云报到:2026网络安全六大新趋势:AI重构攻防,信任成为新防线
2026年,网络安全迈入“数字信任”时代。AI驱动下,AI Agent身份认证、API攻击泛滥、智能体基础设施风险等新威胁涌现,推动安全从被动防御转向主动信任重构。融合AI的主动防护、数据治理与合规体系,将成为企业构建可信数字生态的核心竞争力。(238字)
1744 0
|
4月前
|
存储 SQL 关系型数据库
游标从入门到实战:MySQL逐行处理的4步法与5大避坑指南!
数据库小学妹带你轻松掌握MySQL游标!游标是逐行处理结果集的“智能指针”,适用于个性化积分计算、字段拆分、批量发信等集合操作无法胜任的场景。本文详解游标四步法(声明/打开/提取/关闭)、实战案例及四大避坑指南,强调“能不用则不用”——性能优先,集合操作为首选!
|
数据库 Windows
D盘被删除了咋恢复丢失的文件?手把手教你找回宝贵资料
本文详解D盘误删后的文件恢复方法,涵盖三种实用方案:备份还原、专业工具扫描及联系数据恢复服务。强调操作前的关键注意事项,助你高效找回重要资料。
|
9月前
|
人工智能 自然语言处理 搜索推荐
2025年11月,中国数字人平台核心技术与数字引擎选择指南
数字人企业正以技术革新重塑产业格局,涵盖虚拟偶像、智能客服、医疗教育等多元场景。本文解析头部企业技术路径与应用实践,展现数字人在成本、定制与风险控制上的优势,揭示AIGC时代下虚拟与现实融合的未来图景。
|
存储 SQL Apache
网易云信 x Doris:降本70%、提速11倍, 统一 ES/InfluxDB/Hive 多技术栈的落地实践
网易云信引入 Apache Doris 统一了原有 Elasticsearch、InfluxDB 和 Hive 多技术栈系统。凭借其高性能和易扩展的特点,提供一站式的数据存储和分析服务。实现机器成本降低 70%、实时场景查询提速 11 倍、离线任务耗时缩短 80% 的显著收益。
944 0
|
监控 数据挖掘 API
🔥 新手也能懂!Shopee商品详情API接口全攻略
本文介绍了一个用于采集Shopee商品数据的API及其使用方法。通过该API,电商运营者可快速监控竞品价格、销量与评价;数据分析人员能批量获取商品信息进行市场调研;开发者则可构建自动化工具如比价系统或生成报告。内容涵盖注册准备、关键参数说明、Python代码示例以及实战案例(如监控竞品差评)。此外,还提供了防封技巧、常见问题解答及适合人群分析,帮助用户高效上手并解决实际需求。
|
新能源 Java Linux
你必须掌握的常用正则表达式大全
你必须掌握的常用正则表达式大全
3113 1
你必须掌握的常用正则表达式大全
|
缓存
通过memcg触发oom
通过memcg触发oom