Redirection based on profileStatus

Ask the community
, ,
1

I want to assign a variable to
privacyStatus which I understand to be in
wix-members api → currentMember
What i want to do is create a router page which will check the currently logged in member to see if their privacyStatus is “private” or “public”
If private, then redirect to a page for private status
if public, then redirect to a page for public status

This is what i have currently and I am stuck. I am editing the site in velo/ developer mode.

// API Reference: Introduction - Velo API Reference - Wix.com
// “Hello, World!” Example: Velo Learning Center

import { currentMember } from ‘wix-members’ ;
import wixLocation from ‘wix-location’ ;
$w . onReady ( function () {
// Write your JavaScript here
currentMember . getMember ()
. then (( member ) => {
let privacy = member . privacyStatus
})
// To select an element by ID use: $w(‘#elementID’)

// Click 'Preview' to run your code

});

I want public members to access the forum pages and private members to be sent to a page saying “you profile is private, please change it to continue to the forum”

any help would be appreciated. If anyone could give me some code, I can use it as a learning tool.
Heshan

2

On one hand you said you wanted to have a ROUTER page, on the other hand from the code you posted it looks like you wanted to load the current page and then navigate to the other pages with wixLocation.to .
So what would you like to do?

3

Thanks for replying. Maybe i havent understood router pages yet. I assumed that the code on the router page would be written as above to redirect . The process i want to happen is this…
Please note, you can only access the forum as a member with a subscription plan paid for. If you are not on a plan, you will be redirected to login and pay for one if you click forum

member / subscribed person logs in → wants to go to the forum → clicks forum → somehow, the site checks the profilestatus. -->if the profile is “public” then on to the forum as normal
If the profile is “private”…
At the moment, wix will take the client to a page which states that they need to subscribe to access this page. But clearly, the client has subsribed - its only that they havent made their profile public. I have asked wix and this page cannot be edited (i am told)
Therefore, if the profilestatis is “private” i want the client to be redirected to a page which tells them that they need to be public and how to do so. They can then make their profile public and go to the forum.
I hope that makes things clearer.

If router pages are the wrong thing to do, i would like to know the best way to do this.
Thanks in advance.
heshan

4

Router page and wixLocation.to are two different things.
For router page, you have a function running also on the backend, if there’s a redirection there, the current page will elements will never display.

On the other hand, if you go for the wixLocation.to, it loads the current page first and then navigates to the target page (you may see the element of the current page for a second or few. It also may be slower),

Now. since you started with the latter, all you need to add is:

//...
currentMember.getMember()
        .then((member) => {
            let privacy = member.privacyStatus;
	    wixLocation.to(privacy ? '/private-page-path' : '/public-page-path');
        })
//...
5

So this is my setup

  1. a copy of my live site (not published)

  2. a new page called …/checking

  3. router page deleted

  4. checking page has this velo code
    // API Reference: Introduction - Velo API Reference - Wix.com
    // “Hello, World!” Example: Velo Learning Center

import currentMember from ‘wix-members’ ;
import wixLocation from ‘wix-location’ ;
$w . onReady ( function () {
// Write your JavaScript here
currentMember . getMember ()
. then (( member ) => {
let privacy = member . privacyStatus
wixLocation . to ( privacy ? ‘/about’ : ‘/forum’ );
})
});

  1. i want the /private-page-path to be the about page for the moment. the public page will go to forum
  2. when i hit preview, it says in red
    “TypeError: external_wix_members_default(…).getMember is not a function” - picture attached
    Have i missed something

3840×1037 109 KB

6

First line should be (curly brackets):

import { currentMember } from 'wix-members';

Also it’s better to explicitly use the fieldsets:

currentMember.getMember({fieldsets: [ 'FULL' ]})
7

Thanks
I added curly brackets to currentMember
I had also missed a semicolon from the end of let privacy = member.privacyStatus;

Here is my code now
// API Reference: Introduction - Velo API Reference - Wix.com
// “Hello, World!” Example: Velo Learning Center

import { currentMember } from ‘wix-members’ ;
import wixLocation from ‘wix-location’ ;
$w . onReady ( function () {
// Write your JavaScript here
currentMember . getMember ()
. then (( member ) => {
let privacy = member . privacyStatus ;
wixLocation . to ( privacy ? ‘/about’ : ‘/forum’ );
})
});

and here is my error
TypeError: Failed to construct ‘URL’: Invalid URL
Cannot Read properties of undefined (reading ‘privacyStatus’)

2557×267 15.1 KB

Re: URL error - is this to do with the wixLocation.to line - where i have written /about and /forum. Do these paths to the pages need to be more complete?

8

Are you sure the member is logged in?

9

If the member might not be logged in do (see the red question mark):

currentMember.getMember({fieldsets: [ 'FULL' ]})
        .then((member) => {
            let privacy = member?.privacyStatus;
            wixLocation.to(privacy ? '/about' : '/forum');
        })
10

Can i start by saying a big thanks for continuing to help. It has been reassuring.
At the moment, i am testing the code by hitting preview after editing code in the editor itself. The website appears to have a login with a member but i will check again.

I am new to the syntax for velo code, so you may have to be as explicit as you can.

  1. I didnt realist i needed more

currentMember . getMember ({ fieldsets :[ ‘FULL’ ]})

  1. Can i check what is happening with the question mark?
    thanks again
    hesh
11

You’re welcome.

  1. the {fieldsets:[‘FULL’]} is just to be safe (it is the default despite the documentation).

  2. The question mark ?. tells the system that if there is no member at all it shouldn’t throw an error for trying to access a property of undefined member, but it should set the privacy variable to be undefined (which is falsy).

12

I am a little bit further
Using preview made the page change to forum (as i was logged in on the preview i thought it was ok). An error about invalid url came up
I then made a dummy account with a private profile
Now i find that whether i login as a public or a private profile, the second of the urls is used always i.e.

// API Reference: Introduction - Velo API Reference - Wix.com
// “Hello, World!” Example: Velo Learning Center

import { currentMember } from ‘wix-members’ ;
import wixLocation from ‘wix-location’ ;
$w . onReady ( function () {
// Write your JavaScript here
currentMember . getMember ({ fieldsets : [ ‘FULL’ ] })
. then (( member ) => {
let privacy = member ?. privacyStatus ;
wixLocation . to ( privacy ? ‘/about’ : ‘/forum’ );
})
});

keeps going to forum.

Hitting preview in the editor, current error is

Error: Ambassador client request failed: HTTP STATUS: -1 RESPONSE: “Failed to fetch” See the httpStatus and response fields for more information.

from my limited knowledge, have i organised the wixLocation.to urls correctly

The actual code currently is

import { currentMember } from ‘wix-members’ ;
import wixLocation from ‘wix-location’ ;
$w . onReady ( function () {
// Write your JavaScript here
currentMember . getMember ({ fieldsets : [ ‘FULL’ ] })
. then (( member ) => {
let privacy = member ?. privacyStatus ;
wixLocation . to ( privacy ? ‘/about’ : ‘/forum’ );
})
});

(i have removed the // labels)

13

A bit more testing and i realise that whatever profile status / visibility i have, the wixLocation.to sends me to the first url regardless

wixLocation . to ( privacy ? ‘/about’ : ‘/forum’ );

i have been changing urls and changing visibilities to test it.
hesh

14

It means the privacy value is always true.
Try to see if that’s the status + make sure the page paths are correct.

15

status of privacy and member are undefined in the console log. i found similar issues on this site of many, doing a google search

current code

import { currentMember } from ‘wix-members’ ;
import wixLocation from ‘wix-location’ ;
$w . onReady ( function () {
// Write your JavaScript here
currentMember . getMember ({ fieldsets : [ ‘FULL’ ] })
. then (( member ) => {
const privacy = member ?. privacyStatus ;
console . log ( member );
console . log ( privacy );
console . log ( “hi there” );
wixLocation . to ( privacy ? ‘/becoming-a-member’ : ‘/about’ );
})
});

2647×1250 505 KB

16

for my benefit and learning - this is how i understand the code to be working.

import { currentMember } from ‘wix-members’ ;
import wixLocation from ‘wix-location’ ;
// these lines are for interrogating the api functions in wix for members and locations.

$w . onReady ( function (){
// this is the “start code once page loads fully”

currentMember . getMember ({ fieldsets :[ ‘FULL’ ]})
. then (( member )=>{
// these lines mean - get member details from the FULL fieldsets and assign to the variable member

const privacy = member ?. privacyStatus ;

// assign the privacyStatus of the member variable (created above) to the variable privacy. The question mark is to do with querying the array or data.

console . log ( member );
console . log ( privacy );
console . log ( “hi there” );

// i have added these - send an output to the console - the member variable, privacy variable and the string “hi there”

wixLocation . to ( privacy ? ‘/becoming-a-member’ : ‘/about’ );})});

// use the wixLocation api (interrogated at the start of this) based onthe ‘?’ interrogation of the privacy variable. I presume that ACTIVE would be the first url location sent to (currently set at the /becoming-a-member page). Followed by a ‘:’ colon. PRIVATE would be the second url to be sent to (currently /about page)

17

just to add, if i wanted to open an lightbox if the privacyStatus is private then how would i combine the privacy check with both wixlocation.to (send to the forum webpage) or send to a lightbox (give a message to make profile active and send to the account page or settings page)

Hesh

18

Did some more reading and made it work!!!

import { currentMember } from ‘wix-members’ ;
import wixLocation from ‘wix-location’ ;
import wixWindow from ‘wix-window’ ;
$w . onReady ( function () {
// Write your JavaScript here
currentMember . getMember ({ fieldsets : [ ‘FULL’ ] })
. then (( member ) => {
let link = “/about”
const privacy = member ?. privacyStatus ;
privacy === “PUBLIC” ? link = “/forum” : link = “/becoming-a-member”
console . log ( member );
console . log ( privacy );
console . log ( “hi there” );
wixLocation . to ( link );
})
});

19

I have made a visible page called checking with this code.
plan now

  1. hide the checking page

  2. redirect links to the forum page to the checking page.

  3. create and hide a message page stating “please make your profile private” which is accesible if profile is private