阿里云函数计算 VSCode 使用，及部署 Docusaurus

代码： https://github.com/ikuokuo/start-serverless

使用简介

产品页开通服务。使用流程，如下：

新手示例，如下：

创建函数

阿里云提供了如下几种方式创建函数：

以下为使用 VSCode 插件创建函数。

前提准备

安装软件

安装插件

插件： Aliyun Serverless VSCode Extension

VSCode 插件市场搜索 "aliyun" ，安装：

左侧边栏，打开插件，绑定账户：

依次输入 Account ID, AccessKey ID, AccessKey Secret, Account Alias 。

绑定后， "REMOTE RESOURCES" 可以看到该账户的云端服务与函数列表。

本地创建

"LOCAL RESOURCES" 面板 "+" 创建函数：

输入内容：

service name: demo

function name: test

function runtime: nodejs12

function type: NORMAL (Event Trigger)

本地运行

函数名称上 "Local Run" 运行：

函数日志，输出在终端。

远程部署

"LOCAL RESOURCES" 面板 "Deploy" 部署函数：

"REMOTE RESOURCES" 可查看部署的函数。

或者到阿里云函数计算控制台查看：

部署 Docusaurus

环境准备

安装 Funcraft

Funcraft 是函数计算提供的一种命令行工具，通过该工具，您可以便捷地管理函数计算、API网关、日志服务等资源。通过一个资源配置文件 template.yml ， Funcraft 即可协助您进行开发、构建、部署操作。

npm 安装：

npm install @alicloud/fun -g

fun 版本：

❯ fun --version

3.6.18

fun 配置：

❯ fun config

? Aliyun Account ID ***********

? Aliyun Access Key ID ***********AmpG

? Aliyun Access Key Secret ***********XZlY

? Default region name cn-shanghai

? The timeout in seconds for each SDK client invoking 60

? The maximum number of retries for each SDK client 3

? Allow to anonymously report usage statistics to improve the tool over time? Ye

s

? Use custom endpoint? No

创建应用

npx @docusaurus/init@next init my-site classic

运行：

cd my-site

yarn start

效果：

部署应用

❯ cd my-site

初始化：

❯ fun init

? Select a template to init http-trigger-nodejs12

? You've created /users/ikuokuo/start-serverless/my-site before. Is it okay to override it? Yes

Start rendering template...

+ /users/ikuokuo/start-serverless/my-site

+ /users/ikuokuo/start-serverless/my-site/.funignore

+ /users/ikuokuo/start-serverless/my-site/index.js

+ /users/ikuokuo/start-serverless/my-site/template.yml

finish rendering template.

删除 index.js。

rm index.js

修改 template.yml：

ROSTemplateFormatVersion: '2015-09-01'

Transform: 'Aliyun::Serverless-2018-04-03'

Resources:

  my-site:

    Type: 'Aliyun::Serverless::Service'

    Properties:

      Description: 'helloworld'

    my-site:

      Type: 'Aliyun::Serverless::Function'

      Properties:

        Handler: index.handler

        Runtime: custom

        CodeUri: './'

        MemorySize: 1024

        InstanceConcurrency: 5

        Timeout: 120

      Events:

        httpTrigger:

          Type: HTTP

          Properties:

            AuthType: ANONYMOUS

            Methods: ['GET', 'POST', 'PUT']

  Domain:

    Type: Aliyun::Serverless::CustomDomain

    Properties:

      DomainName: Auto

      Protocol: HTTP

      RouteConfig:

        Routes:

          "/*":

            ServiceName: my-site

            FunctionName: my-site

创建 bootstrap：

❯ cat <<EOF >bootstrap

#!/usr/bin/env bash

export PORT=9000

npm run serve -- --port \$PORT

# yarn serve --port \$PORT

EOF

❯ chmod a+x bootstrap

Something is already running on port: https://github.com/facebook/docusaurus/issues/3505.

Check npx docusaurus --version >= 2.0.0-alpha.66 !

编译：

yarn build

部署：

❯ fun deploy

using template: template.yml

using region: cn-shanghai

using accountId: ***********

using accessKeyId: ***********AmpG

using timeout: 60

Collecting your services information, in order to caculate devlopment changes...

Resources Changes(Beta version! Only FC resources changes will be displayed):

┌─────────────┬──────────────────────────────┬────────┬─────────────────────┐

│ Resource    │ ResourceType                 │ Action │ Property            │

├─────────────┼──────────────────────────────┼────────┼─────────────────────┤

│ my-site     │ Aliyun::Serverless::Service  │ Add    │ Description         │

├─────────────┼──────────────────────────────┼────────┼─────────────────────┤

│             │                              │        │ Handler             │

│             │                              │        ├─────────────────────┤

│             │                              │        │ Runtime             │

│             │                              │        ├─────────────────────┤

│             │                              │        │ CodeUri             │

│ my-site     │ Aliyun::Serverless::Function │ Add    ├─────────────────────┤

│             │                              │        │ MemorySize          │

│             │                              │        ├─────────────────────┤

│             │                              │        │ InstanceConcurrency │

│             │                              │        ├─────────────────────┤

│             │                              │        │ Timeout             │

├─────────────┼──────────────────────────────┼────────┼─────────────────────┤

│             │                              │        │ AuthType            │

│ httpTrigger │ HTTP                         │ Add    ├─────────────────────┤

│             │                              │        │ Methods             │

└─────────────┴──────────────────────────────┴────────┴─────────────────────┘

? Please confirm to continue. Yes

Waiting for service my-site to be deployed...

        Waiting for function my-site to be deployed...

                Waiting for packaging function my-site code...

                The function my-site has been packaged. A total of 29625 files were compressed and the final size was 37.05 MB

                Waiting for HTTP trigger httpTrigger to be deployed...

                triggerName: httpTrigger

                methods: [ 'GET', 'POST', 'PUT' ]

                trigger httpTrigger deploy success

        function my-site deploy success

service my-site deploy success

Detect 'DomainName:Auto' of custom domain 'Domain'

Request a new temporary domain ...

The assigned temporary domain is http://33146085-1117460590419785.test.functioncompute.com，expired at 2020-10-18 23:59:03, limited by 1000 per day.

Waiting for custom domain Domain to be deployed...

custom domain Domain deploy success

访问 http://33146085-1117460590419785.test.functioncompute.com:

结语

欢迎关注 GoCoding 公众号，分享日常 Coding 中实用的小技巧、小知识！

巴特西