@serverless/tencent-nuxtjs

Tencent Cloud Nuxt.js Serverless Component

Stats

stars ๐ŸŒŸissues โš ๏ธupdated ๐Ÿ› created ๐Ÿฃsize ๐Ÿ‹๏ธโ€โ™€๏ธ
130Mar 22, 2021Mar 1, 2020Minified + gzip package size for @serverless/tencent-nuxtjs in KB

Readme

Serverless Nuxtjs Tencent Cloud

Tencent Nuxt.js Serverless Component

npm NPM downloads

็ฎ€ไฝ“ไธญๆ–‡ | English

Introduction

Nuxt.js Serverless Component for Tencent Cloud.

Content

  1. Prepare
  2. Install
  3. Create
  4. Configure
  5. Deploy
  6. Remove

0. Prepare

Init Nuxt.js Project

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

Add express dependency๏ผš

$ npm i express --save

Notice: using express for server of nuxt.js.

1. Install

Install the Serverless Framework globally:

$ npm install -g serverless

2. Create

In project root, create the following simple boilerplate:

$ touch serverless.yml
$ touch .env           # your Tencent api keys

Add the access keys of a Tencent CAM Role with AdministratorAccess in the .env file, using this format:

# .env
TENCENT_SECRET_ID=XXX
TENCENT_SECRET_KEY=XXX
  • If you don't have a Tencent Cloud account, you could sign up first.

3. Configure

# 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

Notice: Now, runtime is default Nodejs8.9, for deployed project using Nodejs8.9, should set runtime to Nodejs8.9 manually for updating.

4. Deploy

4.1 Build static assets

$ npm run build

4.2 Deploy to cloud

$ 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

Notice: sls is short for serverless command.

ย 

5. Remove

$ 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

More Components

Checkout the Serverless Components repo for more information.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.