詳細情報:
Heroku Web サーバーへのカードフレームワークのリリース (管理パッケージ)
このトピックでは、管理パッケージランタイムについて、Heroku サーバーがリリースされており、FTP や Git などの開発ツールを使用してリソースをアップロードする方法を理解していることを前提としています。また、AngularJS と HTML5 を理解していることを前提としています。
この情報は、OmniStudio for Managed Packages 用です。標準ランタイムの OmniStudio については、OmniStudio ヘルプを参照してください。
-
次のリソースを組織からリリースサーバーにアップロードします。「Cards Framework Required Resources」を参照してください。
-
vlocity_core_assets.js -
$Resource.angular_strap_bundle_1_6 -
$Resource.SldsAngular.js -
$Resource.cardframework_core_assets , '/latest/cardframework_assets.js' -
$Resource.cardframework_core_assets , '/latest/cardframework.js'
-
-
ダウンロードしたリソースを
index.htmlファイルまたは Vlocity Card を使用するページに追加します。<script type="text/javascript" src="js/cards/vlocity_core_assets.js"></script> <script type="text/javascript" src="js/cards/CardFramework_Assets.js"></script> <script type="text/javascript" src="js/cards/SldsAngular.js"></script> <script type="text/javascript" src="js/cards/CardFramework.js"></script> -
vlocityおよびCardFrameworkモジュールを Angular アプリケーションに挿入します。次の例は、Salesforce に接続するための省略可能な ForceNG を示しています。var app = angular.module('miniApp', ["forceng", 'vlocity', 'CardFramework']); -
必要に応じて、接続アプリケーションを設定できます。
-
コールバック URL がアプリケーションに設定されていることを確認します。Salesforce ヘルプの「接続アプリケーションの作成」を参照してください。
-
forceNG を使用して、JavaScript から Salesforce への OAuth 接続を設定します。
app.run(function(force) { force.init({ proxyURL: 'https://omniproxy.herokuapp.com' }); force.login().then( function (oAuth) { /* all logged in /* $rootScope.showCards = true; }); });
-
-
Salesforce への接続に応じて、レイアウト、カード、テンプレートを読み込みます。
-
Salesforce 接続では、組織内と同様にアプリケーション内のレイアウトを参照します。
<vloc-layout layout-name="myLayout"><vloc-layout>接続が確立されると、フレームワークは必要なメタデータを取得します。
-
Salesforce 接続を使用しない場合は、複数のコンポーネントを事前に読み込んでキャッシュし、サイドロードされた DataPack に含まれるすべてのレイアウト、カード、テンプレートを参照できるようにします。
$http.get('datapacks/myDatapack.json').then(function(data) { /* call the service to sideload DataPack components */ configService.loadCardframeworkDefinitions(data).then(function(result) { $rootScope.showCards = true; }, function(err) { console.log('err ',err); }); }); -
Salesforce 接続を使用しない場合は、REST またはサンプルデータソースを使用します。カスタムアクションのみがサポートされ、コンポーネントは
configService.loadCardFrameworkDefinitionsを使用してデータパックからサイドロードする必要があります。
-

