LWC – Fix aura.redirect Not Working

I'm developing a Community and I have a custom Login Aura controller. To log in the user I use the standard Site.login() method that returns a pageReference, that then is passed to aura.redirect()

Login Controller:

ApexPages.PageReference lgn = Site.login(username, password, startUrl);
if(!Test.isRunningTest())aura.redirect(lgn);

aura.redirect() won't navigate to Home and it doesn't throw an error either.

I've also tried to navigate to Home using NavigationMixin.Navigate but it doesn't work either.

I send a response from my controller to my LWC and there in the component I try to navigate from the login page to Home using the following code, but it just won't work

LWC:

this[NavigationMixin.Navigate]({
        type : 'standard__namedPage',
        attributes : {
            pageName : 'home'
        },
});

Any ideas on how to log in the user and then take the user from the community login page to Home using LWC?

Best Answer

Well after doing some research I found out that apparently and according to René Winkelmeyer (Salesforce Principal Developer Evangelist) in this GitHub Issue:

lightning-navigation is currently not a supported experience for Communities.

Related Solutions

[SalesForce] the equivalent of Site.login(username, password, url) in the Lightning environment

When I recently turned on communities this example controller (and a login form Lightning Component front) end was automatically added to the Developer Edition org:

global class LightningLoginFormController {

    ...

    @AuraEnabled
    public static String login(String username, String password, String startUrl) {
        try{
            ApexPages.PageReference lgn = Site.login(username, password, startUrl);
            aura.redirect(lgn);
            return null;
        }
        catch (Exception ex) {
            return ex.getMessage();            
        }
    }

    ...

so Site.login appears to be the way to go.

[SalesForce] NavigationMixin.Navigate not navigating to home on community – LWC

I had the exact same issue and fixed it adding the navigation menu bar on my login page.

In my case, I had to make a custom theme Layout. For that I created an aura component in which I added a custom navigation bar (another aura component that I had to create because I needed to override the "Home" button functionality) adding the following div:

<div class="navigation">
    <!-- you add this line here if you want to use the standard nav bar --> 
    {!v.navBar}
    <!-- you add this line if you have a custom nav bar -->
    <c:navMenu></c:navMenu>
</div>

(Use this documentation as reference: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_config_for_builder_theme_layout.htm)

The result .cmp file of the custom layout component will be something like this:

<aura:component implements="forceCommunity:themeLayout" access="global" description="Sample Custom Theme Layout">
    <aura:attribute name="navBar" type="Aura.Component[]" required="false"/>
    <aura:attribute name="newHeader" type="Aura.Component[]" required="false"/>
    <div style="outline: none; max-width: 1440px; margin-left: auto; margin-right: auto;">
        <div class="profileMenuRegion">
            {!v.profileMenu}
        </div>
        <div class="newHeader">
            {!v.newHeader}
        </div>
        <div class="navigation">
            <!-- here goes the reference to the custom nav bar component -->
            <c:navMenu></c:navMenu>
        </div>        
        <div class="mainContentArea" style="outline: none; max-width: 1140px; margin-left: auto; margin-right: auto;">
            {!v.body}
        </div>
    </div>
</aura:component>

I don't know if while using a standard theme you need to explicitly add to the page the navigation bar.

Best Answer

Related Solutions

[SalesForce] the equivalent of Site.login(username, password, url) in the Lightning environment

[SalesForce] NavigationMixin.Navigate not navigating to home on community – LWC

Related Topic