使用 Serverless Framework Express 组件快速创建文本翻译工具

2020-06-05 11:10:09 浏览数 (1)

Tencent Serverless Hours 第二期线上分享会上,通过 Serverless Framework 的 Express Component 实现了一款文本翻译工具。基于腾讯云 TMT 机器翻译工具,支持多种语言的互相翻译。点击 https://service-q8qqunpf-1251971143.bj.apigw.tencentcs.com/release/ 查看 Demo 部署效果。

如何使用 Serverless Framework 的 Express Component 快速创建文本翻译工具呢?跟着下面的步骤一起来试试吧!

1. 安装

通过 npm 安装最新版本的 Serverless Framework

代码语言:javascript复制
npm install -g serverless

2. 创建

创建并进入一个全新目录:

代码语言:javascript复制
mkdir express-trans && cd express-trans

通过如下命令和模板链接,快速创建该应用:

代码语言:javascript复制
serverless create --template-url https://github.com/tinafangkunding/serverless-translate
cd serverless-translate

进入 src 目录,执行如下命令,安装对应依赖

代码语言:javascript复制
cd src && npm install

3. 配置

修改模板中的 .env.example.env,并在 API 密钥管理中获取并配置腾讯云的 SecretIdSecretKey 秘钥信息。

代码语言:javascript复制
# .env
TENCENT_SECRET_ID=123
TENCENT_SECRET_KEY=123

您可以 登陆 https://cloud.tencent.com/login 或注册 https://cloud.tencent.com/register 腾讯云账号。

4. 部署

serverless.yml 文件下的目录中运行如下命令部署应用

代码语言:javascript复制
serverless deploy

部署完毕后,你可以在命令行的输出中查看到该应用的 URL 地址,访问地址即可查看部署结果。支持的翻译语言类型参考接口文档 https://cloud.tencent.com/document/api/551/15619

代码语言:javascript复制
Please scan QR code login from wechat.
Wait login...
Login successful for TencentCloud.

serverless ⚡ framework
Action: "deploy" - Stage: "dev" - App: "appDemo" - Instance: "TranslateDemo"

region: ap-beijing
apigw:
  serviceId:   service-xxxxx
  subDomain:   service-xxxxx-1250000000.bj.apigw.tencentcs.com
  environment: release
  url:         https://service-xxxxx-1250000000.bj.apigw.tencentcs.com/release/
scf:
  functionName: express_component_xxxx
  runtime:      Nodejs10.15
  namespace:    default

10s › TranslateDemo › Success

例如:https://service-q8qqunpf-1251971143.bj.apigw.tencentcs.com/release/ 输入 serverless 并且将其翻译为 zh 简体中文,输入语言是自动监测的。翻译结果:无服务器

5. 监控

在 Serverless Dashboard 中查看应用级别的监控信息。当前支持展示如下监控指标:

  • 函数触发次数/错误次数:function invocations & errors
  • 函数延迟:function latency
  • API 请求次数/错误次数:api requests & errors
  • API 请求延迟:api latency
  • API 5xx 错误次数:api 5xx errors
  • API 4xx 错误次数:api 4xx errors
  • API 错误次数统计:api errors
  • 不同路径下 API 的请求方法、请求次数和平均延迟统计:api path requests

6. 移除

serverless.yml文件所在的目录下,通过以下命令移除部署的 Express 服务。移除后该组件会对应删除云上部署时所创建的所有相关资源。

代码语言:javascript复制
serverless remove

架构说明

本示例将在腾讯云账户中使用到如下 Serverless 服务:

  • API 网关 - API 网关将会接收外部请求并且转发到 SCF 云函数中。
  • SCF 云函数 - 云函数用于承载 Express.js 应用。
  • CAM 访问控制 - 该组件会创建默认 CAM 角色用于授权访问关联资源。
  • COS 对象存储 - 为确保上传速度和质量,云函数压缩并上传代码时,会默认将代码包存储在特定命名的 COS 桶中。
  • TMT 机器翻译 - 调用机器翻译的 SDK 实现翻译能力,提供免费额度。

参考资料 Serverless Express Component 全量配置:https://github.com/serverless-components/tencent-express/blob/v2/docs/configure.md

机器翻译接口文档:https://github.com/serverless-components/tencent-express/blob/v2/docs/configure.md

本 demo 改自 tencent-serverless-demo: https://github.com/yugasun/tencent-serverless-demo/tree/master/dict,感谢原作者 yugasun 。

6 月 4 日(周四)20:00 即将举办的 Tencent Serverless Hours 第三期线上分享会。扫描下方二维码,立即预约!

Serverless Framework 30 天试用计划

我们诚邀您来体验最便捷的 Serverless 开发和部署方式。在试用期内,相关联的产品及服务均提供免费资源和专业的技术支持,帮助您的业务快速、便捷地实现 Serverless!

详情可查阅:https://cloud.tencent.com/document/product/1154/38792

One More Thing

3 秒你能做什么?喝一口水,看一封邮件,还是 —— 部署一个完整的 Serverless 应用?复制以下链接至 PC 浏览器访问:

china.serverless.com/express

3 秒极速部署,立即体验史上最快的 Serverless  HTTP 实战开发!

传送门:

  • GitHub: github.com/serverless
  • 官网:serverless.com

点击阅读原文,访问:Serverless 中文网,您可以在 最佳实践 里体验更多关于 Serverless 应用的开发!

0 人点赞