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

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

サンプルの構成

このサンプルでは次のファイルを使用します。

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

  • ShowMyAccountInfoApp
  • ShowMyAccountInfoComponent

Apexクラス

  • ShowMyAccountInfoController
  • ShowMyAccountInfoTest

サンプルは削除可能です。サンプルコードを直接参照したり、変更したりすると、サンプルの削除により修正内容が失われる可能性があります。サンプルを再利用する場合には、コピーを作成してご利用ください。

サンプルの実行

このサンプルはPC(Mac)のブラウザで以下のURLを開くだけで試すことができます。

https://[YOUR INSTANCE or CUSTOM DOMAIN].lightning.force.com/c/ShowMyAccountInfoApp.app

次のようなページが表示されます。

このQRコードはvCard形式のデータを表現しています。vCardに対応するアプリケーション、たとえばiOS 11のカメラアプリでこのQRコードを読み取ると、この連絡先をそのデバイスの連絡先に追加するかどうか確認するメッセージが表示されます。次の画面は、iOS 11のカメラアプリによる読み取りの例です。

vCardの形式

このサンプルでは、vCard形式でユーザプロファイル情報を含む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

生成されたバーコードはGcBacodeScanner用のサンプルでスキャンすることができ、ユーザプロファイル情報をもとにした連絡先などの情報を交換することができます。

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

Copyright © 2019 GrapeCity inc. All rights reserved.