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