連絡先をvCard形式で表示する

このサンプルでは、Salesforceにログインしている現在のユーザの連絡先の情報をQRコードとして表示します。QRコードのデータはvCard形式です。

このサンプルは同じ内容をLightning AuraコンポーネントとLightning Webコンポーネントの2種類の方法で開発しています。
 ・gcbc:GcBarcodeコンポーネントを使用したLightning Auraコンポーネントでの開発
 ・gcbc-gc-barcode-lwcコンポーネントを使用したLightning Webコンポーネントでの開発

サンプルの構成

このサンプルでは次のメタデータコンポーネントを使用します。

Lightning Auraコンポーネントバンドル

  • GCSampleShowMyAccountInfoApp
  • GCSampleShowMyAccountInfoComponent

Lightning Webコンポーネントバンドル

  • gcSampleShowMyAccountInfoComponentLWC

Apexクラス

  • GCSampleShowMyAccountInfoController
  • GCSampleShowMyAccountInfoControllerTest

タブ

  • 連絡先情報の表示(Aura)
  • 連絡先情報の表示(LWC)

サンプルの実行

デスクトップまたはラップトップのブラウザで「連絡先情報の表示(Aura)」タブを開くと連絡先の情報がQRコードとして表示されます。

Lightning Webコンポーネントのサンプルも実行手順は同じです。その場合、「連絡先情報の表示(Aura)」の代わりに「連絡先情報の表示(LWC)」を使用してください。

vCardの形式

このサンプルでは、vCard形式でユーザプロファイル情報を含むQRコードが表示されます。vCardに対応するアプリケーション、たとえばiOSのカメラアプリでこのQRコードを読み取ると、この連絡先をそのデバイスの連絡先に追加することができます。

vCard形式のユーザ情報は以下のようになります。

BEGIN:VCARD
VERSION:3.0
N:Gc;PowerTools
NICKNAME;TYPE=work:PowerTools
TITLE:
ADR:;;3-1-4 Purple Hills;Seidai Izumi;Miyagi;9813205;JP
ORG:GrapeCity inc.;
TEL;TYPE=WORK,VOICE:022-777-8210
TEL;TYPE=WORK,CELL,VOICE:
TEL;TYPE=WORK,FAX:022-777-8231
EMAIL;TYPE=PREF,WORK,INTERNET:powertools@grapecity.com
END:VCARD

読み取り方法については、URLおよびvCard形式のバーコードを読み取るを参照してください。

Copyright © 2023 MESCIUS inc. All rights reserved.