详情页标题前

腾讯云Serverless应用中心快速部署 Nextjs 框架-同尘科技

详情页1

应用中心框架部署方案已经全新升级,您可以通过 SCF Web Function,快速部署您的 Next.js 业务上云。注意应用控制台部署与函数直接部署有什么区别?
通过应用部署或函数部署,均可以基于 Web 函数,快速部署常见 Web 框架。如果您只关注代码逻辑开发,无需额外资源创建,可以通过 Serverless 控制台,完成快速部署。如果除了代码部署外,您还需要更多能力或资源创建,如自动创建层托管依赖、一键实现静态资源分离、支持代码仓库直接拉取等,可以通过应用控制台,完成 Web 应用的创建工作。

前提条件

在使用腾讯云 Serverless 应用中心之前,您需要 注册腾讯云账号 并完成 实名认证注意文档主要介绍控制台部署方案,您也可以通过命令行完成部署,请参考具体操作请参见 产品文档

操作步骤

模板部署-部署 Next.js 示例代码

1. 登录 Serverless 控制台。2. 单击新建应用,选择Web 应用 > Next.js 框架,如下图所示:

腾讯云Serverless应用中心快速部署 Nextjs 框架-同尘科技

3. 单击“下一步”,完成基础配置选择

腾讯云Serverless应用中心快速部署 Nextjs 框架-同尘科技

4. 上传方式,选择示例代码直接部署,单击完成,即可开始应用的部署。5. 部署完成后,您可在应用详情页面,查看示例应用的基本信息,并通过 API 网关生成的访问路径 URL 进行访问,查看您部署的 Next.js 项目

腾讯云Serverless应用中心快速部署 Nextjs 框架-同尘科技



自定义部署-快速部署 Web 应用

前提条件

本地已安装 Node.js 运行环境。

本地开发

1. 参考 Next.js 官方文档,安装并初始化您的 Next.js 项目:

npx create-next-app

2. 在根目录下,执行以下命令在本地直接启动服务。

cd my-app && npm run dev

3. 打开浏览器访问 http://localhost:3000,即可在本地完成 Next.js 示例项目的访问。

腾讯云Serverless应用中心快速部署 Nextjs 框架-同尘科技



部署上云

接下来执行以下步骤,对已初始化的项目进行简单修改,使其可以通过 Web Function 快速部署,此处项目改造通常分为以下两步:修改监听地址与端口为 0.0.0.0:9000。新增 scf_bootstrap 启动文件。具体步骤如下:1. 在项目根目录下新建 scf_bootstrap 启动文件,在该文件添加如下内容(用于启动服务并指定启动端口):说明 您也可以在控制台完成该模块配置。

#!/var/lang/node12/bin/node
const { nextStart } = require('next/dist/cli/next-start');nextStart([ '--port', '9000', '--hostname', '0.0.0.0' ])

注意1. 此处仅为示例启动文件,具体请根据您的业务场景进行调整2. 示例使用的是云函数标准 node 环境路径,本地调试时,注意修改成您的本地路径新建完成后,还需执行以下命令修改文件可执行权限,默认需要 777755 权限才可正常启动。示例如下:

chmod 777 scf_bootstrap

2. 本地配置完成后,执行启动文件,确保您的服务可以本地正常启动,接下来,登录 Serverless 控制台,选择Web 应用 > Next.js 框架,上传方式可以选择本地上传代码仓库拉取。您可以在控制台完成启动文件 scf_bootstrap 内容配置,配置完成后,控制台将为您自动生成 启动文件,和项目代码一起打包部署。注意启动文件以项目内文件为准,如果您的项目里已经包含 scf_bootstrap 文件,将不会覆盖该内容。配置完成后,单击完成,部署您的 Next.js 项目。

腾讯云Serverless应用中心快速部署 Nextjs 框架-同尘科技


官网1折活动,限时活动,即将结束,速速收藏
同尘科技为腾讯云授权服务中心。
购买腾讯云产品享受折上折,更有现金返利。同意关联立享优惠

转转请注明出处:https://www.yunxiaoer.com/149106.html

(0)
上一篇 2023年12月9日 下午1:13
下一篇 2023年12月9日 下午1:13
详情页2

相关推荐

  • 腾讯云对象存储设置自定义 DNS

    简介 本文档提供关于如何使用自定义 DNS 请求 COS 服务。 设置动态自定义 DNS 回调 更推荐此方式,因为更灵活,更方便业务层控制。 示例代码 // 一般在初始化密钥后进行设置await Cos().initCustomerDNSFetch(FetchDns());import ‘package:flutter/foundation.dart’;i…

    腾讯云 2023年12月9日
  • 腾讯云云点播关于云点播微信公众号视频链接发布功能下线公告

    云点播产品自发布以来,服务众多用户,为进一步提高用户体验,保证功能交付质量,云点播团队已下线微信公众号视频链接发布能力。云点播团队于2022年04月01日下线《微信公众号视频链接发布能力》,届时控制台和 API 接口无法发起调用。为不影响您的业务服务,云点播建议您将视频直接上传至 腾讯视频创作平台 完成视频链接发布操作。感谢您对腾讯云的信赖与支持,若您对本次…

    腾讯云 2023年12月9日
  • 腾讯云云点播修改图片分类

    操作场景 通过云点播控制台,您可以进行修改图片分类操作。本文将为您介绍如何修改图片分类。 操作步骤 1. 登录 云点播控制台,单击左侧导航栏应用管理,进入应用列表页。2. 找到需要处理图片文件的应用,点击应用名称进入应用管理页。3. 默认进入媒资管理 > 音视频管理,“已上传”页面。4. 选择媒资管理 > 图片管理,默认进入“已上传”页面。勾选目…

    腾讯云 2023年12月9日
  • 腾讯云边缘可用区快速入门云淘

    步骤1:注册腾讯云账号 如果您还没有腾讯云账号,您需要 注册腾讯云 账号,并完成实名认证。如果您已有实名认证的腾讯云账号,请直接进行下一步操作。 步骤2:确认申请资格 如需通过腾讯云边缘可用区(TencentCloud Edge Zone,TEZ)申请,请确认您的业务场景与产品应用场景契合,并在申请理由中详细描述业务场景和期望使用本产品的原因。 步骤3:进行…

    腾讯云 2023年12月9日
  • 信息流广告,信息流部分建议宽度830px,只针对默认列表样式,顺序随机
  • 腾讯云对象存储查询多文件打包压缩结果

    功能描述 本接口用于主动查询指定的多文件打包压缩任务结果。 授权说明 授权策略中 action 设置为 ci:DescribeFileProcessJob 。查看所有 action。 服务开通 使用该功能需提前开通数据万象,并绑定存储桶。详情请参见 绑定存储桶。 使用限制 使用该接口时,请先确认相关限制条件。详情请参见 使用限制。 请求 请求示例 GET …

    腾讯云 2023年12月9日

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信
本站为广大会员提供阿里云、腾讯云、华为云、百度云等一线大厂的购买,续费优惠,保证底价,买贵退差。