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

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

创建前端应用

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


 

相关文章
|
3月前
|
数据库 Windows
D盘被删除了咋恢复丢失的文件?手把手教你找回宝贵资料
本文详解D盘误删后的文件恢复方法,涵盖三种实用方案:备份还原、专业工具扫描及联系数据恢复服务。强调操作前的关键注意事项,助你高效找回重要资料。
|
数据采集 监控 网络协议
【计算机网络】你真的懂学校的校园网吗?
在数字时代,计算机网络已经成为了现代社会不可或缺的一部分。而对于大多数人来说,校园网是我们日常生活中接触最频繁的网络之一,它为学校的师生提供了信息传输、资源共享和互联互通的基础设施。但是,尽管我们每天都在使用校园网,很少有人真正深入了解它的工作原理、安全性和管理细节。
5516 3
|
11月前
|
机器学习/深度学习 算法 数据可视化
无监督学习与数据聚类:从理论到实践
无监督学习与数据聚类:从理论到实践
454 12
|
8月前
|
存储 缓存 弹性计算
聚宽揭秘:为什么量化研究员喜欢在Kubernetes上使用Fluid简化数据管理?
在量化投研过程中,通过引入阿里云的 ack-fluid 技术,基于 JindoRuntime 的分布式缓存加速,解决了多数据源、弹性扩展、动态挂载等挑战,显著提升了数据处理效率和资源利用率,降低运营成本。
|
开发工具 Android开发
[Android Studio]please select android sdk
[Android Studio]please select android sdk
817 1
|
11月前
|
敏捷开发 监控 数据可视化
实现SMART目标的工具有哪些?推荐5款适合团队和企业的目标管理工具
本文介绍了5款高效工具,包括Banli Kanban、Wrike、Airtable、Targetprocess和Basecamp,它们均能有效支持企业实现SMART目标的设定与管理。这些工具通过任务管理、进度跟踪、团队协作等功能,帮助企业确保目标的具体性、可衡量性、可达成性、相关性和时限性,提升工作效率和目标达成率。选择合适的工具需考虑企业的具体需求和规模。
实现SMART目标的工具有哪些?推荐5款适合团队和企业的目标管理工具
|
消息中间件 Java Linux
得物面试:什么是零复制?说说 零复制 底层原理?(吊打面试官)
尼恩,40岁老架构师,专注于技术分享与面试辅导。近期,尼恩的读者群中有小伙伴在面试一线互联网企业如得物、阿里、滴滴等时,遇到了关于零复制技术的重要问题。为此,尼恩系统化地整理了零复制的底层原理,包括RocketMQ和Kafka的零复制实现,以及DMA、mmap、sendfile等技术的应用。尼恩还计划推出一系列文章,深入探讨Netty、Kafka、RocketMQ等框架的零复制技术,帮助大家在面试中脱颖而出,顺利拿到高薪Offer。此外,尼恩还提供了《尼恩Java面试宝典》PDF等资源,助力大家提升技术水平。更多内容请关注尼恩的公众号【技术自由圈】。
得物面试:什么是零复制?说说 零复制 底层原理?(吊打面试官)
|
机器学习/深度学习 人工智能 自然语言处理
AICG驱动的叙事革命:AI在电影剧本创作中的角色
【7月更文第25天】随着人工智能技术的发展,尤其是自然语言处理(NLP)的进步,AI已经开始涉足创意写作领域。在电影行业中,AI不仅能够帮助创作概念和大纲,甚至还能生成完整的剧本草稿。本文将探讨AI如何改变电影剧本创作,并通过一个简单的Python示例展示如何利用AI模型生成剧本片段。
526 3
|
人工智能 Rust JavaScript
Github 2024-06-01开源项目月报 Top20
根据Github Trendings统计,2024年6月共有20个项目上榜。按开发语言分类,项目数量如下:Python和TypeScript项目各有8项,Jupyter Notebook 3项,HTML、Java、Rust、Vue 和 Batchfile 各1项,C和Svelte也分别有1项。这些项目涵盖多种领域,从AI驱动的应用到游戏开发,反映了开源社区的多样性和创新力。
482 0
|
搜索推荐 算法 前端开发
职位招聘管理与推荐系统Python+Django网页界面+协同过滤推荐算法
职位招聘管理与推荐系统Python+Django网页界面+协同过滤推荐算法
573 0