阿里雲函式計算 VSCode 使用，及部署 Docusaurus

GoCodingInMyWay發表於2020-11-12
阿里函式VSCode

使用簡介

產品頁開通服務。使用流程，如下：

新手示例，如下：

建立函式

阿里雲提供瞭如下幾種方式建立函式：

以下為使用 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 中實用的小技巧、小知識！

相關文章