ログアウト方法 1

<site_name>/secur/logout.jspへ遷移し、ログアウトする方法

lwc:logout

<template>
  <lightning-button
    label="ログアウト"
    title="ログアウト"
    icon-position="right"
    icon-name="utility:logout"
    onclick="{handleLogout}"
  ></lightning-button>
</template>

import { LightningElement, api } from "lwc";

export default class Logout extends LightningElement {
  /**
   * ログアウト
   */
  handleLogout() {
    window.location.href = "<site_name>/secur/logout.jsp";
  }
}

ログアウト方法 2

Aura コンポーネントの$A.get(e.force:logout).fire();を通じて、ログアウトする方法

lwc:logout

<template>
  <lightning-button
    label="ログアウト"
    title="ログアウト"
    icon-position="right"
    icon-name="utility:logout"
    onclick="{handleLogout}"
  ></lightning-button>
</template>

import { LightningElement, api } from "lwc";

export default class Logout extends LightningElement {
  /**
   * ログアウト
   */
  handleLogout() {
    this.dispatchEvent(new CustomEvent("logout"));
  }
}

aura:logoutContainer

<aura:component
  implements="forceCommunity:availableForAllPageTypes"
  access="global"
>
  <c:customLogoutButton onlogout="{!c.handleLogout}" />
</aura:component>

({
    handleLogout : function(component, event, helper) {
        $A.get(e.force:logout).fire();
    }
})

参考

Salesforce Developers
icon
developer.salesforce.com