Wondering what’s next for npm?Check out our public roadmap! »

    @serverless/tencent-nuxtjs

    1.0.6 • Public • Published

    Serverless Nuxtjs Tencent Cloud

    腾讯云 Nuxt.js Serverless Component

    npm NPM downloads

    简体中文 | English

    简介

    腾讯云 Nuxt.js Serverless Component。

    目录

    1. 准备
    2. 安装
    3. 配置
    4. 部署
    5. 移除

    0. 准备

    初始化 Nuxt.js 项目

    $ npx create-nuxt-app serverlesss-nuxtjs
    cd serverlesss-nuxtjs

    添加 express 依赖:

    $ npm i express --save
    

    注释:这里通过 express 服务来代理 nuxt.js 的服务。

    1. 安装

    通过 npm 全局安装 serverless cli

    $ npm install -g serverless

    2. 配置

    在项目根目录创建 serverless.yml 文件,在其中进行如下配置

    $ touch serverless.yml
    # serverless.yml
    NuxtjsFunc:
      component: '@serverless/tencent-nuxtjs'
      inputs:
        functionName: nuxtjs-function
        region: ap-guangzhou
        runtime: Nodejs8.9
        code: ./
        functionConf:
          timeout: 30
          memorySize: 128
        environment:
          variables:
            RUN_ENV: test
        apigatewayConf:
          protocols:
            - http
            - https
          environment: release

    3. 部署

    3.1 构建静态资源

    $ npm run build

    3.2 部署到云端

    如您的账号未 登陆注册 腾讯云,您可以直接通过 微信 扫描命令行中的二维码进行授权登陆和注册。

    通过 sls 命令进行部署,并可以添加 --debug 参数查看部署过程中的信息

    $ sls --debug
     
      DEBUG ─ Resolving the template's static variables.
      DEBUG ─ Collecting components from the template.
      DEBUG ─ Downloading any NPM components found in the template.
      DEBUG ─ Analyzing the template's components dependencies.
      DEBUG ─ Creating the template's components graph.
      DEBUG ─ Syncing template state.
      DEBUG ─ Executing the template's components graph.
      DEBUG ─ Generating serverless handler...
      DEBUG ─ Generated serverless handler successfully.
      DEBUG ─ Compressing function nuxtjs-function file to /Users/yugasun/Desktop/Develop/serverless/tencent-nuxtjs/example/.serverless/nuxtjs-function.zip.
      DEBUG ─ Compressed function nuxtjs-function file successful
      DEBUG ─ Uploading service package to cos[sls-cloudfunction-ap-guangzhou-code]. sls-cloudfunction-default-nuxtjs-function-1584350378.zip
      DEBUG ─ Uploaded package successful /Users/yugasun/Desktop/Develop/serverless/tencent-nuxtjs/example/.serverless/nuxtjs-function.zip
      DEBUG ─ Creating function nuxtjs-function
      nuxtjs-function [████████████████████████████████████████] 100% | ETA: 0s | Speed: 1502.16k/s
      DEBUG ─ Created function nuxtjs-function successful
      DEBUG ─ Setting tags for function nuxtjs-function
      DEBUG ─ Creating trigger for function nuxtjs-function
      DEBUG ─ Deployed function nuxtjs-function successful
      DEBUG ─ Starting API-Gateway deployment with name ap-guangzhou-apigateway in the ap-guangzhou region
      DEBUG ─ Service with ID service-dxcq0xuu created.
      DEBUG ─ API with id api-b83j9sme created.
      DEBUG ─ Deploying service with id service-dxcq0xuu.
      DEBUG ─ Deployment successful for the api named ap-guangzhou-apigateway in the ap-guangzhou region.
     
      NuxtjsFunc:
        functionName:        nuxtjs-function
        functionOutputs:
          ap-guangzhou:
            Name:        nuxtjs-function
            Runtime:     Nodejs8.9
            Handler:     serverless-handler.handler
            MemorySize:  128
            Timeout:     30
            Region:      ap-guangzhou
            Namespace:   default
            Description: This is a template function
        region:              ap-guangzhou
        apiGatewayServiceId: service-dxcq0xuu
        url:                 https://service-dxcq0xuu-1251556596.gz.apigw.tencentcs.com/release/
        cns:                 (empty array)
     
      38s › NuxtjsFunc › done

    注意: slsserverless 命令的简写。

    4. 移除

    通过以下命令移除部署的 Nuxjs 服务,包括云函数和 API 网关。

    $ sls remove --debug
     
      DEBUG ─ Flushing template state and removing all components.
      DEBUG ─ Removed function nuxtjs-function successful
      DEBUG ─ Removing any previously deployed API. api-b83j9sme
      DEBUG ─ Removing any previously deployed service. service-dxcq0xuu
     
      8s › NuxtjsFunc › done

    账号配置(可选)

    当前默认支持 CLI 扫描二维码登录,如您希望配置持久的环境变量/秘钥信息,也可以本地创建 .env 文件

    $ touch .env # 腾讯云的配置信息 

    .env 文件中配置腾讯云的 SecretId 和 SecretKey 信息并保存

    如果没有腾讯云账号,可以在此 注册新账号

    如果已有腾讯云账号,可以在 API 密钥管理 中获取 SecretIdSecretKey.

    # .env
    TENCENT_SECRET_ID=123
    TENCENT_SECRET_KEY=123

    更多组件

    可以在 Serverless Components repo 中查询更多组件的信息。

    FAQ

    1. 为什么不需要入口文件了?

    Install

    npm i @serverless/tencent-nuxtjs

    DownloadsWeekly Downloads

    0

    Version

    1.0.6

    License

    Apache-2.0

    Unpacked Size

    31.8 kB

    Total Files

    9

    Last publish

    Collaborators

    • avatar
    • avatar