Skip to main content

Current User

Untuk membuat komponen di Salesforce yang mengakses informasi tentang pengguna saat ini, Anda bisa menggunakan Lightning Web Components (LWC) atau Aura Components.

Contoh​

  1. Buat Lightning Web Component Baru: Gunakan Salesforce CLI untuk membuat komponen baru dengan perintah berikut:

    sfdx force:lightning:component:create --type lwc --componentname CurrentUserInfo --outputdir force-app/main/default/lwc
  2. Gunakan @salesforce/user untuk Mengakses Informasi Pengguna: Salesforce menyediakan module @salesforce/user untuk mengakses informasi pengguna. Anda dapat mengimpor userId dari module ini.

  3. Contoh Kode LWC: Berikut adalah contoh bagaimana Anda bisa mengimplementasikan LWC untuk mendapatkan ID pengguna saat ini dan menampilkan informasi pengguna.

    // currentUserInfo.js
    import { LightningElement, wire } from 'lwc';
    import { getRecord } from 'lightning/uiRecordApi';
    import USER_ID from '@salesforce/user/Id';
    import NAME_FIELD from '@salesforce/schema/User.Name';
    import EMAIL_FIELD from '@salesforce/schema/User.Email';

    export default class CurrentUserInfo extends LightningElement {
    userId = USER_ID;
    userName;
    userEmail;

    @wire(getRecord, { recordId: USER_ID, fields: [NAME_FIELD, EMAIL_FIELD] })
    wiredUser({ error, data }) {
    if (data) {
    this.userName = data.fields.Name.value;
    this.userEmail = data.fields.Email.value;
    } else if (error) {
    console.error('Error fetching user data', error);
    }
    }
    }
  4. Tampilkan Informasi di Template: Anda bisa menampilkan informasi pengguna di template HTML.

    <!-- currentUserInfo.html -->
    <template>
    <lightning-card title="Current User Information">
    <div class="slds-m-around_medium">
    <p>User ID: {userId}</p>
    <p>Name: {userName}</p>
    <p>Email: {userEmail}</p>
    </div>
    </lightning-card>
    </template>
  5. Deploy Komponen ke Salesforce: Setelah membuat komponen, deploy ke Salesforce menggunakan perintah:

    sfdx force:source:deploy -p force-app/main/default/lwc/currentUserInfo
  6. Gunakan Komponen di Lightning App Builder: Setelah dideploy, Anda bisa menambahkan komponen ini ke halaman Lightning menggunakan Lightning App Builder.

Dengan langkah-langkah ini, Anda dapat membuat komponen yang mengambil dan menampilkan informasi tentang pengguna saat ini menggunakan Lightning Web Components di Salesforce.

Referensi​

Course: Zero to Hero in LWC | Get Information about Current User