Flow Component OuputField Sample

レコードと項目を指定するだけで標準の Lightning と同じ形式で出力できる画面フロー用のコンポーネントサンプルです。

構築手順

以下の対応は事前に行なっているものとする

• DevHub 組織の設定
  • ロック解除済みパッケージと第二世代管理パッケージを有効化

1.ソースコードを clone

git clone git@github.com:co-meeting/flow-component-ouput-field-sample.git
cd flow-component-ouput-field-sample

2.DevHub 組織認証

スクラッチ組織が作成できるように DevHub 組織を認証

sfdx force:auth:web:login --setdefaultdevhubusername -a sample-devhub

制限チェック用

sfdx force:limits:api:display -u sample-devhub

npm パッケージのインストール

npm install

開発 Tips

スクラッチ組織新規作成

npm run org:create

※スクラッチ組織の作成に失敗したら、devhub 組織の作成可能な有効なスクラッチ組織数を確認してみること。不要なスクラッチ組織があったら削除する

unofficialsf のソース取り込み

スクラッチ組織の作成直後は、スクラッチ組織へソースをデプロイ(Push)する前に、以下のコマンドを実行して、unofficialsf のパッケージをスクラッチ組織にインストールしてください。

// FlowActionsBasePack Version 3.0.0 Managed
sfdx force:package:install --package 04t8b000001Eh4YAAS -w 15 --publishwait 15

// FlowScreenComponentsBasePack  Version 3.0.6 Unmanaged
sfdx force:package:install --package 04t5G000003rUvVQAU -w 15 --publishwait 15

スクラッチ組織へソースをデプロイ(Push)

npm run src:push

スクラッチ組織を再作成してソースをデプロイ(Push)

npm run setupd

（有効期限切れの場合）スクラッチ組織を作成してソースをデプロイ(Push)

npm run setup

作成したスクラッチ組織を Web ページで開く

npm run org:open

ロック解除済みパッケージの作成

UnofficialSFのパッケージが組織にインストールされている前提で実装しているため、 sfdx-project.jsonを開き、以下のdependenciesプロパティを追記してください。

   "packageDirectories": [
       {
           "path": "force-app",
           "default": true,
           "package": "Flow Component OuputField Sample",
           "versionName": "ver 0.1",
           "versionNumber": "0.1.0.NEXT",
           "dependencies": [
             {
                "package": "04t8b000001Eh4YAAS"
             },
             {
               "package": "04t5G000003rUvVQAU"
             }
         ]
       }
   ],

• 04t8b000001Eh4YAAS:FlowActionsBasePack@3.0.0のパッケージバージョンIDです
• 04t5G000003rUvVQAU:FlowScreenComponentsBasePack@3.0.6のパッケージバージョンIDです

上記の対応後に以下のコマンドを実行してパッケージバージョンを作成してください。

sfdx force:package:create --name "Flow Component OuputField Sample" --path force-app --packagetype Unlocked

作成したロック解除済みパッケージリストの確認

sfdx force:package:list

ロック解除済みパッケージバージョンの作成

sfdx force:package:version:create --package "Flow Component OuputField Sample" --codecoverage --installationkeybypass --wait 10

作成したロック解除済みパッケージバージョンリストの確認

sfdx force:package:version:list --packages "Flow Component OuputField Sample"

パッケージインストール用スクラッチ組織の作成

sfdx force:org:create --definitionfile config/project-scratch-def.json -a output_field_package_install_SCRATCH

ロック解除済みパッケージのインストール

sfdx force:package:install --package <SubscriberPackageVersionId> -u output_field_package_install_SCRATCH --wait 10 --publishwait 10

パッケージのインストール確認

sfdx force:org:open -u output_field_package_install_SCRATCH

ロック解除済みパッケージのリリース

sfdx force:package:version:promote --package <SubscriberPackageVersionId>

ロック解除済みパッケージバージョンの削除

sfdx force:package:version:delete --package <SubscriberPackageVersionId>

ロック解除済みパッケージの削除

sfdx force:package:delete --package <PackageId>

License

MIT License LICENSE

連動パッケージ

• FlowActionsBasePack Version 3.0.0 Managed
• FlowScreenComponentsBasePack Version 3.0.6 Unmanaged

Flow Component OuputField Sample では、 Flow Action and Screen Component BasePacks – UnofficialSF にて、 Alex Edelstein が公開してくれている以下サポートツールのソースコードを、CmOutputField コンポーネントのカスタムプロパティエディタ構築の際に利用してます。

• Flow Combobox
• Object and Field Picker

Source: https://github.com/alexed1/LightningFlowComponents/