Xamarin.iOS アプリを作成する

2019-06-25

概要

このチュートリアルでは、Azure モバイルアプリバックエンドを使用して、Xamarin.iOS モバイルアプリにクラウドベースのバックエンドサービスを追加する方法について説明します。新しいモバイルアプリバックエンドと、アプリデータを Azure に格納する単純な Todo リスト Xamarin.iOS アプリの両方を作成します。

このチュートリアルを完了することは、Azure App Service での Mobile Apps 機能の使用に関する他のすべての Xamarin.iOS チュートリアルの前提条件です。

[前提条件]

このチュートリアルを完了するには、次の前提条件を用意しておく必要があります。

アクティブな Azure アカウントアカウントがない場合、Azure 試用版にサインアップして、最大 10 件の無料 Mobile Apps を入手できます。アカウントをお持ちでない場合は、Azure 試用版にサインアップし、試用終了後も引き続き使用できる最大 10 個の無料モバイルアプリを入手してください。詳細については、 Azure 無料試用版に関するページを参照してください。
Visual Studio for Mac。 Visual Studio for Mac のセットアップとインストールに関するページを参照してください
Xcode 9.0 以降の Mac。

Azure Mobile App バックエンドを作成する

Azure portal にサインインします。
[ リソースの作成] をクリックします。
検索ボックスに、「Web App 」と入力します。
結果の一覧で、Marketplace から [Web アプリ ] を選択します。
サブスクリプションとリソースグループを選択します (既存のリソースグループを選択するか、(アプリと同じ名前を使用して) 新しいリソースグループを作成します)。
Web アプリの一意の名前を選択します。
既定の [発行] オプションを [コード] として選択します。
ランタイムスタックで、ASP.NET またはノードの下にあるバージョンを選択する必要があります。 .NET バックエンドを構築する場合は、ASP.NET でバージョンを選択します。それ以外の場合は、Node ベースのアプリケーションを対象としている場合は、Node からいずれかのバージョンを選択します。
適切な オペレーティングシステム (Linux または Windows) を選択します。
このアプリをデプロイする リージョン を選択します。
適切な App Service プラン を選択し、[ 確認と作成] をクリックします。
[ リソースグループ] で、既存のリソースグループを選択 するか 、(アプリと同じ名前を使用して) 新しいリソースグループを作成します。
[ 作成] をクリックします。続行する前に、サービスが正常にデプロイされるまで数分待ちます。状態の更新については、ポータルヘッダーの通知 (ベル) アイコンをご覧ください。
デプロイが完了したら、[ デプロイの詳細 ] セクションをクリックし、 Microsoft.Web/sites の種類のリソースをクリックします。先ほど作成した App Service Web アプリに移動します。
[設定] の [構成] ブレードをクリックし、[アプリケーションの設定] で [新しいアプリケーション設定] ボタンをクリックします。
[アプリケーション設定の追加/編集] ページで、「MobileAppsManagement_EXTENSION_VERSIONとして名前」と「最新の値」と入力し、[OK] をクリックします。

この新しく作成された App Service Web アプリをモバイルアプリとして使用するように設定されています。

データベース接続を作成し、クライアントとサーバープロジェクトを構成する

次のプラットフォーム用のクライアント SDK クイックスタートをダウンロードします。

iOS (Objective-C)
iOS (Swift)
Android (Java)
Xamarin.iOS
Xamarin.Android
Xamarin.Forms
コルドバ
 Windows (C#)

注

iOS プロジェクトを使用する場合は、最新の GitHub リリースから "azuresdk-iOS-*.zip" をダウンロードする必要があります。 MicrosoftAzureMobile.framework ファイルを解凍し、プロジェクトのルートに追加します。
データベース接続を追加するか、既存の接続に接続する必要があります。まず、データストアを作成するか、既存のデータストアを使用するかを決定します。
- 新しいデータストアを作成する: データストアを作成する場合は、次のクイックスタートを使用します。
  
  クイックスタート: Azure SQL Database での単一データベースの概要
- 既存のデータソース: 既存のデータベース接続を使用する場合は、次の手順に従います
  1. SQL Database 接続文字列の形式 - Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}
    
    {your_SQLServer} サーバーの名前。これはデータベースの概要ページにあり、通常は "server_name.database.windows.net" の形式です。 {port} は通常 1433 です。 {your_catalogue} データベースの名前。 {your_username} データベースにアクセスするためのユーザー名。 {your_password} データベースにアクセスするためのパスワード。
    
    SQL 接続文字列形式の詳細
  2. 接続文字列をモバイルアプリの App Service に追加すると、メニューの [構成] オプションを使用して、アプリケーションの接続文字列を管理できます。
    
    接続文字列を追加するには:
    1. [ アプリケーション設定 ] タブをクリックします。
    2. [+] 新しい接続文字列をクリックします。
    3. 接続文字列の名前、値、 および型 を指定する必要があります。
    4. 「 名前」 と入力します。 MS_TableConnectionString
    5. 値は、前の手順で形成した接続文字列である必要があります。
    6. SQL Azure データベースに接続文字列を追加する場合は、[種類] で [SQLAzure ] を選択 します。
Azure Mobile Apps には、.NET および Node.js バックエンド用の SDK があります。
- Node.js バックエンド
  
  クイックスタートアプリ Node.js 使用する場合は、次の手順に従います。
  1. Azure portal で [ Easy Tables] に移動すると、この画面が表示されます。
  2. [構成] タブに SQL 接続文字列が既に追加されていることを確認します。次に、チェックボックスをオンにすると、すべてのサイトコンテンツが上書きされることを確認し、[TodoItem テーブルの作成] ボタンをクリックします。
  3. [簡単なテーブル] で、[+ 追加] ボタンをクリックします。
  4. 匿名アクセスを使用して TodoItem テーブルを作成します。
- .NET バックエンド
  
  .NET クイックスタートアプリを使用する場合は、次の手順に従います。
  1. azure-mobile-apps-quickstarts リポジトリから Azure Mobile Apps .NET サーバープロジェクトをダウンロードします。
  2. Visual Studio で .NET サーバープロジェクトをローカルにビルドします。
  3. Visual Studio でソリューションエクスプローラーを開き、 ZUMOAPPNAMEService プロジェクトを右クリックし、[ 発行] をクリックすると、 Publish to App Service ウィンドウが表示されます。 Mac で作業している場合は、ここでアプリをデプロイする他の方法を確認してください。
  4. 発行先として App Service を選択し、[ 既存のものを選択] をクリックし、ウィンドウの下部にある [発行 ] ボタンをクリックします。
  5. まず、Azure サブスクリプションを使用して Visual Studio にログインする必要があります。 Subscription、Resource Groupを選択し、アプリの名前を選択します。準備ができたら、[OK] をクリックすると、ローカルにある .NET サーバープロジェクトが App Service バックエンドにデプロイされます。デプロイが完了すると、ブラウザーで http://{zumoappname}.azurewebsites.net/ にリダイレクトされます。

Xamarin.iOS アプリを実行する

Xamarin.iOS プロジェクトを開きます。
azure portal に移動し、作成したモバイルアプリに移動します。 Overview ブレードで、モバイルアプリのパブリックエンドポイントである URL を探します。例 - アプリ名 "test123" のサイト名が https://test123.azurewebsites.netされます。
xamarin.iOS/ZUMOAPPNAME というフォルダー内のファイル QSTodoService.cs を開きます。アプリケーション名は ZUMOAPPNAME。
QSTodoService クラスで、変数 ZUMOAPPURL 上記のパブリックエンドポイントに置き換えます。

const string applicationURL = @"ZUMOAPPURL";

なる

const string applicationURL = @"https://test123.azurewebsites.net";
F5 キーを押して、iPhone エミュレーターでアプリを展開して実行します。
アプリで、「 チュートリアルを完了 する」などの意味のあるテキストを入力し、[+] ボタンをクリックします。

要求のデータが TodoItem テーブルに挿入されます。テーブルに格納されている項目はモバイルアプリバックエンドによって返され、データが一覧に表示されます。

注

モバイルアプリバックエンドにアクセスするコードを確認して、ToDoActivity.cs C# ファイルにあるデータのクエリと挿入を行うことができます。

次の方法で共有

Xamarin.iOS アプリを作成する

概要

[前提条件]

Azure Mobile App バックエンドを作成する

データベース接続を作成し、クライアントとサーバー プロジェクトを構成する

Xamarin.iOS アプリを実行する

その他のリソース

データベース接続を作成し、クライアントとサーバープロジェクトを構成する