入门|云开发平台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类型。其它语言也有对应设置返回头的方法,需要参考各自语言的httpSDKREADME.md

1.png

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

2.png

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

3.png

保存,点击【部署】,将写好的htmljs一同部署到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

相关文章
|
26天前
|
人工智能 监控 测试技术
云应用开发平台测试
云应用开发平台测试
42 2
|
13天前
|
存储 数据可视化 数据挖掘
免费低代码平台精选10款,哪款更实用
本文将为您盘点10款免费的低代码平台,包括Zoho Creator、OutSystems Community Edition、Baserow、Mendix等,详细介绍它们的特点,帮助您选择合适的工具。Zoho Creator以其灵活的工作流设计、实时共享数据、快速部署和移动端支持等优势,成为多家企业的首选。OutSystems Community Edition则提供强大的集成能力和组件市场,支持多种应用类型。Baserow开源且高度定制化,适合团队协作。Mendix免费版支持多种应用开发,提供丰富的学习资源。
33 0
|
6月前
|
小程序 JavaScript 前端开发
微信小程序云开发入门实践
微信小程序云开发入门实践
|
6月前
|
搜索推荐 API 数据库
开源电子邮件营销平台 listmonk 使用教程
电子邮件营销是海外产品推广的关键,而ESP(电子邮件服务提供商)如Mailchimp和SendCloud等常被用于管理邮件列表和跟踪效果。然而,成本和定制化限制成为问题。为解决这些问题,开源平台如listmonk提供了一种灵活且可定制的解决方案。listmonk用Go语言编写,具备订阅者管理、邮件创建发送、跟踪分析和API集成等功能,特别适合中小企业和大型组织。它还支持一键部署,例如通过Sealos应用商店,使得部署过程变得简单。
230 1
|
JavaScript Java 数据库
【平台开发】如何快速搭建一个网站
【平台开发】如何快速搭建一个网站
141 1
|
存储 缓存 小程序
什么是云开发以及使用云开发时的一些“坑”
可能很多人不明白“云开发”到底是个什么东西,举个例子,在以前如果你要做一款可以多人联网同时在线玩的小游戏,是一件非常非常难的事,因为你需要客户端(根据不同的平台这里的客户端可能指的是手机,电脑或是其他的平台),还需要服务器,这是两个完全不同的领域。
140 0
|
存储 数据采集 SQL
4.1 平台服务 阿里云|学习笔记
快速学习4.1 平台服务 阿里云
4.1 平台服务 阿里云|学习笔记
|
JavaScript Java 关系型数据库
云开发云平 | 学习笔记
简介:快速学习云开发云平
192 0
云开发云平 | 学习笔记
|
消息中间件 NoSQL Linux
阿里云开发心得
分享一些关于阿里云服务器的使用心得以及使用过程中遇到的一些问题
阿里云开发心得