PowerApps から Dynamics 365 に接続するConnect to Dynamics 365 from PowerApps

PowerApps を使うと、ほとんどまたはまったくコードを記述しないで、モバイル アプリをすばやく生成、カスタマイズ、共有、実行することができます。PowerApps lets you quickly generate, customize, share, and run mobile apps with little or no code. Dynamics 365 コネクタを使うことにより、組織と共有する便利なモバイル アプリをほんの数分で作成できます。By using the Dynamics 365 connector, you can create useful mobile apps to share with your organization in just a few minutes.

このトピックでは、ユーザーが Dynamics 365 の連絡先を参照、追加、削除、更新できるアプリを作成する手順について説明します。By following the steps in this topic, you'll create an app in which users can browse, add, delete, and make updates to contacts in Dynamics 365. ユーザーは、ブラウザーまたは携帯電話などのモバイル デバイスで、アプリを実行できます。Users can run the app in a browser or on a mobile device such as a phone.

前提条件Prerequisite

このチュートリアルに従って作業するには、Dynamics 365 サブスクリプションを含む Microsoft Office 365 アカウントが必要です。To follow this tutorial, you need a Microsoft Office 365 account that includes a Dynamics 365 subscription.

接続を作成するCreate a connection

  1. PowerApps にサインインしますSign in to PowerApps.
  2. 左のナビゲーション ウィンドウで、[接続] をクリックします。In the left navigation pane, click Connections.

    [ファイル] メニューの [接続] オプション

  3. 右上隅にある [新しい接続] をクリックします。Near the upper-right corner, click New connection.

    新しい接続

  4. 接続の一覧で、[Dynamics 365] をクリックまたはタップします。In the list of connections, click Dynamics 365.

    [ファイル] メニューの [接続] オプション

  5. ダイアログ ボックスで、[作成] をクリックします。In the dialog box, click Create.

    接続の作成

  6. [Sign in to your account] (アカウントにサインイン) ダイアログ ボックスで、Dynamics 365 (オンライン) テナントの資格情報を入力します。In the Sign in to your account dialog box, provide your credentials for the Dynamics 365 (online) tenant.

    接続が作成されます。A connection is created.

アプリを自動的に生成するGenerate an app automatically

  1. PowerApps にサインインし、左下隅の [新しいアプリ] をクリックします。Sign in to PowerApps, and then click New app near the lower-left corner.

    新しいアプリ

  2. [データを使用して開始] で、[Dynamics 365] タイルの [携帯電話レイアウト] をクリックします。Under Start with your data, click Phone layout on the Dynamics 365 tile.

    PowerApps によって Dynamics 365 コネクタが選択される

  3. [接続] で、使う接続を選び、アプリで管理する Dynamics 365 のインスタンスに対応するデータセットを選びます。Under Connections, select the connection that you want, and then choose a dataset, which corresponds to the instance of Dynamics 365 that you'll manage in the app.
  4. [テーブルの選択][連絡先] をクリックし、[接続] をクリックします。Under Choose a table, click Contacts, and then click Connect.
  5. 左側のナビゲーション バーで、右上のアイコンをクリックまたはタップしてサムネイル表示に切り替えます。In the left navigation bar, click or tap an icon in the upper-right corner to switch to the thumbnail view.

    表示の切り替え

PowerApps で、連絡先のレコードに基づいた 3 画面のアプリが生成されます。PowerApps generates a three-screen app based on contact records.

  • BrowseScreen1BrowseScreen1. ユーザーがアプリを開くと、この画面が既定で表示されます。This screen appears by default when users open the app. 左側のナビゲーション バーでは、他の 2 つの画面の上にこの画面のサムネイルが表示されます。In the left navigation bar, a thumbnail for this screen appears above the other two screens.
  • DetailScreen1DetailScreen1. ユーザーが BrowseScreen1 でアイテムをクリックすると、この画面が表示されます。This screen appears when users click an item in BrowseScreen1. 左側のナビゲーション バーでは、他の 2 つの画面の間に DetailScreen1 のサムネイルが表示されます。In the left navigation bar, a thumbnail for DetailScreen1 appears between the other two screens.
  • EditScreen1EditScreen1. ユーザーが DetailScreen1 でアイテムの編集アイコンをクリックすると、この画面が表示されます。This screen appears when users click the edit icon for an item in DetailScreen1. 左側のナビゲーション バーでは、他の 2 つの画面の下に EditScreen1 のサムネイルが表示されます。In the left navigation bar, a thumbnail for EditScreen1 appears under the other two screens.

アプリは初期状態のままでも実行できますが、各画面の情報を調整することでさらに便利にできます。The app can run in its initial state, but we can make it more useful by refining the information on each screen.

BrowseScreen1 をカスタマイズするCustomize BrowseScreen1

この手順では、各連絡先の姓と名を表示するように BrowseScreen1 を構成します。In this procedure, you'll configure BrowseScreen1 to show the first and last names of each contact. データは姓でアルファベット順に並べ替えられ、2 列のグリッドに画像が表示されます。The data will be sorted alphabetically by last name and include images in a two-column grid.

  1. BrowseScreen1 で、1 つ目以外の任意のレコードをクリックして、ギャラリーを選びます。In BrowseScreen1, select the gallery by clicking any record in it except the first one.

    レイアウトを選択する

  2. 右側のウィンドウで、[データ] タブをクリックまたはタップします。In the right-hand pane, click or tap the Data tab.
  3. レイアウトの一覧で、2 列のグリッドに画像とテキストが表示されるレイアウトをクリックまたはタップします。In the list of layouts, click or tap the one that shows pictures and text in a two-column grid.

    このオプションを表示するにはスクロールする必要があるかもしれません。You might need to scroll down to show this option.

    レイアウトを選択する

  4. 次の式をコピーし、ギャラリーを選択したまま、数式バーに式を貼り付けます ([fx] ボタンの右側)。Copy this formula and then, with the gallery still selected, paste the formula in the formula bar (to the right of the fx button):

    SortByColumns(Search(Filter(Contacts,statuscode=1), TextSearchBox1.Text, "lastname"), "lastname", If(SortDescending1, Descending, Ascending))

  5. 右側のウィンドウで、上のドロップダウン リストを [firstname] に設定し、真ん中のドロップダウン リストを [lastname] に設定します。In the right-hand pane, set the top drop-down list to firstname and the middle drop-down list to lastname.

    Body1 を選択する

  6. (省略可能) [ファイル] メニューの [名前を付けて保存] をクリックし、アプリの名前を入力して、[保存] をクリックします。(optional) On the File menu, click Save as, type a name for the app, and then click Save.

    既定では、アプリはクラウドに保存されます。By default, the app will be saved to the cloud. ローカルにアプリを保存するには、[このコンピューター] をクリックします。Click This computer to save your app locally.

DetailsScreen1 と EditScreen1 をカスタマイズするCustomize DetailsScreen1 and EditScreen1

  1. 左側のナビゲーション バーで中央のサムネイルをクリックし、DetailsScreen1 を選びます。In the left navigation bar, click the middle thumbnail to select DetailsScreen1.
  2. DetailScreen1 で、タイトル バーの下の任意の箇所をクリックして、右側のウィンドウにカスタマイズ オプションを表示します。On DetailScreen1, click anywhere below the title bar to show customization options in the right-hand pane.

    フォームのカスタマイズを表示する

  3. 右側のウィンドウで、各フィールドの目のアイコンをクリックして、非表示状態にします。In the right-hand pane, click the eye icon for each field to hide it.

    フィールドを非表示にする

  4. タイトル バーの下の任意の箇所をクリックして、Form1 を選びます。Click anywhere under the title bar to select Form1.

    Form1 を選ぶ

  5. 右側のウィンドウで、各フィールドの目のアイコンをクリックして、連絡先ごとに画像 (テーブルに含まれる場合) と他の 4 つのフィールドが表示されるようにします。In the right-hand pane, click the eye icon for each of these fields, so that the screen will show an image (if the table contains one) and four other fields for each contact:

    • entityimageentityimage
    • firstnamefirstname
    • lastnamelastname
    • mobilephonemobilephone
    • emailaddress1emailaddress1

      右側のウィンドウは次の図のようになります。The right-hand pane should resemble this graphic:

      Form1 を選ぶ

  6. 左側のナビゲーション バーで一番下のサムネイルをクリックして、EditScreen1 を選びます。Select EditScreen1 by clicking the bottom thumbnail in the left navigation bar.
  7. この手順を繰り返して、DetailsScreen1 と同じように EditScreen1 をカスタマイズします。Repeat the steps in this procedure to customize EditScreen1 the same way as DetailsScreen1.
  8. (省略可能) アプリを保存します。(optional) Save the app.

次の手順Next steps