I just setup Supertokens and got it linked with my db and I

Question

I just setup Supertokens and got it linked with my db and I got the init command added to my api Do I have to create all the routes for my API or is there something i m missing

rp · Answer

Hey < Silentassassin>

rp · Answer

If you follow our quite setup guide it tells you to add a supertoeks middleware to your backend That middleware automatically adds all the routes so that the frontend can call them

rp · Answer

The routes added will depend on the set of recipes that you have initialised in the recipeList

Silentassassin · Answer

Oh I think I missed this ```app use middleware ```

rp · Answer

Yup

Silentassassin · Answer

Let me test it real quick

Silentassassin · Answer

Hm it still has 404 not found

Silentassassin · Answer

These are the two things I added to my API```app use middleware supertokens init framework express supertokens connectionURI localhost 3567 appInfo apiDomain localhost appName ProjectVAST websiteDomain localhost recipeList EmailPassword init Session init ```

rp · Answer

Which api are you trying to call The list of APIs are here supertokens com docs fdi

Silentassassin · Answer

I was just trying http localhost 8080 auth signout

rp · Answer

POST

Silentassassin · Answer

Yeah

rp · Answer

Can you enable debug logging and show the log output Also can you move the app use middleware part to below supertokens init

Silentassassin · Answer

I moved it to the bottom but how do I enable debug logging

rp · Answer

DEBUG=com supertokens node index js

Silentassassin · Answer

https pastebin com JkUzbNDZ

rp · Answer

What are the logs when you call the API

Silentassassin · Answer

It doesn t log anything it just stops

Silentassassin · Answer

It stops after what I put in the pastebin

rp · Answer

Hmm That means the middleware is not being called at all

rp · Answer

Are you sure you have added the middleware correctly And that something before it is not returning a 404

Silentassassin · Answer

I have a route for hello that works fine And by adding middleware you mean the app use middleware

rp · Answer

Yes

rp · Answer

The middleware is not running at all when you call the sign out API So there might be an issue with how you have added the middleware Or the position of it

Silentassassin · Answer

I can upload my app js

Silentassassin · Answer

https pastebin com MEVQSxwr

rp · Answer

Hmm Seems fine on first glance But something is obviously wrong since the express app is not calling the middleware

Silentassassin · Answer

Why would that be

rp · Answer

How are you running by app

rp · Answer

Here is an example express app that works https github com supertokens supertokens auth react blob master examples with emailpassword api server js

rp · Answer

Maybe you can see the differences

rp · Answer

Or build on top of the example express app

Silentassassin · Answer

I ll take a look at that

Silentassassin · Answer

Oh yeah thats what I was looking at to make the file

rp · Answer

Hmm Well the example app does work for sure

Silentassassin · Answer

I just used the app js from the github and sessioninfo works but if I post to auth signin it says ```< DOCTYPE html> Error< title> < head> <body> <pre>Cannot POST auth sigin< pre> < body> < html>```

rp · Answer

How are you running the app

Silentassassin · Answer

Wait nevermind I restarted it and it worked

rp · Answer

Hmm Cool

Silentassassin · Answer

Thank you for the help Also I m pretty new to making apis so does the app js file have anything important security wise missing from it

rp · Answer

Nothing is missing as such

Silentassassin · Answer

Alright

Silentassassin · Answer

Wait so now when I want to implement the frontend since I m using vue I have to use supertokens website right

rp · Answer

Yes Correct < Silentassassin>

Silentassassin · Answer

I got everything working besides when I try to signin with google I get a 500 error

Silentassassin · Answer

and there are no errors in the debug log or error log

rp · Answer

Try out this example app https github com supertokens supertokens auth react blob master examples with thirdpartyemailpassword api server js

Silentassassin · Answer

that s what I was following when I get on my computer I ll send the code

rp · Answer

cool

Silentassassin · Answer

```supertokens init framework express enableDebugLogs true supertokens connectionURI localhost 3567 appInfo appName Project VAST TODO Your app name apiDomain TODO Change to your app s API domain websiteDomain TODO Change to your app s website domain recipeList ThirdPartyEmailPassword init providers ThirdPartyEmailPassword Google clientId redacted apps googleusercontent com clientSecret GOCSPX redacted Session init ```

rp · Answer

What s the error

Silentassassin · Answer

It returns 500 and says Internal error Request failed with status code 400 and nothign helpful shows up in the debug logs

Silentassassin · Answer

error log is empty and i ll post what node says one sec

rp · Answer

Can you double check your client ID and client secret and also check that the URL provided on google s cashboard is correct

Silentassassin · Answer

I m using localhost and I have that in the google dashboard and I know the keys are correct

rp · Answer

what exactly have you put on google s dashboard The full URL please

Silentassassin · Answer

``` com supertokens t 2022 06 17T15 40 02 217Z message middleware Started file H InFormation api node modules supertokens node lib build supertokens js 158 26 sdkVer 9 2 3 +0ms com supertokens t 2022 06 17T15 40 02 218Z message middleware requestRID is anti csrf file H InFormation api node modules supertokens node lib build supertokens js 172 26 sdkVer 9 2 3 +0ms com supertokens t 2022 06 17T15 40 02 219Z message middleware Checking recipe ID for match thirdpartyemailpassword file H InFormation api node modules supertokens node lib build supertokens js 220 34 sdkVer 9 2 3 +0ms com supertokens t 2022 06 17T15 40 02 220Z message middleware Request being handled by recipe ID is signinup file H InFormation api node modules supertokens node lib build supertokens js 225 38 sdkVer 9 2 3 +0ms com supertokens t 2022 06 17T15 40 02 346Z message errorHandler Started file H InFormation api node modules supertokens node lib build supertokens js 249 26 sdkVer 9 2 3 +0ms com supertokens t 2022 06 17T15 40 02 347Z message errorHandler Started file H InFormation api node modules supertokens node lib build supertokens js 249 26 sdkVer 9 2 3 +0ms POST auth signinup 500 133 104 ms 51```

Silentassassin · Answer

Thats the debug log and I ll check hold up

rp · Answer

this type of erorr comes when the redirect URL or client ID or client secret is not properly configured

Silentassassin · Answer

I added both the front end and backend api ports and also just localhost

rp · Answer

right So you missed adding the path

Silentassassin · Answer

Oh wait yeah I see in the it wants a path let me try adding it hold on

Silentassassin · Answer

Would I add auth signinup or the url to my front end page that has that post call

rp · Answer

that should be auth callback google

rp · Answer

in our docs

rp · Answer

quick setup > backend

Silentassassin · Answer

If I try to post to the that I get 404 not found

rp · Answer

thats a frontend route

rp · Answer

on your website

Silentassassin · Answer

But yeah I missed that I wasn t following that guide to set it up I just looked at the Github example

rp · Answer

ah right

rp · Answer

well lmk if it works

Silentassassin · Answer

So I have to create the route it doesn t use the supertokens api

rp · Answer

you use our supertokens auth react SDK righrt

Silentassassin · Answer

I m using supertokens website because i m using vue

rp · Answer

ah right

rp · Answer

well in that case how are you making the API call to the signinup API

Silentassassin · Answer

and i m using vue3 google login to add the button

Silentassassin · Answer

That package creates a button and adds a callback function that I was using to post the code to auth signinup

rp · Answer

and what redirectUri do you pass to the API request

rp · Answer

and what redirect uri does vue3 google login give to google

Silentassassin · Answer

I was just providing the link to the signup page because that has the post login

Silentassassin · Answer

and I don t think it needed that as an option it only needed the clientid

rp · Answer

right I see

rp · Answer

Maybe this blog can help you https supertokens com blog adding social login to your website with supertokens

rp · Answer

it highlights how to add social login with custom UI

rp · Answer

and which API calls to make with what inputs

Silentassassin · Answer

I ll take a look at it thank you

Silentassassin · Answer

I really appreciate the fast support for this project

rp · Answer

thanks

Silentassassin · Answer

So in the guide it uses website callback instead would I just be able to send it back to signup and handle it in there or would there be something wrong with doing it that way

rp · Answer

you need to see what the redirect uri value is when you are redirected to google So that s something you will have to see from the vue3 google login lib

Silentassassin · Answer

Okay i ll look at the lib thank you

rp · Answer

you can find it easily from the query params of the URL when you are sent to google

Silentassassin · Answer

It seems like there is only an origin property no redirect uri

rp · Answer

huh can you show me the URL

Silentassassin · Answer

It makes a request to get a button here https accounts google com gsi button theme=outline size=large client id=removed apps googleusercontent com iframe id=gsi 735658 110031 as=FMOhIeCXO9S6Au 2FmOoQ11A

Silentassassin · Answer

and then when I click on it it opens a window with this url https accounts google com gsi select client id=removed apps googleusercontent com auto select=false ux mode=popup ui mode=card as=FMOhIeCXO9S6Au 2FmOoQ11A channel id=988795aa201cb03867ab5226e108326973c3e92e1a693b14cbe6eb67ad89d64d origin=http 3A 2F 2Flocalhost 3A3000

Silentassassin · Answer

and those are the only requests related to google besides fonts

rp · Answer

ah no When you click on the button you are sent to google what is that link when you are on the google site

Silentassassin · Answer

Yeah when i m send to google its the accounts google com gsi link

rp · Answer

hmm

Silentassassin · Answer

I can try just implementing it without the library if that would be best

rp · Answer

im not sure how the vue lib wortks and which flow they are picking

rp · Answer

yea try without that lib you can follow the blog post i linked to above

Silentassassin · Answer

Okay i ll try that

Silentassassin · Answer

I was able to get it working coding it myself but I noticed a user can make an account and use the same email on a provider and they show up as different users is there anything I can do about that

rp · Answer

So what you are looking for is account linking We don t have that yet Instead what you can do is override the backend api functions for sininup to first check if an email with that user already exists and if it does return an error to the frontend saying that this email already exists with another provider

Silentassassin · Answer

Is there a guide or something on how to modify the code for one of the routes

rp · Answer

Well I can give you an example sometime tomorrow

Silentassassin · Answer

Okay that sounds good

rp · Answer

hey < Silentassassin> something like this https gist github com rishabhpoddar 0d8550f0ab7f9c5bf6daef601e8e08e6

rp · Answer

is how you can disable the same email to sign up using a different method if they already had previously signed up

Silentassassin · Answer

I just tried adding it to my API and it does not work it still allows users to sign up I m using javascript instead of typescript but I got rid of the types so it should still work

rp · Answer

Can you add debug logs and see where the logic is failing

Silentassassin · Answer

I m going to try switching my project over to typescript first because I ve wanted to do that anyway

Silentassassin · Answer

Yeah I just switched and it still works I ll turn debug on and send logs

Silentassassin · Answer

```OPTIONS auth signup 204 1 315 ms 0 com supertokens t 2022 06 22T15 52 38 055Z message middleware Started file H InFormation api node modules supertokens node lib build supertokens js 158 26 sdkVer 9 2 3 +0ms com supertokens t 2022 06 22T15 52 38 056Z message middleware requestRID is anti csrf file H InFormation api node modules supertokens node lib build supertokens js 172 26 sdkVer 9 2 3 +0ms com supertokens t 2022 06 22T15 52 38 057Z message middleware Checking recipe ID for match thirdpartyemailpassword file H InFormation api node modules supertokens node lib build supertokens js 220 34 sdkVer 9 2 3 +0ms com supertokens t 2022 06 22T15 52 38 059Z message middleware Request being handled by recipe ID is signup file H InFormation api node modules supertokens node lib build supertokens js 225 38 sdkVer 9 2 3 +0ms com supertokens t 2022 06 22T15 52 38 396Z message Sending response to client with status code 200 file H InFormation api node modules supertokens node lib build utils js 90 14 sdkVer 9 2 3 +0ms com supertokens t 2022 06 22T15 52 38 399Z message middleware Ended file H InFormation api node modules supertokens node lib build supertokens js 239 38 sdkVer 9 2 3 +0ms POST auth signup 200 344 636 ms 132 POST auth signup 200 344 636 ms 132```

Silentassassin · Answer

I tried signing up with an email that was already used with google

Silentassassin · Answer

I put the override stuff after the providers should it be put before

rp · Answer

Location of override before or after providers doesn t matter

rp · Answer

Can you try adding some console logs in the override full functions and seeing if they get called