How can i check if a POST request contains a certain string? | Next.js | Page 1

gritty heath Sep 10, 2022, 4:15 PM

#

Hi guys! How can i check if a post request contains a certain string? [I'm using Next.js] Right now my api code is:

    if (session) {
        if (req.method !=='POST'){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }else if (req.contains !== session.user.email){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }
    }

the "req.contains" doesn't exist, and i don't know how to check it, please help!

mighty ruin Sep 10, 2022, 4:23 PM

#

console.log(req.body)

#

does that have what you're looking for?

gritty heath Sep 10, 2022, 4:25 PM

#

wait.. i need to check if a POST request contains a specific string - the api works

gritty heath Sep 10, 2022, 4:31 PM

#

mighty ruin `console.log(req.body)`

this doesn't work for me

mighty ruin Sep 10, 2022, 4:47 PM

#

req.body will contain the data that you post to the api route

gritty heath Sep 10, 2022, 4:54 PM

#

i know, the api works fine, i want to check if a POST request contains a certain string, for example, if a post request doesn't contains in a certain field the string "hi123" the server will respond with 405 status.

mighty ruin Sep 10, 2022, 5:14 PM

#

No

#

req.body.yourField.includes("some string")

#

?

gritty heath Sep 10, 2022, 5:16 PM

#

wait let me try

mighty ruin Sep 10, 2022, 5:17 PM

#

I didn't realize you wanted the actual "includes" logic

#

because in the code snippet you posted above

#

req.contains is wrong, that's why I suggested you look for you field in req.body

gritty heath Sep 10, 2022, 5:18 PM

#

ohh alright

#

so uhm.. it's not working

mighty ruin Sep 10, 2022, 5:20 PM

#

debug further

#

add some console.logs

#

post your code here

gritty heath Sep 10, 2022, 5:20 PM

#

import type { NextApiRequest, NextApiResponse } from "next"
import { PrismaClient } from '@prisma/client';


const prisma = new PrismaClient();


export default async (req:NextApiRequest, res:NextApiResponse) => {

    const session = await getSession({ req })

    if (session) {
        if (req.method !=='POST'){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }else if (req.body.user_id !== "numberz"){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }
    } 
    res.json({
        error: "Account not Found | Please Sign In.",
      })

      const notificationData = JSON.parse(req.body);
  
      const savedNotification = await prisma.notifications.create({
          data: notificationData
      })

};```

#

i've also tried with req.body.user_id.includes("test")

#

#

when i try to send a post request now there is this error

unborn sequoia Sep 10, 2022, 5:24 PM

#

can you console.log(req.body.user_id)

gritty heath Sep 10, 2022, 5:30 PM

#

unborn sequoia can you console.log(req.body.user_id)

How??

#

but, why should i try console logging the user id? the user_id isn't the problem

#

the post method works, i just need to check if a field hasn't a specific string

sweet trench Sep 10, 2022, 5:55 PM

#

i dont seem to understand your question, but i can help with little refractoring. The else if is not neccessary, as if and else if returns the same value in our situation. We could combine if and else if.

if (req.method !== "POST" || req.body..user_id !== "numberz") {
    return res.status(405).json({information: "ADD Method not allowed | Account found."})
}

i hope i helped you, please let me know if there was any errors.

sweet trench Sep 10, 2022, 5:59 PM

#

gritty heath wait.. i need to check if a POST request contains a specific string - the api wo...

what do you mean as in POST request, the body?, or something else?

sweet trench Sep 10, 2022, 6:00 PM

#

gritty heath the post method works, i just need to check if a field hasn't a specific string

can you specify which field?

gritty heath Sep 10, 2022, 6:00 PM

#

yes, the body

gritty heath Sep 10, 2022, 6:00 PM

#

sweet trench can you specify which field?

the "user_id" field

sweet trench Sep 10, 2022, 6:01 PM

#

can you try if the user_id is not undefined by console.log(user_id);

gritty heath Sep 10, 2022, 6:01 PM

#

where can i console log it?

sweet trench Sep 10, 2022, 6:01 PM

#

in your api code

sweet trench Sep 10, 2022, 6:02 PM

#

gritty heath ```import { getSession } from "next-auth/react" import type { NextApiRequest, Ne...

the code you sent here.

gritty heath Sep 10, 2022, 6:02 PM

#

oh okay i got it

sweet trench Sep 10, 2022, 6:02 PM

#

inside the exported function.

gritty heath Sep 10, 2022, 6:03 PM

#

like this??

#

done

sweet trench Sep 10, 2022, 6:04 PM

#

the result will be available in the terminal ( the terminal where you ran npm run start)

gritty heath Sep 10, 2022, 6:04 PM

#

oh

#

it's undefined

#

sweet trench Sep 10, 2022, 6:05 PM

#

i have no prior experience with next-auth but i may try to help.

gritty heath Sep 10, 2022, 6:06 PM

#

there is nothing related to next-auth here 😄

#

i just need to check the session.user.email that i already know how to

sweet trench Sep 10, 2022, 6:06 PM

#

where did you make the request.

#

or are you using postman, etc...?

gritty heath Sep 10, 2022, 6:07 PM

#

i'm making the request in another file

sweet trench Sep 10, 2022, 6:08 PM

#

can you send that code of the file?

gritty heath Sep 10, 2022, 6:08 PM

#

sure

#

import { useState } from "react";
import React from "react";
import { PrismaClient } from '@prisma/client';

import {useSession, signIn, signOut} from 'next-auth/react'


const prisma = new PrismaClient();

export const getServerSideProps = async () => {
  const data = await prisma.notifications.findMany();
  return {
    props: { games: data },
  };
};

async function registerNotification() {

  const response = await fetch('/api/companion', {
    method: 'POST',
    body: JSON.stringify({user_id: "numberzazzo", game_id: "testazzo"})
  })
  return await response.json();
}

const Home = ({ games }) => {

  function Accounter() {
    const { data: session } = useSession();
  
    if (session) {
      return (
        
        <div>
              <button onClick={registerNotification} user-id={session.user.email} className="bg-red-400 p-4 mb-4 rounded-xl">Subscribe</button>
              {games.map((game) => {
                return (
                <div key={game.notification_id}>
                  UID: <strong>{game.user_id}</strong> GID: {game.game_id}
                </div>
                )
              })
            }
        </div>
      )
    }else{
      return (
        
        <div>
          <h1><strong>NO SESSION, PLEASE LOG IN</strong></h1>
        </div>
      )
    }
  }


  return (
    <div className="min-h-screen ">
        <div className="min-h-screen bg-primary">
          <Header />
          <div>
              <Accounter></Accounter>
            </div>
          </div>
        </div>
  );
};

export default Home;

#

So, the code that makes the request is in registerNotification function

sweet trench Sep 10, 2022, 6:09 PM

#

are you on vscode?

gritty heath Sep 10, 2022, 6:09 PM

#

yes

sweet trench Sep 10, 2022, 6:09 PM

#

there is a lightweight postman-like extension called Thunder Client, can you install it?

gritty heath Sep 10, 2022, 6:09 PM

#

sure

#

i have now installed it

sweet trench Sep 10, 2022, 6:11 PM

#

now press Ctrl + Shift + R or click the Thunder Client icon on your activity bar ( the one bar on the left )

gritty heath Sep 10, 2022, 6:11 PM

#

done

sweet trench Sep 10, 2022, 6:11 PM

#

i think its Ctrl + Shift + R, i dont remember quite well.

#

click on new request.

gritty heath Sep 10, 2022, 6:11 PM

#

i did, now??

sweet trench Sep 10, 2022, 6:11 PM

#

give it a name

gritty heath Sep 10, 2022, 6:12 PM

#

uhm, how??

sweet trench Sep 10, 2022, 6:12 PM

#

after clicking on new request they will ask for a name.

gritty heath Sep 10, 2022, 6:12 PM

#

They're asking for an url

sweet trench Sep 10, 2022, 6:13 PM

#

oh my bad.

gritty heath Sep 10, 2022, 6:13 PM

#

the url should be the api url right??

sweet trench Sep 10, 2022, 6:13 PM

#

yes

#

but with localhost

gritty heath Sep 10, 2022, 6:13 PM

#

alright, i tried

sweet trench Sep 10, 2022, 6:14 PM

#

change the GET to POST

gritty heath Sep 10, 2022, 6:14 PM

#

the api can respond only to authenticated users

#

let me try

#

yea, this doesn't work

#

let me remove the authentication thing

sweet trench Sep 10, 2022, 6:14 PM

#

change const session = await getSession({ req }) to const session = true for now.

gritty heath Sep 10, 2022, 6:15 PM

#

done

sweet trench Sep 10, 2022, 6:15 PM

#

and go to Body in Thunder Client

gritty heath Sep 10, 2022, 6:15 PM

#

my bad, it works

sweet trench Sep 10, 2022, 6:16 PM

#

{user_id: "numberzazzo", game_id: "testazzo"}

gritty heath Sep 10, 2022, 6:16 PM

#

alright

sweet trench Sep 10, 2022, 6:17 PM

#

whats the response?

gritty heath Sep 10, 2022, 6:17 PM

#

it says "405 Method Not Allowed"

sweet trench Sep 10, 2022, 6:17 PM

#

well here we prove its not a problem with api

#

oh i think i found the mistake

gritty heath Sep 10, 2022, 6:17 PM

#

really? 🤨

sweet trench Sep 10, 2022, 6:18 PM

#

fetch requires localhost

gritty heath Sep 10, 2022, 6:18 PM

#

wait, wdym?

sweet trench Sep 10, 2022, 6:19 PM

#

const response = await fetch('http://localhost:3000/api/companion', {
    method: 'POST',
    body: JSON.stringify({user_id: "numberzazzo", game_id: "testazzo"})
  })

#

axios allows you to use /api/companion but fetch doesn't

#

i forgot the http, try now.

sweet trench Sep 10, 2022, 6:20 PM

#

sweet trench change `const session = await getSession({ req })` to `const session = true` for...

you can change it back.

gritty heath Sep 10, 2022, 6:22 PM

#

i'm not using axios for the post request

#

the request works fine

#

alright, i've added the url on the fetch request

sweet trench Sep 10, 2022, 6:23 PM

#

gritty heath i'm not using axios for the post request

yes thats what i said. for /api/companion to work, you need axios.

gritty heath Sep 10, 2022, 6:23 PM

#

alright, i have axios installed as a library - but how do i use it?

sweet trench Sep 10, 2022, 6:24 PM

#

i personally like and use axios.

#

its way easier

gritty heath Sep 10, 2022, 6:25 PM

#

So.. should i use axios for this?

#

i don't know if something would change

sweet trench Sep 10, 2022, 6:25 PM

#

import axios from 'axios';

// Usage
axios.post("/api/companion", {
user_id: "numberzazzo", game_id: "testazzo"
});```

gritty heath Sep 10, 2022, 6:26 PM

#

is this right??

import { useState } from "react";
import React from "react";
import { PrismaClient } from '@prisma/client';
import axios from 'axios';


import {useSession, signIn, signOut} from 'next-auth/react'


const prisma = new PrismaClient();

export const getServerSideProps = async () => {
  const data = await prisma.notifications.findMany();
  return {
    props: { games: data },
  };
};

async function registerNotification() {

  axios.post("/api/companion", {
    user_id: "numberzazzo", game_id: "testazzo"
    });
  return await response.json();
}```

sweet trench Sep 10, 2022, 6:26 PM

#

POST requests are axios.post. 1st parameter is the url, the second is an object of body

sweet trench Sep 10, 2022, 6:26 PM

#

gritty heath is this right?? ```import Header from "../components/Header"; import { useState...

axios is a replacement for fetch

sweet trench Sep 10, 2022, 6:27 PM

#

sweet trench ```js const response = await fetch('http://localhost:3000/api/companion', { ...

you can change this to the one above.

gritty heath Sep 10, 2022, 6:28 PM

#

like this?


  const response = axios.post("/api/companion", {
    user_id: "numberzazzo", game_id: "testazzo"
    });
  return await response.json();
}

sweet trench Sep 10, 2022, 6:28 PM

#

my bad i was mistaken

sweet trench Sep 10, 2022, 6:29 PM

#

gritty heath is this right?? ```import Header from "../components/Header"; import { useState...

you were right

sweet trench Sep 10, 2022, 6:29 PM

#

sweet trench my bad i was mistaken

i thought you were in the api file.

gritty heath Sep 10, 2022, 6:29 PM

#

#


  const response= axios.post("/api/companion", {
    user_id: "numberzazzo", game_id: "testazzo"
    });
  return await response.json();
}```

sweet trench Sep 10, 2022, 6:30 PM

#

there is no response.json

#

its already json

gritty heath Sep 10, 2022, 6:30 PM

#

alright done

#

now it says that the Request failed with status code 405

sweet trench Sep 10, 2022, 6:30 PM

#

async function registerNotification() {

  const response = await axios.post("/api/companion", {
    user_id: "numberzazzo", game_id: "testazzo"
    });
  return response;
}

gritty heath Sep 10, 2022, 6:31 PM

#

sweet trench ```js async function registerNotification() { const response = await axios.po...

same error: Request failed with status code 405

sweet trench Sep 10, 2022, 6:34 PM

#

405 is what you returned.

gritty heath Sep 10, 2022, 6:35 PM

#

yes, but now the api denies all the requests regardless of by user_id

sweet trench Sep 10, 2022, 6:37 PM

#

can you try again with ThunderClient

gritty heath Sep 10, 2022, 6:37 PM

#

yes

sweet trench Sep 10, 2022, 6:38 PM

#

sweet trench i dont seem to understand your question, but i can help with little refractoring...

i noticed some mistakes here. it is supposed to have only 1 . so it is req.body.user_id not req.body..user_id

gritty heath Sep 10, 2022, 6:38 PM

#

gritty heath Sep 10, 2022, 6:38 PM

#

sweet trench i noticed some mistakes here. it is supposed to have only 1 `.` so it is `req.bo...

yes i saw that 😄

sweet trench Sep 10, 2022, 6:38 PM

#

    return res.status(405).json({information: "ADD Method not allowed | Account found."})
}```

#

change it to includes

gritty heath Sep 10, 2022, 6:39 PM

#

done

sweet trench Sep 10, 2022, 6:39 PM

#

gritty heath same error: Request failed with status code 405

can you send the result

gritty heath Sep 10, 2022, 6:39 PM

#

Same error

#

sweet trench Sep 10, 2022, 6:40 PM

#

using POST

gritty heath Sep 10, 2022, 6:40 PM

#

oh lol

#

now i have another error

#

What's this?

#

#

#

i get this error in the console

sweet trench Sep 10, 2022, 6:41 PM

#

gritty heath

thats this page

#

but in HTML

#

thats HTML

#

req.body.user_id is undefined

gritty heath Sep 10, 2022, 6:41 PM

#

i know

#

i said that before

sweet trench Sep 10, 2022, 6:41 PM

#

so it doesnt work

gritty heath Sep 10, 2022, 6:42 PM

#

alright wait

sweet trench Sep 10, 2022, 6:42 PM

#

sweet trench ```if (req.method !== "POST" || req.body.user_id.includes("numberz")) { retu...

change it back to before this

gritty heath Sep 10, 2022, 6:42 PM

#

now it prints the post request correctly

sweet trench Sep 10, 2022, 6:43 PM

#

great.

gritty heath Sep 10, 2022, 6:43 PM

#

i've done it

#

now i get a 405 error

#

regardless by the request

sweet trench Sep 10, 2022, 6:44 PM

#

gritty heath now i get a 405 error

after changing to the old one?

gritty heath Sep 10, 2022, 6:44 PM

#

yes

sweet trench Sep 10, 2022, 6:44 PM

#

then change it to the one that worked.

gritty heath Sep 10, 2022, 6:46 PM

#

So, now not even the code that was working before is now working

sweet trench Sep 10, 2022, 6:46 PM

#

what?

gritty heath Sep 10, 2022, 6:46 PM

#

and i'm getting this error:

sweet trench Sep 10, 2022, 6:47 PM

#

gritty heath i've done it

was not it working here?

#

you can use Ctrl + Z to undo btw.

gritty heath Sep 10, 2022, 6:48 PM

#

i know

gritty heath Sep 10, 2022, 6:50 PM

#

gritty heath and i'm getting this error:

btw, this happens every time i click the button on the website to send the post request

sweet trench Sep 10, 2022, 6:51 PM

#

gritty heath and i'm getting this error:

I have not encountered this error in my life.

#

which os are you using?

gritty heath Sep 10, 2022, 6:51 PM

#

windows

sweet trench Sep 10, 2022, 6:51 PM

#

do npm upgrade

#

might work if its a dependency issue

sweet trench Sep 10, 2022, 6:52 PM

#

gritty heath btw, this happens every time i click the button on the website to send the post ...

must be an axios bug

#

but axios have bugs is rare

gritty heath Sep 10, 2022, 6:54 PM

#

done, nothing changed

sweet trench Sep 10, 2022, 6:54 PM

#

its an axios bug

sweet trench Sep 10, 2022, 6:54 PM

#

gritty heath done, nothing changed

still the same error

gritty heath Sep 10, 2022, 6:55 PM

#

yes

sweet trench Sep 10, 2022, 6:55 PM

#

but the error seems to be fixed by axios

gritty heath Sep 10, 2022, 6:56 PM

#

    at JSON.parse (<anonymous>)
    at __WEBPACK_DEFAULT_EXPORT__ (webpack-internal:///(api)/./pages/api/companion/index.tsx:26:35)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async Object.apiResolver (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\api-utils\node.js:366:9)
    at async DevServer.runApi (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\next-server.js:469:9)
    at async Object.fn (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\next-server.js:719:37)
    at async Router.execute (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\router.js:247:36)
    at async DevServer.run (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\base-server.js:346:29)
    at async DevServer.run (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\dev\next-dev-server.js:708:20)
    at async DevServer.handleRequest (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\base-server.js:284:20) {
  page: '/api/companion'
}
Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client
    at new NodeError (node:internal/errors:372:5)
    at NodeNextResponse.setHeader (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\base-http\node.js:61:19)
    at DevServer.renderError (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\base-server.js:978:17)
    at DevServer.renderError (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\next-server.js:827:22)
    at DevServer.run (D:\Progammi\ParaSoft\gamewatcher\node_modules\next\dist\server\dev\next-dev-server.js:714:35)```

sweet trench Sep 10, 2022, 6:56 PM

#

this is a new error

#

can you send the code?

gritty heath Sep 10, 2022, 6:56 PM

#

import { useState } from "react";
import React from "react";
import { PrismaClient } from '@prisma/client';
import axios from 'axios';


import {useSession, signIn, signOut} from 'next-auth/react'


const prisma = new PrismaClient();

export const getServerSideProps = async () => {
  const data = await prisma.notifications.findMany();
  return {
    props: { games: data },
  };
};

async function registerNotification() {

  const response = await axios.post("localhost/api/companion", {
    user_id: "numberz", game_id: "testazzo"
    });
  return response;
}

const Home = ({ games }) => {

  function Accounter() {
    const { data: session } = useSession();
  
    if (session) {
      return (
        
        <div>
              <button onClick={registerNotification} user-id={session.user.email} className="bg-red-400 p-4 mb-4 rounded-xl">Subscribe</button>
              {games.map((game) => {
                return (
                <div key={game.notification_id}>
                  UID: <strong>{game.user_id}</strong> GID: {game.game_id}
                </div>
                )
              })
            }
        </div>
      )
    }else{
      return (
        
        <div>
          <h1><strong>NO SESSION, PLEASE LOG IN</strong></h1>
        </div>
      )
    }
  }


  return (
    <div className="min-h-screen ">
        <div className="min-h-screen bg-primary">
          <Header />
          <div>
              <Accounter></Accounter>
            </div>
          </div>
        </div>
  );
};

export default Home;```

sweet trench Sep 10, 2022, 6:59 PM

#

gritty heath ```error - SyntaxError: Unexpected token o in JSON at position 1 at JSON.par...

did you click twice?

#

the problem was that you sent multiple requests

gritty heath Sep 10, 2022, 6:59 PM

#

yes, maybe

#

alright now i get the same error

#

sweet trench Sep 10, 2022, 7:00 PM

#

wait its the opposite, there were multiple response

#

can you try with ThunderClient

#

i think i found my mistake again

#

its res.data

#

return response.data

#

instead of return response

gritty heath Sep 10, 2022, 7:01 PM

#

same error

sweet trench Sep 10, 2022, 7:01 PM

#

gritty heath

thtas a 404 error

#

check your url

gritty heath Sep 10, 2022, 7:02 PM

#

oh right, my bad

#

yeaa same error again

sweet trench Sep 10, 2022, 7:03 PM

#

404?

gritty heath Sep 10, 2022, 7:03 PM

#

📎 exported_error.txt

gritty heath Sep 10, 2022, 7:03 PM

#

gritty heath

this is the full error with 1 Click

sweet trench Sep 10, 2022, 7:03 PM

#

async function registerNotification() {

  const response = await axios.post("localhost/api/companion", {
    user_id: "numberz", game_id: "testazzo"
    });
  return response.data;
}

gritty heath Sep 10, 2022, 7:04 PM

#

gritty heath

done, i have now the same error as this

sweet trench Sep 10, 2022, 7:05 PM

#


  const response = await axios.post("/api/companion", {
    user_id: "numberz", game_id: "testazzo"
    });
  return response.data;
}```

#

localhost was accidently there.

gritty heath Sep 10, 2022, 7:07 PM

#

gritty heath

Done, i have now this error

sweet trench Sep 10, 2022, 7:07 PM

#

its okay to click multiple times btw, it was a mistake from my side.

sweet trench Sep 10, 2022, 7:07 PM

#

gritty heath Done, i have now this error

are you sure you are on the right url

gritty heath Sep 10, 2022, 7:08 PM

#

yes i am

sweet trench Sep 10, 2022, 7:08 PM

#

oh.

gritty heath Sep 10, 2022, 7:09 PM

#

that's the correct url, i don't know what are all of these errors

sweet trench Sep 10, 2022, 7:10 PM

#

async function registerNotification() {

  axios.post("/api/companion", {
    user_id: "numberzazzo", game_id: "testazzo"
    });
  return await response.json();
}```
does it work after changing back?

gritty heath Sep 10, 2022, 7:10 PM

#

sweet trench Sep 10, 2022, 7:11 PM

#


  const response = axios.post("/api/companion", {
    user_id: "numberzazzo", game_id: "testazzo"
    });
  return await response.json();
}```

gritty heath Sep 10, 2022, 7:11 PM

#

TypeError: response.json is not a function

sweet trench Sep 10, 2022, 7:12 PM

#


  const response = axios.post("/api/companion", {
    user_id: "numberzazzo", game_id: "testazzo"
    });
  return await response.json();
}``` i have no idea why i keep making these small mistakes

gritty heath Sep 10, 2022, 7:12 PM

#

same error again

#

this is the same code as before

sweet trench Sep 10, 2022, 7:13 PM

#

ahhhh

gritty heath Sep 10, 2022, 7:13 PM

#

😂

sweet trench Sep 10, 2022, 7:13 PM

#


  const response = await fetch('/api/companion', {
    method: 'POST',
    body: JSON.stringify({user_id: "numberzazzo", game_id: "testazzo"})
  })
  return await response.json();
}

#

its this at last

gritty heath Sep 10, 2022, 7:13 PM

#

oohh now it works again 😎

sweet trench Sep 10, 2022, 7:14 PM

#

you could remove axios

gritty heath Sep 10, 2022, 7:14 PM

#

i know

#

i told ya

#

i didn't think that something would change with axios

sweet trench Sep 10, 2022, 7:15 PM

#

better code.

gritty heath Sep 10, 2022, 7:15 PM

#

instead of changing, it was making it worse

#

So, now the code for sending it works but the check doesn't

sweet trench Sep 10, 2022, 7:15 PM

#

this is my first time encountering errors with axios.

sweet trench Sep 10, 2022, 7:16 PM

#

gritty heath So, now the code for sending it works but the check doesn't

what?

gritty heath Sep 10, 2022, 7:16 PM

#

sweet trench this is my first time encountering errors with axios.

yea i know i have all types of problems with packages

gritty heath Sep 10, 2022, 7:16 PM

#

sweet trench what?

for the api

sweet trench Sep 10, 2022, 7:16 PM

#

check?

gritty heath Sep 10, 2022, 7:16 PM

#

i need to check if a post request contains a certain string

#

yesss

sweet trench Sep 10, 2022, 7:16 PM

#

oh

gritty heath Sep 10, 2022, 7:16 PM

#

that's the main problemm

sweet trench Sep 10, 2022, 7:17 PM

#

can you send the api code again?

gritty heath Sep 10, 2022, 7:17 PM

#

import { getSession } from "next-auth/react"
import type { NextApiRequest, NextApiResponse } from "next"
import { PrismaClient } from '@prisma/client';


const prisma = new PrismaClient();

export default async (req:NextApiRequest, res:NextApiResponse) => {

    const session = await getSession({ req })

    if (session) {
        if (req.method !=='POST'){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }
    } 
    res.json({
        error: "Account not Found | Please Sign In.",
      })

      const notificationData = JSON.parse(req.body);

  
      const savedNotification = await prisma.notifications.create({
          data: notificationData
      })

};```

#

i've removed all the code that checks the post request

sweet trench Sep 10, 2022, 7:18 PM

#

        if (req.method !=='POST' || req.body.user_id !== "numberz"){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }
}```

gritty heath Sep 10, 2022, 7:19 PM

#

basically i now have the same file as we started

sweet trench Sep 10, 2022, 7:19 PM

#

there was no check

gritty heath Sep 10, 2022, 7:19 PM

#

i know

#

alright, now it rejects all the requests

#

even if the user_id is "numberz"

sweet trench Sep 10, 2022, 7:20 PM

#

log user_id

#

is it undefined?

gritty heath Sep 10, 2022, 7:21 PM

#

undefined

#

yes

sweet trench Sep 10, 2022, 7:22 PM

#

make the request in ThunderClient

gritty heath Sep 10, 2022, 7:23 PM

#

Done

#

It says Error 405 - and undefined on console

sweet trench Sep 10, 2022, 7:24 PM

#

console.log(req.body)

gritty heath Sep 10, 2022, 7:24 PM

#

sweet trench Sep 10, 2022, 7:24 PM

#

console.log(req.body.user_id)

gritty heath Sep 10, 2022, 7:25 PM

#

undefined

sweet trench Sep 10, 2022, 7:26 PM

#

the result in short

gritty heath Sep 10, 2022, 7:27 PM

#

sweet trench Sep 10, 2022, 7:27 PM

#

does the user_id have some special character

gritty heath Sep 10, 2022, 7:28 PM

#

no, it's just a text string

#

body: JSON.stringify({user_id: "numberz", game_id: "testazzo"})

#

this is what the button is sending

#

user_id is just a varchar

#

sweet trench Sep 10, 2022, 7:29 PM

#

console.log(req.body[0].user_id)```

gritty heath Sep 10, 2022, 7:29 PM

#

undefined

#

oh

#

new error

#

#

#

and now the response is bugged

sweet trench Sep 10, 2022, 7:30 PM

#

i expected that

#

console.log(req.body);
console.log(req.body.user_id)```

gritty heath Sep 10, 2022, 7:31 PM

#

undefined```

sweet trench Sep 10, 2022, 7:31 PM

#

what the hell

gritty heath Sep 10, 2022, 7:32 PM

#

yess i know this is pretty strange

sweet trench Sep 10, 2022, 7:32 PM

#

console.log(req.body.user_id)

#

i doubt there maybe any special characters

gritty heath Sep 10, 2022, 7:32 PM

#

undefined

#

maybe we need to convert that in json or something like that

sweet trench Sep 10, 2022, 7:32 PM

#

how could this happen

gritty heath Sep 10, 2022, 7:33 PM

#

i don't know

sweet trench Sep 10, 2022, 7:33 PM

#

its already JSON

gritty heath Sep 10, 2022, 7:33 PM

#

this is very strange

#

oh

sweet trench Sep 10, 2022, 7:34 PM

#

console.log(req.body.game_id)

gritty heath Sep 10, 2022, 7:35 PM

#

wait what??

sweet trench Sep 10, 2022, 7:35 PM

#

gritty heath

change on body ( ThunderClient) and in api code

gritty heath Sep 10, 2022, 7:35 PM

#

yeaaa but i think i should change this in the database table, right?

sweet trench Sep 10, 2022, 7:36 PM

#

its fine

#

variables can contain underscores

sweet trench Sep 10, 2022, 7:37 PM

#

sweet trench ```console.log(req.body.game_id)```

what is the result?

gritty heath Sep 10, 2022, 7:37 PM

#

undefined

#

this is frustrating 😄

sweet trench Sep 10, 2022, 7:38 PM

#

console.log(req.body[0])

sweet trench Sep 10, 2022, 7:39 PM

#

sweet trench ```console.log(req.body[0])```

i expect an error.

gritty heath Sep 10, 2022, 7:39 PM

#

wrong

#

it just printed "{"

inland badge Sep 10, 2022, 7:39 PM

#

can you console.log req.query ?

gritty heath Sep 10, 2022, 7:41 PM

#

inland badge can you console.log req.query ?

it logged "{}"

inland badge Sep 10, 2022, 7:42 PM

#

What was the POST request url?

sweet trench Sep 10, 2022, 7:42 PM

#

gritty heath

you have to send request in body.

#

click Body in ThunderClient

gritty heath Sep 10, 2022, 7:43 PM

#

I Think it's http://localhost:3000/api/companion?user_id=numberz&game_id=ciao124

sweet trench Sep 10, 2022, 7:43 PM

#

and then ```js
{
"user_id": "numberz",
"game_id": "ciao123"
}

gritty heath Sep 10, 2022, 7:45 PM

#

wait.. wdym?

sweet trench Sep 10, 2022, 7:47 PM

#

what you did was using Query. change the url back to http://localhost:3000/api/companion and click Body next to Auth and Tests

sweet trench Sep 10, 2022, 7:47 PM

#

sweet trench and then ```js { "user_id": "numberz", "game_id": "ciao123" } ```

and then paste the following.

gritty heath Sep 10, 2022, 7:48 PM

#

alright with the query, the console.log says this:

#

without it, it says "{}"

sweet trench Sep 10, 2022, 7:49 PM

#

remove both Query Parameters

#

it does not have any use.

#

console.log(req.body.user_id)

gritty heath Sep 10, 2022, 7:50 PM

#

alright, now it says numberz

#

POST http://localhost:3000/api/companion 405 (Method Not Allowed)

sweet trench Sep 10, 2022, 7:52 PM

#

what am i sending.

#

        if (req.method !=='POST' || req.body.user_id !== "numberz"){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }
}```

gritty heath Sep 10, 2022, 7:53 PM

#

POST http://localhost:3000/api/companion 405 (Method Not Allowed)

#

Prolly cause you're sending your values as parameters but checking the body

#

Resolved it yet?

#

Should be something like this

#

const { user_id, game_id } = req.query

#

so, from the html button it says "undefined" - but if i make the request with the postman plugin it prints the "numberz" string but now there is this problem that i don't get if i put anything different between "numberz":

📎 exported_error.txt

gritty heath Sep 10, 2022, 7:58 PM

#

gritty heath alright with the query, the console.log says this:

Notice you're setting the values here in the Query tab. There's a body tab if you want to send it as payloads.

sweet trench Sep 10, 2022, 7:58 PM

#

add http://localhost:3000 in the fetch request

#

@gritty heath

gritty heath Sep 10, 2022, 8:01 PM

#

gritty heath ```ts const { user_id, game_id } = req.query ```

Where should this code be?

gritty heath Sep 10, 2022, 8:01 PM

#

sweet trench add `http://localhost:3000` in the fetch request

how??

#

add it before if (session)

#

then replace req.body.user_id !== "numberz"

#

with user_id !== "numberz"

sweet trench Sep 10, 2022, 8:02 PM

#

async function registerNotification() {

  const response = await fetch('http://localhost:3000/api/companion', {
    method: 'POST',
    body: JSON.stringify({user_id: "numberzazzo", game_id: "testazzo"})
  })
  return await response.json();
}

gritty heath Sep 10, 2022, 8:03 PM

#

You have to understand two fundamental things here.

domain.com/x=1&y=2, x and y here are HTTP parameters. You can get their values through req.query

But if you send the values in the body, you can extract their values through req.body

sweet trench Sep 10, 2022, 8:04 PM

#

its fully implemented through req.body

gritty heath Sep 10, 2022, 8:04 PM

#

sweet trench Sep 10, 2022, 8:04 PM

#

changing to query might require more time

gritty heath Sep 10, 2022, 8:04 PM

#

Send it through that if you want to receive it through req.body

#

They're conveniently named query and body.

#

Query tab -> req.query
Body tab -> req.body

It can't work any other way.

gritty heath Sep 10, 2022, 8:06 PM

#

sweet trench ```js async function registerNotification() { const response = await fetch('h...

This should work since you're sending it inside the body.

#

Here, to better show the difference

#

// Sending it as payload, access through req.body
fetch('http://localhost:3000/api/companion', {
    method: 'POST',
    body: JSON.stringify({user_id: "numberzazzo", game_id: "testazzo"})
  })

// This is what you are doing in that postman clone
// Sending it as params, access through req.query.
fetch('http://localhost:3000/api/companion/user_id=numberzazzo&game_id=testazzo', method: 'POST'})

#

#

is there something wrong here?

gritty heath Sep 10, 2022, 8:12 PM

#

gritty heath is there something wrong here?

remove excess curly brace

#

gritty heath Sep 10, 2022, 8:13 PM

#

gritty heath

mb, I meant close the curly brace

#

Should be { method: "POST" }

#

gritty heath Sep 10, 2022, 8:14 PM

#

gritty heath

no, after the url

#

#

gritty heath Sep 10, 2022, 8:14 PM

#

gritty heath

the code is now this:

#

Share the handler code maybe?

#

For the endpoint

#

wdym?

#

Try removing the / after companion

#

replace it with ?

#

http://localhost:3000/api/companion?user_id=numberzazzo&game_id=testazzo

#

alright now it says "Undefined" And it gives this error:

#

Can you show your server's code?

#

For the handler, the one that processes the request

#

import type { NextApiRequest, NextApiResponse } from "next"
import { PrismaClient } from '@prisma/client';


const prisma = new PrismaClient();

export default async (req:NextApiRequest, res:NextApiResponse) => {

    console.log(req.body.user_id)

    const session = true

    if (session) {
        if (req.method !=='POST' || req.body.user_id !== "numberz"){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }
    } 
    res.json({
        error: "Account not Found | Please Sign In.",
      })

      const notificationData = JSON.parse(req.body);
  
      const savedNotification = await prisma.notifications.create({
          data: notificationData
      })

};```

#

import { getSession } from "next-auth/react"
import type { NextApiRequest, NextApiResponse } from "next"
import { PrismaClient } from '@prisma/client';


const prisma = new PrismaClient();

export default async (req:NextApiRequest, res:NextApiResponse) => {

    const { user_id, game_id } = req.query

    const session = true

    if (session) {
        if (req.method !=='POST' || user_id !== "numberz"){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }
    } 
    res.json({
        error: "Account not Found | Please Sign In.",
      })

      const notificationData = JSON.parse(req.body);
  
      const savedNotification = await prisma.notifications.create({
          data: notificationData
      })

};```

#

Done, now i have this error when i click the button:

📎 exported_error.txt

#

Do something after checking if the method and userid is valid

#

You aren't doing anything

#

import { getSession } from "next-auth/react"
import type { NextApiRequest, NextApiResponse } from "next"
import { PrismaClient } from '@prisma/client';


const prisma = new PrismaClient();

export default async (req:NextApiRequest, res:NextApiResponse) => {

    const { user_id, game_id } = req.query

    const session = true

    if (session) {
        if (req.method !=='POST' || user_id !== "numberz"){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }

        // Do something here, return a success message or something
    } 
    res.json({
        error: "Account not Found | Please Sign In.",
      })

      const notificationData = JSON.parse(req.body);
  
      const savedNotification = await prisma.notifications.create({
          data: notificationData
      })

};

#

Oh wait, I see. Try removing the lines starting from notificationData.

#

Done

#

Now what should i do?? if i click the button nothing happens now

#

import { getSession } from "next-auth/react"
import type { NextApiRequest, NextApiResponse } from "next"
import { PrismaClient } from '@prisma/client';


const prisma = new PrismaClient();

export default async (req:NextApiRequest, res:NextApiResponse) => {

    const { user_id, game_id } = req.query

    const session = true

    if (session) {
        if (req.method !=='POST'){
            res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        } else if (user_id !== "numberz") {
            res.status(405).json({error: "Account not Found | Please Sign In."})
        } else {
            res.status(200).json({information: `Account Found | Method Allowed.`})
        }
        res.end()
    } 

    // Remove this for now
      // const notificationData = JSON.parse(req.body);
      //
      // const savedNotification = await prisma.notifications.create({
      //     data: notificationData
      // })
};

gritty heath Sep 10, 2022, 8:23 PM

#

gritty heath Now what should i do?? if i click the button nothing happens now

Yeah, cause you're not doing anything on success.

#

That's pretty much it I think

#

I have 0 idea what you're doing on the line I've commented so I can't help with that.

#

Now my code is like this:

import type { NextApiRequest, NextApiResponse } from "next"
import { PrismaClient } from '@prisma/client';


const prisma = new PrismaClient();

export default async (req:NextApiRequest, res:NextApiResponse) => {

    const { user_id, game_id } = req.query

    const session = true

    if (session) {
        if (req.method !=='POST' || user_id !== "numberz"){
            return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
        }

        console.log("data added!")

    } 
    res.json({
        error: "Account not Found | Please Sign In.",
      })



};```

gritty heath Sep 10, 2022, 8:25 PM

#

gritty heath ```ts import { getSession } from "next-auth/react" import type { NextApiRequest,...

Use this and modify as you see fit

#

You're still not doing anything on success there.

#

You can refactor that to reduce the nested ifs but that's up to you now.

#

nothing of this is working right now - i need to add data to my database and if the user_id field is different from "test123" i send an 405 status. this isn't working

#

now the button isn't adding any data

#

No data is being added right now in the database

gritty heath Sep 10, 2022, 8:30 PM

#

gritty heath now the button isn't adding any data

Isn't that the line we temporarily commented?

#

yeah, but what's the meaning of it now?

#

Add it back?

#

import { getSession } from "next-auth/react"
import type { NextApiRequest, NextApiResponse } from "next"
import { PrismaClient } from '@prisma/client';


const prisma = new PrismaClient();

export default async (req:NextApiRequest, res:NextApiResponse) => {

    const { user_id, game_id } = req.query

    const session = true

    if (!session) {
        const notificationData = JSON.parse(req.body);
        await prisma.notifications.create({ data: notificationData })
        res.status(401).end()
    } 

    if (req.method !=='POST'){
        res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
    } else if (user_id !== "numberz") {
        res.status(405).json({error: "Account not Found | Please Sign In."})
    } else {
        res.status(200).json({information: `Account Found | Method Allowed.`})
    }
    res.end()
};

#

At this point, you should be paying me as a consultant haha

gritty heath Sep 10, 2022, 8:33 PM

#

gritty heath At this point, you should be paying me as a consultant haha

sure 😂 😂

#

Set session = false and it should write some data now

#

500 internal server error

#

#

well, we're trying to fix this for everyone, i don't think this would be useful only for my purposes 😅

#

if there is a fix to this, i'll recommend the staff to add it to the docs or something like that

#

because i still can't find this specific informations in the nextjs docs

#

I'm 90% certain its being caused by prisma

#

export default async (req:NextApiRequest, res:NextApiResponse) => {
    const { user_id, game_id } = req.query

    const session = false

    if (!session) {
        // const notificationData = JSON.parse(req.body);
        // await prisma.notifications.create({ data: notificationData })
        console.log('No session')
        res.status(401).json({ error: 'Unauthorized' })
        res.end()
    }

    if (req.method !=='POST'){
        res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
    } else if (user_id !== "numberz") {
        res.status(405).json({error: "Account not Found | Please Sign In."})
    } else {
        res.status(200).json({information: `Account Found | Method Allowed.`})
    }
    res.end()
};

#

Try that

#

Then run this on the command line

#

curl -X POST "http://localhost:3000/api/companion?user_id=numberz&game_id=testazzo"

#

Check your server's console logs. If it shows "No session", then everything works except for prisma.

#

Alright, so now, when i click the button, the full error is this:

📎 exported_error.txt

#

it prints "No session" as expected but there is a bug maybe?

#

Um, show you code? Seems like you're modifying res even after it was sent

gritty heath Sep 10, 2022, 8:42 PM

#

gritty heath it prints "No session" as expected but there is a bug maybe?

Nah, you're definitely doing something fishy

#

Don't do anything after the response is sent

#

import React from "react";
import { PrismaClient } from '@prisma/client';


import {useSession, signIn, signOut} from 'next-auth/react'


const prisma = new PrismaClient();

export const getServerSideProps = async () => {
  const data = await prisma.notifications.findMany();
  return {
    props: { games: data },
  };  
};

async function registerNotification() {

  const response = await fetch('http://localhost:3000/api/companion?user_id=numberz&game_id=testazzo', {method: 'POST'})
  return await response.json();
}

const Home = ({ games }) => {

  function Accounter() {
    const { data: session } = useSession();
  
    if (session) {
      return (
        
        <div>
              <button onClick={registerNotification} user-id={session.user.email} className="bg-red-400 p-4 mb-4 rounded-xl">Subscribe</button>
              {games.map((game) => {
                return (
                <div key={game.notification_id}>
                  UID: <strong>{game.user_id}</strong> GID: {game.game_id}
                </div>
                )
              })
            }
        </div>
      )
    }else{
      return (
        
        <div>
          <h1><strong>NO SESSION, PLEASE LOG IN</strong></h1>
        </div>
      )
    }
  }


  return (
    <div className="min-h-screen ">
        <div className="min-h-screen bg-primary">
          <Header />
          <div>
              <Accounter></Accounter>
            </div>
          </div>
        </div>
  );
};

export default Home;

gritty heath Sep 10, 2022, 8:45 PM

#

gritty heath ```ts export default async (req:NextApiRequest, res:NextApiResponse) => { co...

show your code for this

#

  const data = await prisma.notifications.findMany();
  return {
    props: { games: data },
  };  
};

async function registerNotification() {

  const response = await fetch('http://localhost:3000/api/companion?user_id=numberz&game_id=testazzo', {method: 'POST'})
  return await response.json();
}```

gritty heath Sep 10, 2022, 8:46 PM

#

gritty heath ```export const getServerSideProps = async () => { const data = await prisma.n...

No, your API one

#

wait, for what?

gritty heath Sep 10, 2022, 8:46 PM

#

gritty heath ```export const getServerSideProps = async () => { const data = await prisma.n...

There's nothing wrong with this

#

The export default async (req:NextApiRequest, res:NextApiResponse) one

#

    const { user_id, game_id } = req.query

    const session = false

    if (!session) {
        // const notificationData = JSON.parse(req.body);
        // await prisma.notifications.create({ data: notificationData })
        console.log('No session')
        res.status(401).json({ error: 'Unauthorized' })
        res.end()
    }

    if (req.method !=='POST'){
        res.status(405).json({information: `ADD Method Not Allowed | Account Found.`})
    } else if (user_id !== "numberz") {
        res.status(405).json({error: "Account not Found | Please Sign In."})
    } else {
        res.status(200).json({information: `Account Found | Method Allowed.`})
    }
    res.end()
};```

gritty heath Sep 10, 2022, 8:47 PM

#

gritty heath ```export default async (req:NextApiRequest, res:NextApiResponse) => { const...

This one?

#

Can you do this

#

if (!session) {
        // const notificationData = JSON.parse(req.body);
        // await prisma.notifications.create({ data: notificationData })
        console.log('No session')
        res.status(401).json({ error: 'Unauthorized' })
        res.end()
        return
    }

#

alright, now it only says "No session"

#

So now it works, try this now

#

export default async (req:NextApiRequest, res:NextApiResponse) => {
    const { user_id, game_id } = req.query

    const session = false

    if (!session) {
        await prisma.notifications.create({ data: {user_id: user_id, game_id: game_id }})
        return res.status(401).json({ error: 'Unauthorized' }).end()
    }

    if (req.method !=='POST'){
        return res.status(405).json({information: `ADD Method Not Allowed | Account Found.`}).end()
    } else if (user_id !== "numberz") {
        return res.status(405).json({error: "Account not Found | Please Sign In."}).end()
    } else {
        return res.status(200).json({information: `Account Found | Method Allowed.`}).end()
    }
};

#

I've updated the snippet, try again

#

yup, add another curly

#

401 unauthorized

#

Then its working

#

401 means it has no session.

#

WAIT

#

A notification should be added

#

YES

#

THE NOTIFICATION IS NOW ADDED

#

Now, you have another problem

#

Clarify if you want those values to be sent as params or in the body

#

alright wait, wdym?

#

what's the difference between them?

#

const { user_id, game_id } = req.query // Choose this is through params
const { user_id, game_id } = req.body // Choose this if through body

#

oh i see

#

Params are those additional values in the url ?param1=a&param2

#

You can send the data through the body, url will be the same without the param

#

http://localhost:3000/api/companion -> sent through body
http://localhost:3000/api/companion?user_id=asd -> sent through params

#

ohh i see

#

params are alright

#

so, now there is a little problem

#

when data gets added, i have this error:

#

just remove end()

#

everywhere

#

Honestly, I have no idea what its for

#

its probably something you add if you dont send back a message

#

res.status(405).end()
res.status(405).json(...)

#

Cant be both I guess

#

DAMN YOU'RE A GENIUS MY BROTHERRR

#

I know that this is pretty easy for you, but for me it means very much, thank you so much for your time, god bless you!!

#

no worries

gritty heath Sep 10, 2022, 9:19 PM

#

@sweet trench @unborn sequoia @mighty ruin @gritty heath Thank you guys!!

gritty heath Sep 11, 2022, 7:39 AM

#

Hi.. what's this problem now??

#

i was going to close this thread 😅

gritty heath Sep 11, 2022, 8:04 AM

#

@gritty heath

#

Convert game_id to a list.

#

🤨

#

All values returned by req.query are string

#

alright, how can i convert it??

#

i'm a noob with this sorry 😂

#

I'll say this with good intent to help you grow as a dev. I can send you the code but I won't, with the hope that you'd figure it out yourself. I'd suggest you to refresh on fundamentals.

Your original problem was essentially revolving around the logic flow of your code. You were executing your statements in an incorrect order.

On your second problem, your IDE is straight up telling you "Hey man, these are two different data types". You should have the intuition to try to match up the data type as required. To do that, you'll have to execute 2 functions at most, which I believe you can figure out.

#

Uhhh i think i fixed it

#

is this right?

#

now it doesn't give any error

#

i just added the | string[]

gritty heath Sep 11, 2022, 8:38 AM

#

gritty heath is this right?

That depends on your technical requirements. If game_id is supposed to be a string or list.

#How can i check if a POST request contains a certain string?