入门|云开发平台1分钟开发一个网站

简介: 云开发系列课程主要介绍了从入门到精通快速上手Serverless和云开发技术。学习内容涵盖云开发协同、云函数、云数据库、多媒体托管、前后端一体化框架等Serverless Web开发必备知识。希望通过云开发系列课程的学习与实际操作,让大家深入了解Serverless和云开发技术,并加深对阿里云云开发平台和阿里云Serverless产品的理解与认识。本篇内容作为入门知识,让你在一分钟之内运行起一个使用了html/css/js的网站。而且如果您学习了前导课程,这个网页中的js代码甚至可以读取您上一节课中的API。

如果你是第一次使用阿里云云开发平台,请先阅读第一篇文章开通云开发平台。

上一节课我们学习了API的开发,但是API只能为前端提供服务,我们还需要一个前端网站,来将API转换成可视化的界面。


接着上一节课的过程,我们依旧以NodeJS作为例子进入应用的开发页面,在 CloudIDE中 创建 api目录,把根目录下的 helloworld.js复制一份到api目录,打开api目录下的helloworld.js文件,把返回值改为一个JSON对象,把返回值类型改为application/json类型。其它语言也有对应设置返回头的方法,需要参考各自语言的httpSDK和README.md:

1.png

保存文件,打开「WB」插件,选择【测试】选项卡,无需【部署】,可以直接测试一下刚才写的API结果。在用户路径中写入 /api/helloworld:

2.png

非常好,顺利输出了我们想要的结果,接下来我们在根目录下创建一个首页index.html,写上一些基本的html标签和文字(或者从网上copy一段html示例代码)。并使用一段js的fetch指令来调用后端服务/api/helloworld进行输出:

3.png

保存,点击【部署】,将写好的html和js一同部署到FC函数计算上。部署之后,得到了临时的测试域名,可以在测试域名后携带/index.html的路径来查看结果(因为我们的文件命名为了index.html,所以根路径也可以看到结果):

4.png

在本示例中,我们基于NodeJS提供后端服务,但是 .js 文件扩展名会被浏览器默认成下载行为,这就对我们的应用安全会造成安全风险。比如直接访问域名+“/index.js”来获取我们的js代码。我们要将所有后端服务的 .js 文件保护起来。打开「serverless.js」,在「SAFE」列表中,将要保护的后端服务文件/目录 添加进去即可:

5.png

重新部署后,在浏览器中访问 /helloworld.js, /api/helloworld.js 就不会被下载了

6.png

相关文章
|
运维 Kubernetes Cloud Native
【云原生-DevOps】企业级DevOps平台搭建及技术选型-CICD篇(一)
【云原生-DevOps】企业级DevOps平台搭建及技术选型-CICD篇(一)
2273 0
【云原生-DevOps】企业级DevOps平台搭建及技术选型-CICD篇(一)
|
开发工具 git 开发者
深入解析:取消 Git Pull 操作的完整指南
【2月更文挑战第29天】
2507 0
|
存储 人工智能 算法
秒懂算法 | 矩阵连乘问题
给定n个矩阵{A1,A2,A3,…,An},其中Ai与Ai+1(i=1,2,3,…,n-1)是可乘的。用加括号的方法表示矩阵连乘的次序,不同加括号的方法所对应的计算次序是不同的。
1825 0
秒懂算法 | 矩阵连乘问题
|
7月前
|
SQL Java 测试技术
告别 CRUD 泥沼!DDD 领域驱动设计:从底层原理到生产级全链路落地实战
DDD是应对复杂业务的架构思想,核心是“领域优先、边界隔离”:通过战略设计(统一语言、限界上下文、上下文映射)划清业务边界;通过战术设计(实体/值对象、聚合根、领域服务等)落地高内聚、低耦合的代码。非银弹,适用于规则多、迭代快、协作难的场景。
1838 1
|
6月前
|
人工智能 自然语言处理 JavaScript
【含新版安装包】无需命令行 OpenClaw 一键部署操作教程
OpenClaw v2.6.0 是专为 Windows 设计的 AI 聊天网关一键部署工具(虾壳云),全程可视化操作,无需命令行或手动配置环境。内置 Python/Node.js/Git 等全部依赖,5 分钟快速安装,支持键鼠模拟与自动化办公。新手友好,仅需关闭杀软、选纯英文路径即可轻松上手。(239字)
|
7月前
|
人工智能 弹性计算 运维
OpenClaw怎样部署?阿里云推出OpenClaw快速部署方案,一键拥有专属AI助理!
OpenClaw(原Clawdbot/Moltbot)是开源本地优先AI代理平台,集成大模型、多渠道通信与自动化能力,支持问答、报告生成、数据库运维等。阿里云提供5种一键部署方案(轻量服务器/无影云电脑/SDK集成/ECS+计算巢),零配置、低成本、7×24小时稳定运行。
777 4
|
9月前
|
存储 并行计算 数据挖掘
8核64G服务器怎么样?2026年阿里云 8 核 64G 云服务器性能、价格与选型指南
阿里云 8 核 64G 云服务器属于高性能规格,凭借 1:8 的 CPU 与内存黄金配比,能轻松应对高负载业务场景,是中大型企业运行核心业务的主流选择。无论是搭建大型电商平台、运行内存密集型数据库,还是处理实时大数据分析、支撑游戏服务器集群,它都能提供充足的算力和内存支撑。下面从价格、配置、性能三方面详细解析,帮你判断是否适配业务需求。
|
Python
Datetime模块应用:Python计算上周周几对应的日期
Datetime模块应用:Python计算上周周几对应的日期
843 1
|
Python