Serverless 云函数全图文教程「白嫖」

news/2024/5/20 9:26:34 标签: serverless framework, serverless, 云函数
<a class=serverless教程" />

「前言」

前面写了一篇关于拥有一台自己的云服务器 CVM 的文章,记录了如何购买一台云主机以及把自己的代码部署到外网的全过程。

虽然低配的云服务器便宜,但还是需要花钱的。如果仅仅想把自己的项目发布到外网可以让所有网友访问,我推荐真正可以白嫖的服务资源 「腾讯云 Serverless 云函数

而且 Serverless 云函数也不需要开发者懂服务器相关的知识,只需要按照腾讯云 Serverless 提供的配置就可以完成项目的部署。对不懂服务器知识的前端同学是真的友好。

重点是目前完全可以白嫖,腾讯云提供了力度不小的免费额度,爱玩的朋友们完全可以尝试一下

「Serverless 简介」

Serverless 官网

image-20201116114142426

「Serverless」

Serverless(无服务器架构)是指服务端逻辑由开发者实现,运行在无状态的计算容器中,由事件触发,完全被第三方管理,其业务层面的状态则存储在数据库或其他介质中。

Serverless 是云原生技术发展的高级阶段,可以使开发者更聚焦在业务逻辑,而减少对基础设施的关注。

「腾讯云函数

云函数(Serverless Cloud Function,SCF)是腾讯云为企业和开发者们提供的无服务器执行环境,帮助您在无需购买和管理服务器的情况下运行代码。您只需使用平台支持的语言编写核心代码并设置代码运行的条件,即可在腾讯云基础设施上弹性、安全地运行代码

Serverless 特点

  • 运行成本更低
  • 自动扩缩容
  • 事件驱动
  • 无状态性

「光说不做假把式」

1. 腾讯云 Serverless 支持主流的开发语言

腾讯云 Serverless 支持 python、php、Nodejs、Go、Java等编程语言,接下来会详细记录 Node12 的部署过程。

image-20201116114934999

**2. 「Web 静态页面托管」模版 **

image-20201116115824634
  1. 函数名称:用于区分不同的云函数
  2. 运行环境:选择要部署的代码编程语言(以 Nodejs 举例)

3. 函数配置

image-20201116135113937

确认云函数的配置信息,添加个项目描述,方便区分。

下方的代码是模板代码,部署来看看。

4. 测试是否部署成功

image-20201116135923226

系统提供了 **「测试」**功能,尝试一下, 「执行摘要」「返回结果」内容可以看出云函数是部署成功的。

但是 我们部署一个静态服务器,可不是只看响应报文的,怎么样才能通过浏览器访问到页面呢

**5. 「触发管理」之 API网关触发器 **

image-20201116140800901

部署静态服务器,当然以最直接的方式展示出页面,而不是给用户看响应报文。

Serverless 云函数提供了多种触发方式

  • 定时触发
  • COS 触发
  • CMQ 主题订阅触发
  • Ckafka 触发
  • API 网关触发器

创建触发器:API 网关触发器

image-20201116142544998 image-20201116142610734

API 网关触发器创建成功,访问地址:https://service-1ssdjrj6-1253629794.gz.apigw.tencentcs.com/release/serverless-start。感兴趣的可以尝试访问一下。

6. 访问效果

service-i7gcr4i6-1253629794.gz.apigw.tencentcs.com_test_<a class=serverless-start" />

「Serverless 部署 Koa 项目」

作为一个职业前端程序员,我已经习惯了通过「命令行」方式操作项目。

腾讯 Serverless 云函数提供了 CLI 命令行工具方便我们操作。

  1. NPM 全局安装 serverless cli
npm install -g serverless
  1. 初始化项目
sls init koa-starter --name levenx-serverless-koa

或者

serverless init koa-starter --name levenx-serverless-koa

severless 支持的模版列表,大家可以根据自己的需求自行替换

命令模板:sls init <模板名称> – name

模板列表入口

image-20201116154751234
image-20201116145204040
  1. vscode 打开项目
image-20201116145714064

玩过 Koa 的朋友看到 serverless 脚手架提供的模板代码肯定很熟悉,理所当然,我们完全可以按照自己的想法去修改代码

  1. 部署云函数
sls deploy
image-20201116150506718

首次执行「部署」命令时,需要进行微信扫码授权。授权成功之后,vscode 终端可以看到部署的进度,直到 Success

  1. 腾讯云控制台
image-20201116150845226

跟前面「模板代码」部署一样,设置 API 网关处理器

image-20201116151125732

访问地址:https://service-el1maiby-1253629794.gz.apigw.tencentcs.com/test/koa_component_rgrgbtc

  1. 访问效果

    image-20201116151448582

备注:

都走到这一步了,大家应该知道怎么白嫖 腾讯 Serverless 云函数了吧

「往期文章推荐」

  • 就这样,我拥有了一台属于自己的云服务器

普通人还在犹豫的时候,优秀的你准备一键三连了吗~👋👋👋

公众号:「 乐闻世界


http://www.niftyadmin.cn/n/1143037.html

相关文章

微信python天天学_python学习:用 Python 玩转微信就是这么简单

前言 Python现在非常火&#xff0c;语法简单而且功能强大&#xff0c;很多同学都想学Python&#xff01;所以小的给各位看官们准备了高价值Python学习视频教程及相关电子版书籍&#xff0c;欢迎前来领取&#xff01; wxpy 在 itchat 的基础上&#xff0c;通过大量接口优化提升了…

React集成Nprogress顶部进度条(效果图 + 代码实现)

「效果」 「React 代码」 如果仅仅是想在项目中使用 nprogress顶部进度条&#xff0c;那么直接拷贝下面的代码就完事了 安装依赖包 npm install nprogress npm install hoist-non-react-statics创建 withProgress.jsx 高阶组件 import React, { Component } from "reac…

python脚本代码大全_Python学习笔记---代码

1.Python基础语法 1.1 简单执行命令 print("Hello,Python!)" 1.2 脚本文件添加可执行权限 $chmod x test.py #脚本文件添加可执行权限 $ ./test.py 1.3 标识符&#xff1a; _foo代表不能直接访问的类属性&#xff0c;需通过类提供的接口进行访问&#xff0c;不能用fr…

React路由传参方法汇总记录

React中传参方式有很多&#xff0c;通过路由传参的方式也是必不可少的一种。 本文记录项目中会用到的路由传参方式&#xff1a; 路由跳转传参API 目标路由获取参数的方式。 一、动态路由 跳转方法 Link <Link to{{ pathname: "/user/add/1" }}>跳转新增页面…

pb分组数据累计_用实例简要说明PE/PB/ROE

投资股票获得回报的方式有两个端点&#xff0c;一个端点是通过博弈获得回报&#xff0c;另外一个端点是通过企业盈利获得回报。技术派趋势派等流派离前面一个端点比较近&#xff0c;而价值派离后面一个端点比较近。如果想用价值派的方式获得回报&#xff0c;则应该将重点放在企…

python3.7如何安装库_Python3.7.4安装后提示找不到python37.dll怎么办 python37.dll使用方法分享...

python37.dll是什么&#xff1f;找不到python37.dll怎么办&#xff1f;有用户在Python3.7.4安装后&#xff0c;在cmd命令下输入python命令&#xff0c;提示找不到python37.dll&#xff0c;无法继续执行代码。这是什么原因&#xff1f;如何解决&#xff1f;找不到python37.dll&a…

bindActionCreators combineReducers 使用记录

阅读 redux 源码的时候&#xff0c;发现 redux 给我们提供了一系列方法。 createStore &#xff08; redux 创建 store; 必备 &#xff09;applyMiddleware &#xff08; redux 注入中间件 &#xff09;compose &#xff08; redux 组合多个中间件&#xff09; 下面这两个方法是…

redux-actions详解教程记录( redux使用更简单???)

前言 Redux 的诟病是重复的模块代码太多&#xff0c;各路大佬都开始尝试解决这些问题&#xff0c;Redux-actions 悄然而生。 刚开始使用 Redux-actions 时遇到一些问题&#xff0c;那么专门写一篇博客全面详细的记录 Redux-actions 的使用。 安装 npm install redux-actions D…