演習 - Azure 関数を発行する

完了

Azure Functions テンプレートの 発行 ウィザードでは、特にテスト目的で Azure Functions をデプロイする最も簡単な方法が提供されます。

高級腕時計のオンライン Web サイトのシナリオで、Visual Studio 2022 を使用してクラウドの Azure 関数アプリに関数をデプロイすることを決定しました。 まず、Azure 関数アプリを作成してから、Visual Studio 発行 ウィザードを使用して、作成した関数をデプロイします。

ここでは、Azure portal を使用して Azure 関数アプリを作成します。 次に、前の演習で作成した Visual Studio プロジェクトを使用して WatchInfo 関数をデプロイします。 最後に、関数をテストして、関数が正しくデプロイされていることを確認します。

Azure portal を使用して Azure 関数アプリを作成する

1. サンドボックスのアクティブ化に使用したのと同じアカウントを使用して 、Azure portal にサインインします。

2. リソース メニューまたはホーム ページで、[ リソースの作成] を選択します。

   

   [ リソースの作成 ] ウィンドウが表示されます。

3. [ リソースの作成 ] メニューで、[ コンピューティング] を選択し、 関数アプリを検索して選択します。 作成を選択します。

   

   [ 関数アプリの作成 ] ウィンドウが表示されます。

4. ホスティング プランとして [ 従量課金 ] を選択します。 次に、[ 基本 ] タブで、各設定に次の値を入力します。

   注

   関数アプリには、Azure に固有の名前を付ける必要があります。 < your initials>watchfunctions のような名前を使用することをお勧めします。 演習の残りの部分 <your-function-app-name> が表示されている場合は、この名前を使用します。

   設定	値
   プロジェクトの詳細
   サブスクリプション	コンシェルジェ サブスクリプション
   リソース グループ	ドロップダウン リストから [サンドボックス リソース グループ]を選択します。
   インスタンスの詳細
   関数アプリ名	<your-function-app-name>
   ランタイム スタック	。網
   バージョン	8 (LTS)、分離ワーカー モデル
   リージョン	既定の場所のままにします。
   オペレーティング システム
   オペレーティング システム	ウィンドウズ

5. [次へ: ストレージ] を選択します。

6. [ ストレージ ] タブで、設定ごとに次の値を入力します。

   設定	値
   貯蔵
   ストレージ アカウント	既定値を受け入れてください。

7. [ 確認と作成] を選択し、[ 作成] を選択します。 デプロイには、関数アプリに対して作成されたリソースが表示されます。

8. デプロイが完了したら、[ リソースに移動] を選択します。 <your-function-app-name> の [関数アプリ] ペインが表示されます。

WatchInfo 関数を Azure 関数アプリにデプロイする

1. デスクトップで、Visual Studio に戻ります。

2. ソリューション エクスプローラー ウィンドウで、WatchPortalFunction プロジェクトを右クリックし、[発行] を選択します。

   

   [発行] ウィンドウが表示されます。

3. [Azure] を選択し、[次へ] を選択します。

   

   [発行] ウィンドウが新しい情報で更新されます。

4. [Azure Function App (Windows)]、[次へ] の順に選択します。

   

5. [ サブスクリプション名 ] ドロップダウン リストで、[ コンシェルジェ サブスクリプション] を選択します。 [サンドボックス リソース グループ] フォルダーを展開し、関数アプリを選択します。 [完了] を選択します。

   

6. 発行 を選択します。

   

   関数がデプロイされるまで待ちます。 Visual Studio の [出力] ウィンドウには、ビルドプロセスと発行プロセスの進行状況が表示されます。 すべてが正常に動作する場合、成功した ビルド が1つと、成功した 発行 が1つ得られます。

   

関数がデプロイされていることを確認する

1. Azure portal に戻ります。 Function App ペインが関数アプリと共に表示されます。

2. [ 関数アプリ ] メニューの [ 関数] で、[ 関数] を選択します。 関数アプリの [ 関数 ] ウィンドウが表示されます。

3. Function1 関数と WatchInfo 関数が一覧表示されていることを確認します。

4. [Function App]\( 関数アプリ \) メニューで [概要 ] を選択し、Azure Function App の 状態 が [実行中] として一覧表示されていることを確認します。

   

   注

   関数は 読み取り専用としてマークされます。 Visual Studio から発行したため、Azure portal から設定や構成を変更することはできません。 これらの関数を更新する必要がある場合は、Visual Studio で変更してもう一度発行します。

5. [関数アプリ] ウィンドウで、URL を選択します (前の画像で強調表示されています)。 ブラウザー ウィンドウが開くので、関数アプリが稼働していることを確認します。

   

6. ブラウザーの URL に WatchInfo 関数の URL /api/watchinfo追加して、クエリ文字列なしで WatchInfo 関数を呼び出します。 エラー応答のメッセージ "Please provide a watch model in the query string (クエリ文字列に腕時計のモデルを指定してください)" を表示するには、ブラウザーを更新する必要がある場合があります。

   

7. クエリ文字列 ?model=abc を URL に追加し、ブラウザー ウィンドウを更新します。 今度は、関数によって返された腕時計のモデルの詳細が表示されます。

   

この演習では、クラウドで Azure 関数アプリを作成し、Visual Studio からこのアプリに関数をパブリッシュしました。