腾讯云 Serverless 应用中心实战教程 - 部署 Vue + Express + PostgreSQL 全栈网站

Serverless 应用中心

简介/价格/文档

腾讯云 Serverless 应用中心实战教程 - 部署 Vue + Express + PostgreSQL 全栈网站

文档简介：

操作场景：该模板可以快速部署一个基于 Vue + Express + PostgreSQL 的全栈 Serverless 应用。主要包含以下组件： Serverless RESTful API：通过云函数和 API 网关构建的 Express 框架实现 RESTful API。 Serverless 静态网站：前端通过托管 Vue.js 静态页面到 COS 对象存储中。

*此产品及展示信息均由腾讯云官方提供。免费试用咨询热线：400-826-7010，为您提供专业的售前咨询，让您快速了解云产品，助您轻松上云！微信咨询

免费试用、价格特惠

文档详情

操作场景

该模板可以快速部署一个基于 Vue + Express + PostgreSQL 的全栈 Serverless 应用。主要包含以下组件：

Serverless RESTful API：通过云函数和 API 网关构建的 Express 框架实现 RESTful API。

Serverless 静态网站：前端通过托管 Vue.js 静态页面到 COS 对象存储中。

PostgreSQL Serverless：通过创建 PostgreSQL DB 为全栈网站提供数据库服务。

VPC：通过创建 VPC 和子网，提供 SCF 云函数和数据库的网络打通和使用。

前提条件

已安装 Node.js。（2020年9月1日起，Serverless 组件不再支持 Node.js10.0 以下版本，请注意升级）

账号已经配置 QcloudPostgreSQLFullAccess 策略，配置方法详见账号和权限配置。

操作步骤

安装

通过 npm 全局安装 Serverless Cloud Framework，详情见安装 Serverless Cloud Framework。

配置

1. 新建一个本地文件夹，使用 scf init 命令，下载相关 template。

		
			scf init fullstack

2. 在项目根目录下新建 .env 文件，并在其中配置对应的腾讯云 SecretId、SecretKey、地域和可用区信息。

				
			# .env
		
			TENCENT_SECRET_ID=xxx  // 您账号的 SecretId
		
			TENCENT_SECRET_KEY=xxx // 您账号的 SecretKey
		
			# 地域可用区配置
		
			REGION=ap-guangzhou //资源部署区，该项目中指云函数与静态页面部署区
		
			ZONE=ap-guangzhou-2 //资源部署可用区 ，该项目中指 DB 部署所在的可用区

说明

如果没有腾讯云账号，请先注册新账号。

如果已有腾讯云账号，请保证您的账号已经授权了 AdministratorAccess 权限。您可以在 API 密钥管理中获取 SecretId 和 SecretKey。

ZONE 目前只支持 ap-beijing-3 、ap-guangzhou-2、ap-shanghai-2。

3. 在 fullstack 目录下执行以下命令，安装所需依赖：

		
			npm run bootstrap

部署

1. 执行 scf deploy --all 命令进行部署。返回信息如下所示：

				
			$ scf deploy --all
		
			serverless-cloud-framework
		
			serverlessVpc:
		
			 region:     ap-guangzhou
		
			 zone:       ap-guangzhou-2
		
			 vpcId:      vpc-xxx
		
			 vpcName:    serverless
		
			 subnetId:   subnet-xxx
		
			 subnetName: serverless
		
			fullstackDB:
		
			 region:         ap-guangzhou
		
			 zone:           ap-guangzhou-2
		
			 vpcConfig:
		
			 subnetId: subnet-100000
		
			 vpcId:    vpc-1000000
		
			 dBInstanceName: fullstackDB
		
			 dBInstanceId:   postgres-100000
		
			 private:
		
			 connectionString: postgresql://tencentdb_100000xxxxxxxxxxxxx@172.16.250.15:5432/tencentdb_1000000
		
			 host: 172.16.250.15
		
			 port: 5432
		
			 user:             tencentdb_100000
		
			 password:         xxxxxxxx
		
			 dbname:           tencentdb_100000
		
			fullstack-api:
		
			 region: ap-guangzhou
		
			 apigw:
		
			 serviceId:   service-100000
		
			 subDomain:   service-100000-123456789.gz.apigw.tencentcs.com
		
			 environment: release
		
			 url:         https://service-100000-123456789.gz.apigw.tencentcs.com/release/
		
			 scf:
		
			 functionName: fullstack-api
		
			 runtime:      Nodejs10.15
		
			 namespace:    default
		
			fullstack-frontend:
		
			 website: https://fullstack-serverless-db-123456789.cos-website.ap-guangzhou.myqcloud.com
		
			50s › tencent-fullstack › Success

部署成功后，您可以使用浏览器访问项目产生的 website 链接，即可看到生成的网站。

说明：

本项目云函数因 VPC，导致无法直接访问外网，如需访问外网请参见云函数网络配置。

2. 执行 scf remove --all，可移除项目。返回信息如下所示：
注意：
在 serverless.yml 文件所在的目录下，通过以下命令移除部署的静态网站 Website 服务。移除该应用时，只删除云函数相关的配置、代码。关联的其他云资源（如 COS、CLS 等），平台均不会关联删除，您可以前往对应产品控制台删除，避免不必要的计费。

$ scf remove --all
serverless-cloud-framework
38s › tencent-fullstack › Success

相似文档

腾讯云 Serverless 应用中心实战教程 - 部署融合媒体转码应用
应用场景：适配多种终端设备：利用综合转码能力，适配 PC、TV 以及移动终端等多平台播放，带来更好的视觉体验。支持多种网络环境不同网络带宽的用户可通过智能融合媒体转码能力选择最佳码率，流畅播放。
腾讯云 Serverless 应用中心实战教程 - 部署全景录制
应用场景：快速生成回放文件：直播回放可以将优质资源的价值进行放大，降低优质资源的成本，从而提升收益，通过全景录制功能可以在用户的视角将上课的内容实时录制下来，课程结束之后可以根据 Serverless 庞大的算力池快速转码，形成录制文件，实时生成回放。
腾讯云 Serverless 应用中心实战教程 - 部署互动直播间语音识别服务
应用场景：你画我猜：可以实时拉取房间内某个用户的音频进行实时识别，转换成文本之后回调给客户的业务服务器，进行业务逻辑判断语音审核：和业务关联比较多的语音审核，可以采取该接口将数据流投递到语音识别接口进行语音识别，然后进行关键词过滤。实时字幕：可以通过该接口实时识别房间音频数据，形成文本，在前端做呈现。
腾讯云 Serverless 应用中心实战教程 - 部署互动直播房间服务
应用介绍：互动直播房间服务是一套业务房间后台服务，可以实现房间列表、房间成员列表、房间用户状态同步等功能。通过 Serverless 方式进行快速部署，配合实时音视频 TRTC、直播、IM 等音视频能力，可以快速搭建社交泛娱乐行业各种场景。
腾讯云 Serverless 应用中心常见问题 - 概念相关
Serverless 应用基于 Serverless Cloud Framework 部署，常见问题如下：什么是 Serverless Cloud Framework？ Serverless Cloud Framework 是业界非常受欢迎的无服务器应用框架，开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。Serverless Cloud Framework 具有资源编排、自动伸缩、事件驱动等能力，覆盖编码、调试、测试、部署等全生命周期，帮助开发者通过联动云资源，迅速构建 Serverless 应用。详细说明请参见产品概述。

文档中心

全民上云·上云补贴申领

免费试用（限企业）

操作场景

前提条件

操作步骤

安装

配置

部署