How to render page with a response data from node js to React js?

Question

I am new to React with node Now I want to send data from node js(backend) to React js with response data. Actually, my situation is after signup from Google authentication I want to send that data to a React js (frontend).

router.get(
    '/auth/google/callback',
    passportGoogle.authenticate('google', {
        failureRedirect: '/',
    }),
    (req, res) => {
        const nameFirst = req.user.profile._json.displayName;
        const picture = req.user.profile._json.image.url;
        const email = req.user.profile.emails[0].value;
        const id = req.user.profile.id;
        const user = new User({
            user_token: id,
            name: nameFirst,
            email: email,
            picture: picture,
            provider: 'Google',
            dateSent: Date.now(),
        });
    User.findOne({ email: email }, (err, docs) => {
        if (docs != null) {
                            // already exist
                    } else {
                            // send data  `user`  with routing [routing to /signupnext,]
                    }
    });

You need to go through some tutorials first. Unfortunately, nobody is going to write the complete code for you here. — Tarun Dugar
– Tarun Dugar, Commented Mar 25, 2019 at 16:39
Now I had updated my code, please check sir or give some tutorial links — balaji r
– balaji r, Commented Mar 25, 2019 at 16:40
still not enough, you first need to try it. If you get stuck, then someone might be able to help. — Tarun Dugar
– Tarun Dugar, Commented Mar 25, 2019 at 16:43
I stuck in this step the only sir, Now I had fetched data from Google after that I want to display that display for confirmation — balaji r
– balaji r, Commented Mar 25, 2019 at 16:49

Jacob Gaiski · Accepted Answer · 2019-03-25 16:42:37Z

1

What you are describing composes an issue between computer systems: how to communicate.

Using JSON and REST, you can develop a REST endpoint as a node service.

All a REST endpoint is, is an HTTP Service Adress that behaves in a specific way.

What you need to do, is develop a REST Endpoint within your Node application and call that endpoint using your React application.

You cannot just "Send" the data to a client application, the application has to request it.

If you re-write your call so that your React.JS calls an endpoint, Node.JS authenticates and returns the result back to React, that should work for you.

More information on Node rest endpoints: https://www.codementor.io/olatundegaruba/nodejs-restful-apis-in-10-minutes-q0sgsfhbd

answered Mar 25, 2019 at 16:42

Jacob Gaiski

5764 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

balaji r Over a year ago

Actually, my doubt if suppose i am using node js as front end and backend means see this code it can send response with datares.render('/examplePage.ejs', {retrievedData : app.get('data')});. Likewise I want for React js

Jacob Gaiski Over a year ago

Yes, that is how you would send the data back. You are correct in thinking that their are many ways to do this. But what you need in order to get that result back to the client application (requesting application), is that client application needs to request it from SOME back end. Rather that be node or MVC or .NET, or whatever.

Collectives™ on Stack Overflow

How to render page with a response data from node js to React js?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related