wixUsers.logout on protected page issue

Ask the community
,
1

I have a website that has protected page. Everything is working fine except the Logout button.

My code is in PAGE section as the logout button is in 1 page only. My code is simple

import wixUsers from ‘wix-users’;
export function Logout_onclick() {
wixUsers.logout();
}

The issue I have is that my logout button is located in a protected page so when I click on it, it bring me back right away to the login page from Wix. This is an issue for me. I need a code sample where when I click on the logout button, it do a logout and bring me right away to the home screen without going to the Login page from Wix. (Now I have to click on the X to close the Login page to go back to the home page)

Can someone help me :slight_smile:

1 Like
2

Hi :slight_smile:

‘wixUsers.logout()’ return a Promise that is fulfilled when the user is logged out.
Try using it to navigate outside with wixLocation.to() . Example:

import wixUsers from 'wix-users';
import wixLocation from 'wix-location';
export function Logout_onclick() {
    wixUsers.logout().then(() => {
        wixLoaction.to('/home');
    });
}

Hope this helps,
Liran.

3

It’s not working…The problem is that the line WIXLOCATION is execute only when the logout window is closed. You still need to press X to close the login box.
By default, it bring you back to the home page so I even don’t have to put the wixlocation.to if I don’t want to. I think I need to find a solution that when I press the Logout button, the first thing it does is redirect me to another page like the home page and then do the logout. But I don’t know how to do that.

Any clue ?

thanks :slight_smile:

4

Hi,

As an alternative you can also create a dedicated logout page with the logout & navigation functions and simply move the user to this page once he clicks the logout button on the secured page.

Add the following code to the logout page:


import wixUsers from 'wix-users';
import wixLocation from 'wix-location';

$w.onReady(function () {
        wixUsers.logout().then(() => {
              wixLocation.to('/home');
    });
});
5

Yes I knew this one :slight_smile: But I am really looking forward to have a simple button that can bring you wherever you want once click. Asking the customer to click a logout button on 2 pages is not very professionnal :frowning:

thanks to let me know if you find a solution

6

Hi,

You do not need to ask the user to click two buttons.
On the first page you add the ‘Logout’ button, with code to move the user to the ‘Logout’ page.
On the ‘Logout’ page you automatically log the user out (per my code example above) and then redirect him back to the homepage - all in one user click.

7

haaaa got it…Will try right away :slight_smile:

8

Yep, got it, it’s working. Thanks :slight_smile:

9

How can I get this to work. I have the following code? I want to mive to the Logout page and then get redirected?

export function loginButton_click(event) {
// user is logged in
if(wixUsers.currentUser.loggedIn) {
// log the user out
wixUsers.logout()
.then( () => {

    // update buttons accordingly 
    $w("#loginButton").label = "Login"; 
    $w("#profileButton").hide(); 
    $w("#VendorsButton").hide(); 
    $w("#ResourceButton").hide(); 
    $w("#ForumButton").hide();         
    wixLocation.to('/logout');
10

I log out but do not go to the specified path.

11

Hi,

At the moment logout() does not return a promise, therefore once you call it it immediately logs the user out and refreshes the page.

We are working providing better functionality. stay tuned.

12

Logout does not go to the specified screen.

wixUsers.logout()
.then( () => {
wixLocation.to (‘/logout’); << // Do not move to the logout screen.

13

This is my exact issue too Phongdaegi - It logs out but stays on the ‘restricted page’.

wixUsers.logout()
.then( () => {
wixLocation.to (‘/logout’); << // Do not move to the logout screen.

The wixLocation.to Code doesnt work on any of my code. I was trying to mimic the above code. If the button says “Login” then wixLocation.to (‘/logout’). when on the Logout page ‘On ready’ the Wixuser.logout and then wixLocation.to (/Home)

In a nutshell. If I logout on a restricted ‘Members Only’ page it errors 403 - error because it is attempting to stay on the same page. when it should go to the home page.

I guess What should happen is that no button should have the logout code. The Logout code should be on the Logout Page. All the Logout button does wixlocation.to (/logout) - but that doesnt work.

14

Boom. Fixed it.

export function loginButton_click(event) {
// user is logged in
if(wixUsers.currentUser.loggedIn) {
// log the user out
wixLocation.to(“/home”);
wixUsers.logout()
.then( () => {

    // update buttons accordingly 
    $w("#loginButton").label = "Login"; 
    $w("#profileButton").hide(); 
    $w("#VendorsButton").hide(); 
    $w("#ResourceButton").hide(); 
    $w("#ForumButton").hide();         
    $w("#MemberButton").hide();

The code is case sensitive so /Home needs to match what is in the setting. if its /home it will not work. also the same for wixLocation. it will not pick up WixLocation.

15

Haha This is a very good shortcut.
It works well.

16

@liran-kurtz-wix Is there a way to redirect after someone selects logout from a restricted page from the #accountnavbar module and not from a button that was added separately?

17

same as Ryan Williams - can I redirect after the #accountnavbar log out is clicked - currently opens Wix Log In page but I have a custom one so this isn’t right

18

Did anyone get a code to use the #accountnavbar log out to either a specific page or the custom log in lightbox?

19

as far as i’m aware you can not create an event for #accountnavbar

20

Hi @Mike do you know if there is any other way to change the page that it redirects to? Or to direct the log out to another page?