Lightningコンポーネントで使用する(開発者向け)

LightningコンポーネントでCM Kanbanboardを使用するには以下のような手順で行います。この手順で作成したLightningコンポーネントはLightning Experienceのタブ、Salesforce1のメニューに追加できる他、Lightningアプリケーションビルダーで利用するようにすることも可能です。

開発者コンソールの起動

[アカウント名] >[開発者コンソール]をクリックします。

開発者コンソールが起動します。

新規Lightningコンポーネントを作成する

メニューから、[File] > [New] > [Lightning Component]をクリックします

ダイアログが表示されますので、NameとDescriptionに適当な内容を入力し[Submit]ボタンをクリックしてください

Lightningコンポーネントが生成されます。

Lightningアプリケーションタグの追加

例として、以下のような商談パイプラインを作成してみましょう。

<aura:component>タグ内に下記の属性を記入したタグを追加します。このとき、作成するコンポーネントをSalesforce1から直接使えるようにするためには<aura:component implements=”force:appHostable”>とする必要があります。

<aura:component implements="force:appHostable">
 <cmkanban:kanbanBoardApp object="Opportunity"
 columnField="StageName"
 cardTitleField="Name"
 cardField1="Amount"
 cardField2="Owner.Name"
 cardField3="Account.Name"
 query1="全ての商談"
 query2="来週クローズする商談 : CloseDate = NEXT_MONTH : Amount DESC"
 query3="私の商談 : : Amount DESC : mine"
 />
</aura:component>

簡単に説明すると、[object]に指定したオブジェクトを[columnField]に指定した選択リスト項目毎に列に分けて表示し、一つのカード内に表示する項目を[cardTitleField]および[cardField1-3]で指定します。[query1-10]は右上に表示される絞り込み条件です。[query1-10]は「[表示名]:[WHERE句]:[ORDER BY句]:[SCOPE句]」という形式で指定します。

コンポーネントの属性の詳しい説明は「CM Kanbanboardコンポーネントリファレンス」をご覧ください。

追加が完了したら[File] > [Save]をクリックして保存します。

Salesforce1のメニューに追加する

作成したコンポーネントをSalesforce1から使える設定を行います。

[設定] > [アプリケーションの設定] > [作成] > [タブ] をクリックしてください。

[Lighningコンポーネントタブ] > [新規]ボタンをクリックします。

Lightningコンポーネントで作成したコンポーネントを選択し、その他必要事項を記入して[次へ]ボタンをクリックします。

[プロファイルに追加]画面に遷移しますので、必要な設定を行い[保存]ボタンをクリックしてください。

続いて、[設定] > [管理者設定] > [モバイル管理] > [モバイルナビゲーション]をクリックします

[モバイルナビゲーション] > [ナビゲーションメニュ項目]の[選択可能]に表示されている作成したLightningコンポーネントタブを選択し、[選択済み]に追加してください。

以上で設定完了です。

Salesforce1上で確認

Salesforce1モバイルアプリまたは「https://<インスタンス名>.lightning.force.com/one/one.app」からSalesforce1にアクセスします。ナビゲーションメニューに追加したアプリケーションが表示されるので、タップ(クリック)します。

CM KanbanBoardを使った商談パイプラインアプリケーションを作成し、公開することができました。

コンポーネントの属性を変更すれば、タスクの進捗管理、リードのステータス管理など様々な用途のアプリケーションを作成することができます。是非色々な使い方をしてみてください。