Hello. I am trying to implement the user dashboard...
# support-questions-legacye
EyesForDays
03/03/2023, 11:23 PMHello. I am trying to implement the user dashboard but I am getting a blank white page. It looks like the html and scrips are all being downloaded and there are no errors in the console. Not quite sure where to go from here. I am using aws lambda for hosting along with a reverse proxy so could this be caused by a mismatch in settings?
r
rp_st
03/04/2023, 5:03 AMHey @EyesForDays Can I see the network tab, and browser console please?
e
EyesForDays
03/04/2023, 9:27 PM@rp_st The browser console is empty but here is the network requests
r
rp_st
03/05/2023, 4:26 AM@nkshah2 can help here.
n
nkshah2
03/05/2023, 4:27 AMHey can you share a screenshot of the network tab instead?
nkshah2
03/05/2023, 4:27 AMAlso share the config you use when calling SuperTokens init on the backend
r
rp_st
03/05/2023, 4:28 AM@nkshah2 the .har file shows u the network request.
rp_st
03/05/2023, 4:28 AMDrag and drop the .har file into chrome inspect element
e
EyesForDays
03/05/2023, 4:32 AMHere is my config
Copy code
json
{
framework: "awsLambda",
supertokens: {
connectionURI: "***",
apiKey: "***",
},
appInfo: {
appName: "checkayou.com",
apiDomain: "https://checkayou.com",
websiteDomain: "https://checkayou.com",
apiBasePath: "/auth",
apiGatewayPath: "/prod",
},
recipeList: [
Passwordless.init({
flowType: "MAGIC_LINK",
contactMethod: "EMAIL",
}),
Session.init(),
Dashboard.init({
apiKey: "***",
}),
],
isInServerlessEnv: true,
}n
nkshah2
03/05/2023, 4:33 AMRight since both your website and api domain are the same you should use something similar to /api/auth for the api base path
nkshah2
03/05/2023, 4:34 AMAnd then visit the dashboard using /api/auth/dashboard
e
EyesForDays
03/05/2023, 4:34 AMI use cloudflare workers as a reverse proxy that then calls the aws setup. So auth and other things work currently
EyesForDays
03/05/2023, 4:35 AMJust to keep things nice and complicated. Is it possible that the mismatch in routes could be causing it?
EyesForDays
03/05/2023, 4:36 AMI would prefer to run everything in cloudflare workers with the rest of my api, but workers don't 100% support the dependencies of supertokens-node 😦
r
rp_st
03/05/2023, 4:45 AMCan you please open an issue about this on our GitHub describing the setup. @nkshah2 can help out in the coming week
e
EyesForDays
03/05/2023, 5:10 AMCan do. Thanks for looking
EyesForDays
03/05/2023, 5:21 AMn
nkshah2
03/06/2023, 5:53 AMHey @EyesForDays when you end up on the blank screen whats the full URL in the browser it ends up on?
e
EyesForDays
03/06/2023, 5:54 AMn
nkshah2
03/06/2023, 5:55 AMWhat result do you get when you visit http://localhost:3000/api/auth/dashboard/api/users/count in the browser?
e
EyesForDays
03/06/2023, 6:00 AMI get a 401 Unauthorised access response. Looks like it is is from aws...
EyesForDays
03/06/2023, 6:01 AM> {"message":"Unauthorised access"}
n
nkshah2
03/06/2023, 6:01 AMYeah that is correct, this might be easier to debug on call if youre ok with that
e
EyesForDays
03/06/2023, 6:01 AMThat works for me
n
nkshah2
03/06/2023, 6:01 AMDoes right now work? I can send you a link
e
EyesForDays
03/06/2023, 6:02 AMyep!
n
nkshah2
03/06/2023, 6:02 AMnkshah2
03/06/2023, 6:17 AM Copy code
override: {
apis: (original) => {
return {
...original,
dashboardGET: async (input) => {
if (original.dashboardGET === undefined) {
return "";
}
let htmlString = await original.dashboardGET(input);
htmlString = htmlString.replace('window.dashboardAppPath = "/prod/auth/dashboard"', '');
return htmlString;
},
};
}
},nkshah2
03/06/2023, 6:20 AM Copy code
htmlString = htmlString.replace('window.dashboardAppPath = "/prod/auth/dashboard"', 'window.dashboardAppPath = "/api/auth/dashboard"');nkshah2
03/06/2023, 6:26 AM Copy code
functions: (original) => {
return {
...original,
shouldAllowAccess: async (input) => {
console.log(input.req.getHeaderValue("authorization"))
return original.shouldAllowAccess(input);
},
};
},5 Views