高度なクライアント側の開発

完了

JavaScript と CSS を使用して Web ページのクライアント側の可視性と機能を操作すると、いくつかの重要なビジネス要件を満たすことにおいて、大きな成功を収めるのに役立ちます。 より複雑なシナリオを実装するために、開発者は創造性を発揮して、Power Pages Web サイトを拡張するための他の方法を使用できます。

パートナー ライブラリ

JavaScript では、他の JavaScript ライブラリを使用して、ユーザー エクスペリエンスの機能強化 (マスク コントロールなど)、リアルタイム コミュニケーション (SignalR)、高度な UI フレームワーク (Angular、Vue、React)、他のさまざまなビジネス サービス (住所検証、マップ API、ルーティング サービス、ロジスティクス) などの機能を提供できます。

Power Pages Web サイトでは、予測可能な要素名を含むクリーンなレスポンシブ レイアウトが作成されるため、データと UI の操作が容易になります。

Power Pages Web サイトがホストし、通信に Angular フレームワークを使用する高度な実装の例については、イベント Web サイトをセットアップする (Dynamics 365 Customer Insights - Journeys) を参照してください。

コード コンポーネント

プロの開発者は、Power Apps component framework を使用してモデル駆動型アプリとキャンバス アプリ用のコード コンポーネントを作成できます。 これらのコード コンポーネントにより、フォーム、ビュー、ダッシュボードのデータを操作するユーザーのエクスペリエンスを強化できます。

Power Pages Web サイトでは、Power Apps component framework を使用して作成されたモデル駆動型アプリのコントロールがサポートされるようになりました。 Web ページでコード コンポーネントを使用するには、次の手順に従います。

  1. コード コンポーネントを作成してパッケージ化するか、既存のコード コンポーネントを使用します。

  2. モデル駆動型フォームの列にコード コンポーネントを追加します。

  3. コード コンポーネントのフォームを設定します。

詳細については、Power Pages でコード コンポーネントを使用するを参照してください。

プロの開発者は、ポータル Web API を使用して、JavaScript から Dataverse データを直接操作できます。それによって、Web ページ内でより豊富なユーザー エクスペリエンスが生み出されます。 Power Pages ポータル Web API を使用すると、すべての Microsoft Dataverse テーブルの作成、読み取り、更新、削除の操作を実装できます。

Web ロール、およびテーブルと列のアクセス許可の組み合わせを使用して、Web サイト訪問者が Dataverse の行と列に対して適切なアクセス権のみを持つようにして、データを保護できます。

詳細については、Power Pages ポータル Web API の概要を参照してください。

コンパニオン アプリおよびサービス

オンライン支払の処理時など、セキュリティ コンテキストを維持したまま外部サービスと安全に通信する必要がある状況が発生することがあります。 Power Pages では、Power Pages サイト内で OAuth 2.0 の暗黙的な許可フローをサポートすることでこのシナリオを有効にします。

この機能を使用すると、クライアント側で外部 API を呼び出し、OAuth の暗黙的な許可フローを使用してセキュリティを保護するのに役立ちます。 この方法によって、サインインしたユーザーの ID 情報は、セキュアな方法で外部呼び出しに渡されます。

このシナリオでは、カスタム Web アプリケーションを構築すると、Power Pages Web サイトが JavaScript を使用して、API を呼び出すためにこのアプリケーションと通信します。

CSS と JavaScript を使用すると、UI の調整、検証、データ入力という単純なものから、他のサービスとやり取りする高度なクライアント側アプリケーションまで、統合や拡張性に関わるさまざまなシナリオを実現できます。