VSCode Aliyun Serverless

作成日:2021-06-23

Aliyun Serverless VSCode Extensionの手順

本書は、Aliyun Serverless VSCode Extensionのインストール、実行、デバッグ、デプロイの手順を記載します。

1.Aliyun Serverless VSCode Extensionとは

Aliyun Serverless VSCode ExtensionはFunctionComputeが提供しているプラグインです。このプラグインは、FunctionComputeコマンドラインツールFunとFunctionCompute SDKの機能を組み合わせて、VSCodeに基づく開発、デバッグ、およびデプロイツールです。 このプラグインは下記の機能を提供します。

  • ローカルでプロジェクトをすばやく初期化と関数作成することができます
  • ローカル関数を実行およびデバッグし、サービス関数をクラウドにデプロイします
  • クラウドのサービス関数リストを取得し、サービス関数の構成情報を表示し、クラウドの関数を呼び出します
  • テンプレートファイルの構文プロンプトを取得します:オートコンプリート、スキーマ検証、フローティングプロンプト

2.Aliyun Serverless VSCode Extensionをインストールします

2-1.前提条件

AliyunサーバーレスVSCodeExtensionのすべて機能を使用するには下記の前提条件を満たす必要があります ・VSCode: Visual Studio Code公式サイトからダウンロードし、インストールします ・Docker:Funcraftのチュートリアルに従ってDockerをにインストールおよび構成する、FuncraftのインストールはFuncraftインストールを参照してください

2-2.VSCodeをインストールします

詳細インストール手順は省略します ① Visual Studio Code公式サイトからVisual Studio Codeをダウンロードします

install vscode

②VScode.exeをダブルクリックし、インストールします install vscode

③VSCodeがインストールされました install vscode

④VSCodeを起動します install vscode

2-3.Funをインストールします

Funを使用して依存関係をコンパイルおよびインストールし、ローカルで実行およびデバッグし、fun install / build / localなどのコマンドの機能を使用する必要がある場合は、開発環境にdockerをインストールする必要があります。 FuncraftインストールからFunとDockerのインストール方法をご参照ください

2-3-1.Funをインストールする(Windows環境)

1)Funのインストールは3つの方法を提供します。 ・npmパッケージでインストールすべてのプラットフォーム(Windows / Mac / Linux)に適しています。npmの開発パッケージをプリインストールしている ・バイナリインストールパッケージでインストール、すべてのプラットフォーム(Windows / Mac / Linux)に適しています ・HomebrewパッケージマネージャーでインストールMacプラットフォームに適しており、MacOS開発者の習慣に沿っています。

2)バイナリインストールパッケージでインストール ①下記リンクからインストールファイルをダウンロードします バイナリインストールパッケージ install fun install fun

②fun-v3.6.23-win.exe.zipを解凍します install fun

③fun-v3.6.23-win.exeをfun.exeリネームし、C:\WINDOWS\System32パスにコピーペーストします install fun

④CMDを開き、funのバージョンを確認します

fun.exe --version

install fun

2-3-2.Dockerをインストールする(Windows環境)

1)Dockerのインストールファイル ①Windows ・公式サイトのチュートリアルを参照できます。AlibabaCloudのDocker For Windowsからもダウンロードできます ②MacOS ・公式サイトのチュートリアルを参照できます。AlibabaCloudのDocker For Macからもダウンロードできます ③Linux ・公式サイトのチュートリアルを参照できます。AlibabaCloudの Docker CE イメージサイトからもダウンロードできます

2)Dockerをインストールします ①公式サイトからダウンロードします install Docker

②Docker Desktop Installer.exeがダウンロードされる install Docker

③Docker Desktop Installer.exeをダブルクリックし、デフォルト設定でDockerをインストールする install Docker

install Docker

④ インストール完了し、Windowsを再起動します install Docker

⑤ Dockerを起動します install Docker

3)wsl2をインストールします ① 下記リンクからwsl2-kernelをダウンロードします Linux kernel update packageの(https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi)リンクからDockerをダウンロードします

install Docker

② wsl2-kernelをインストールします install Docker

③wsl2-kernelをインストール後、Windowsを再起動します install Docker

④Dockerを起動します install Docker

⑤Startをクリックする install Docker ここまでWindowsでDockerのインストールが完了しました。

2-3-3.Funを構成する(Windows環境)

1)fun configで構成します ①CMDを起動し、下記のコマンドでfunを構成します

# fun config

② Account ID、Access Key Id、Secret Access Key、Default Region Nameを正しく設定し、その他デフォルトで設定します Account IDはrootアカウントのAccount IDで設定してください。

・FunctionComputeコンソール画面にAccount ID情報を確認します fun config ・Access Key Id、Secret Access Key情報を確認します fun config

fun config

fun config

2-4.VSCodeでAliyun Serverlessプラグインをインストールします

①VSCodeを起動します serverless plugin

②Extensions画面に、Aliyun Serverlessプラグインを検索します serverless plugin

③Aliyun Serverlessプラグインをインストールします serverless plugin

④Aliyun Serverlessプラグインがインストールされました 左側メニューにAliyun Serverlessプラグインメニューが追加されました serverless plugin

3.Aliyun Serverless VSCode Extensionのクイックスタート

3-1.AlibabaCloudのFunctionComputeでサービスと関数を作成します

①AlibabaCloudサイトをログインし、FunctionComputeでサービスと関数を作成します create function ②関数を確認します create function

3-2.VSCodeでAlibabaCloudのアカウントをバインドします

1)アカウントをバインドします ①左側のFunctionComputeメニューをクリックします bind account ②アカウントIDをインプットする(プライマリーアカウントのAccountID)、Cloudのサービスと関数がリストされました 今回は2-3-3.Funを構成するAccount ID、AccessKey ID、AccessKey Secretが設定されました bind account

2)リージョンを変更します リージョンを変更することで、ほかのリージョンのサービスと関数が確認することができます ①リージョンを変更します change region change region

②リージョンを日本リージョンに設定します change region

3-3.VSCodeでローカルの関数を作成します

1)VSCodeでファイルメニューからフォルダを開く ①フォルダを作成します local create function

②VSCodeを起動します local create function

③VSCodeでファイルメニューからフォルダを開く local create function

2)ローカルの関数を作成します ①Aliyun:FunctionComputeをクリックし、Local resourceに「+」をクリックします local create function

②Service名を入力するエンターキーを押します local create function

③ Fucntion名を入力し、エンターキーを押します local create function

④code uriを確認し、エンターキーを押します

nancy_local_service\nancy_local_fc

local create function

⑤FunctionRuntimeを設定します local create function

⑥Functionタイプを設定します local create function

⑦Functionを確認します nancy_local_service\nancy_local_fc\index.py

# -*- coding: utf-8 -*-
import logging
# if you open the initializer feature, please implement the initializer function, as below:
# def initializer(context):
# logger = logging.getLogger()
# logger.info('initializing')
def handler(event, context):
logger = logging.getLogger()
logger.info('hello world')
return 'hello world'

local create function

3-4.ローカルで関数を実行します

①Function右側の実行メニューをクリックします local run function ②初回実行するときはPython実行環境を初期化します local run function local run function

③Functionを実行します local run function

3-5.ローカルで関数をデバッグします

①デバッグメニューをクリックします debug function

②breakpointを設定し、「Run and debug」をクリックします debug function

③Pythonコンフィグファイルを選択します debug function

④デバッグを開始します debug function

⑤Continueをクリックします debug function

⑥デバッグ完了します debug function

3-6.VSCodeでサービスと関数をデプロイします

①depolyメニューをクリックします deploy function

②デプロイを実行成功して、リモートリソースにもリストされる deploy function

③AlibabaCloudのFunctionComputeコンソール画面に関数を確認します

deploy function deploy function

3-7.クラウドの関数を実行します

①freshメニューをクリックし、RemoteInvokeメニューをクリックします run function

②RemoteInvokeが完成できます run function

最後に

ここまでAliyun Serverless VSCode Extensionのインストール、実行、デバッグ、デプロイの手順をご紹介しました。VSCodeを使った開発をする際、参考に頂ければ幸いです。

Close

Alibaba Cloudを始めてみましょう

ソフトバンクは、Alibaba Cloudのアカウント開設から、サービス展開までをお手伝いします。
Hatena