現在のユーザに関する情報の取得

現在のユーザに関する情報を取得するには、範囲設定されたモジュール @salesforce/user を使用します。

1import property from "@salesforce/user/property";

property — サポートされるプロパティは、Id と isGuest です。前者はユーザ ID で、後者はユーザがゲストユーザであるかどうかを示す Boolean 値です。isGuest プロパティを使用すると、ユーザがエクスペリエンスビルダーサイトで認証されているかどうかを確認できます。

次のサンプルコードは、現在のユーザ ID をインポートして userId プロパティに割り当てることにより、HTML テンプレートでのアクセスを可能にしています。

1// miscGetUserId.js
2import { LightningElement } from "lwc";
3import Id from "@salesforce/user/Id";
4
5export default class MiscGetUserId extends LightningElement {
6  userId = Id;
7}

テンプレート内のユーザ ID を参照するには、{property} 構文を使用します。この構文は、JavaScript プロパティを参照するために使用する構文と同じです。

1<!-- miscGetUserId -->
2<template>
3  <lightning-card title="MiscGetUserId" icon-name="custom:custom19">
4    <div class="slds-m-around_medium">
5      <p>User Id:</p>
6      {userId}
7    </div>
8  </lightning-card>
9</template>

このコードサンプルは、lwc-recipes リポジトリにある miscGetUserId コンポーネントです。

Tip

関連トピック

The Japanese Summer '24 guide is now live

日本語の Summer '24 ガイドが公開されました! 「Component Reference (コンポーネントリファレンス)」は、以前と同様にコンポーネントライブラリにあります。