腾讯云部署项目成功 外网访问失败_Serverless 云函数全图文教程「白嫖」

Serverless 云函数全图文教程「白嫖」 | 技术专题第七期征文​juejin.im

「前言」

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

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

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

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

「Serverless 简介」

Serverless 官网

0cf6cb6ccf263fe6ded134e263461f8f.png

「Serverless」

Serverless(无服务器架构)是指服务端逻辑由开发者实现,运行在无状态的计算容器中,由事件触发,完全被第三方管理,其业务层面的状态则存储在数据库或其他介质中。
Serverless 是云原生技术发展的高级阶段,可以使开发者更聚焦在业务逻辑,而减少对基础设施的关注。

「腾讯云函数」

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

Serverless 特点

  • 运行成本更低
  • 自动扩缩容
  • 事件驱动
  • 无状态性「光说不做假把式」1. 腾讯云 Serverless 支持主流的开发语言
    腾讯云 Serverless 支持 python、php、Nodejs、Go、Java等编程语言,接下来会详细记录 Node12 的部署过程。

4a5dbc392adc925ac5052158cadb65b1.png

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

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

3. 函数配置

73ae4efc450eb300930bc6f546d51c2f.png


确认云函数的配置信息,添加个项目描述,方便区分。
下方的代码是模板代码,部署来看看。4. 测试是否部署成功

1a2118e06c8bc683007a39c6474c5fcc.png


系统提供了 「测试」功能,尝试一下, 「执行摘要」「返回结果」内容可以看出云函数是部署成功的。但是 我们部署一个静态服务器,可不是只看响应报文的,怎么样才能通过浏览器访问到页面呢5. 「触发管理」之 API网关触发器

993cfcc07870c108e7d934e5d8a300ef.png


部署静态服务器,当然以最直接的方式展示出页面,而不是给用户看响应报文。Serverless 云函数提供了多种触发方式

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

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

9edcee16e5e2ba3502ca66f72f9cd7fd.png

a10f3eee32377e7c9798678768d764fb.png


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

15bb3cb098946d2b2d7ae52a8738a009.png

「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
        1. vscode 打开项目

ca5adf4f46d29bac14df6b2e853e9c3f.png


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

          1. 部署云函数
            sls deploy
          2. 腾讯云控制台

e6c23eae434e37f2295a7563bbe7dc5a.png

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

c3cdefcc4494c8416e1d1c8f60a49f1c.png

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

          1. 访问效果

3f5adbb44cd312d8e9f997a52b593a36.png

备注:都走到这一步了,大家应该知道怎么白嫖 腾讯 Serverless 云函数了吧「往期文章推荐」

          • 就这样,我拥有了一台属于自己的云服务器普通人还在犹豫的时候,优秀的你准备一键三连了吗~ <br/>公众号:「 乐闻世界 」


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

b3b704c70601ec430afc1fc004430076.png

a6b6ab73c8c3d0b884be5176a1e2b12e.png

severless 支持的模版列表,大家可以根据自己的需求自行替换
命令模板:sls init <模板名称> -- name <your project name>
模板列表入口

3fe56ea6c1579cf2f649514e79d9f118.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值