web 实战营第1课 | 学习笔记

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 简介:快速学习 web 实战营第1课

开发者学堂课程【云开发 Web 应用训练营:web 实战营第1课】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/911/detail/14413


web实战营第1课


目录:

一、解决方案

二、产品

三、应用

四、创建示范

五、拓展

认识云开发平台


一、解决方案

各种应用开发模板 填充少量业务代码就可以完成 web 应用

阿里云 Serverless 计算能力+天猫精灵, AI 智能机觉等 SDK+PHP、Springboot 等语言框架+少量的业务代码


二、产品

多个应用的有机集合

多个应用在逻辑上的归类目录

应用之间互相通信的内网通道

应用所在的地城( Region )


三、应用

实例化运行的解决方案

秒级启停:一键启动, 一键停止

云端开发: CloudIDE & Codeup 代码仓库

弹性配置:环境配置、自动运维

暴露按口:公网访问,内网访问

运行监控:日志、性能指标查看

衔接本地开发: CICD . 持续集成

真正需要操作的写少量业务代码、秒级启停:一键启动, 一键停止

云开发平台首页开发地址:workbench.aliyun.com


四、创建示范

输入企业组织或团队的名字

第一次进入会有云开发平台服务协议--签署协议

新建应用

image.png

选择应用场景:通过示范模板的解决方案快速搭建应用(解决方案分为三种:FC (是一种轻量级,按调用量计费‘0’费用启用)、SAE、ASK )

填写应用基本信息

image.png

应用图标和 codeup 代码仓库不是必填项

新建产品:

image.png

开通云服务:

image.png

1,API 调用量费用

共享实例的 API 调用量费用,根据您发布的 API 实际发生的调用量阶梯计费,阶梯价格如下:

 image.png

五、拓展

应用部署产品和应用的关系

image.png云平台的基础概念:

CS 请状取访可您云资源的权限

下方是系统创建的可供 CS 使用的角色,授权后,CS 拥有对您云资源相应的访问权限

AliyunCSManagedLogRole

AliyunCSManagedCmsRole

AliyunCSManagedCsiRole

AliyunCSManagedVKRole

AliyunCSClusterRole

AliyunCSServerlessKubernetesRole AliyunCSKubernetesAuditRole  AliyunCSManagedNetworkRole

AliyunCSDefaultRole

AliyunCSManagedKubernetesRole  AliyunCSManagedArmsRole 、

ApiGateway 请求获取访问您云资源的权限

下方是系统创建的可供 ApiGateway 使用的角色,授权后,ApiGateway 拥有对您云资源相应的访问权限。

AliyunApiGatewayAccessingFCRole

DevcloudWorkbench 请求获取访问您云资源的权限

下方是系统创建的可供 DevcloudWorkbench 使用的角色,授权后,DevcloudWorkbench 拥有对您云资源相应的访问权限。

AliyunDevcloudWorkbenchDefaultRole

NAT 请求获取访问您云资源的权限

下方是系统创建的可供NAT使用的角色。授权后。NAT 拥有对您云资源相应的访问权限

AliyunNATAccessingNetworkInterfaceRole

Readme.md 代码:

##系统文件

-.workbench

-不可删除,云开发平台应用部署配置文件

-fcRouteDefault,「路由/函数入口」配置入口

-cicd,构建打包部署应用的 Shell 指令集;核心:将要部署的内容全部打包到项目根目录的 code.zip 压络包,云开发平台只认项目根目录的 code.zip 压缩包进行部署

-serverless.js

-SAFE,不可访问扩展名的目录或文件配置入口。加入此列表的目录,代表该目录下所有的文件都不可通过扩展名进行访问:加入此列表的文件,也不能通过扩展名进行访问;

##创建静态应用

-将本地开发好的静态应用直接拖拽到 CloudIDE 项目文件列表即可

-或者直接在 CloudIDE 项目文件列表创建

##创建 API

-建议在 CloudIDE 项目文件列表创建目录用于统一存放相关的 API

-API 格式

module.exports.handler =function(event,context,callback){

var request=JSON.parse(event);// 请求内容都会存储在 event 中,JSON 编码后可遍历查看具体的内容

创建 API :

-建议在 CloudIDE 项目文件列表创建目录用于统一存放相关的 API

-API 格式

......

module.exports.handler=function(event,context,callback){var request =JSON.parse(event);// 请求内容都会存储在 event 中,JSO N 编码后可遍历查看具体的内容

// do sth

var msg ='你好,世界!';1/返回值格式

var responseObject ={

isBase64Encoded:false,//与body内容是否进行base64 编码保持- statusCode: 200,//状态码,根据返回值自行决定适合的状态码 headers: {

"Content-type":"text/html;charset=utf-8"//根据返回值设置正确的 Content-type}。

body:msg//返回值};

callback(null, response0bject);//返回结果  

部署有三个环境;日常环境,预发环境,线上环境

重点;

image.png

确认部署信息:

image.png

部署过程:

image.png

应用启动的状态:

image.png

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
2月前
|
计算机视觉 Python
Flask学习笔记(六):基于Flask的摄像头-web显示代码(可直接使用)
这篇文章是关于如何使用Flask框架结合OpenCV库,通过电脑摄像头实现视频流在网页上的实时显示,并提供了单摄像头和多摄像头的实现方法。
107 2
Flask学习笔记(六):基于Flask的摄像头-web显示代码(可直接使用)
|
2月前
|
文件存储 Python
Flask学习笔记(一):Flask Web框架
本文介绍了Flask Web框架的基本概念、安装方法、初始化参数、程序编写、静态文件显示和配置信息加载等基础知识。
30 0
|
5月前
|
自然语言处理 运维 JavaScript
web-flash 学习笔记
web-flash 学习笔记
|
7月前
|
JavaScript 前端开发 API
web学习笔记(二十九)jQuery
web学习笔记(二十九)jQuery
41 0
|
7月前
|
存储 JSON JavaScript
web学习笔记(二十八)
web学习笔记(二十八)
43 0
|
7月前
web学习笔记(二十七)PC端网页特效
web学习笔记(二十七)PC端网页特效
37 0
|
7月前
|
JavaScript 前端开发 Go
web学习笔记(二十六)
web学习笔记(二十六)
42 0
|
7月前
|
JavaScript 前端开发 内存技术
web学习笔记(二十五)BOM开始
web学习笔记(二十五)BOM开始
46 0
|
7月前
|
JavaScript
web学习笔记(二十四)
web学习笔记(二十四)
37 0
|
7月前
|
JavaScript 前端开发
web学习笔记(二十三)
web学习笔记(二十三)
61 0