Передача переменных в скомпилированное приложение React из Index.html в controller.js - PullRequest
0 голосов
/ 18 апреля 2019

Я пытаюсь передать переменные из index.html в мое реактивное приложение, которое компилируется и работает на сервере экспресс / узлов локально. Я пытался использовать объект окна, но node.js не распознает объект окна.

Обычно после загрузки приложения index.html получает информацию о пользователе из строки запроса и отправляет данные в userController. Смотрите код ниже

index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="telephone=no" name="format-detection">
    <meta content="no" name="msapplication-tap-highlight">
    <meta content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width" name="viewport">
    <title>App Frontend</title>
</head>

<body>
    <div id="root"></div>
    <script src="js/compiledscript.js"></script>
    <script>
        new AppCode({
            root: document.getElementById('root'),
            host: 'http://localhost:3500',
            endpoints: {
                folder: '/api/folder',
                file: '/api/file'
            },
            headers: {
                'Content-Type': 'application/json'
            }
        });

        //Get iframe data query from parent
        function getParamValue(paramName)
        {
            var url = window.location.search.substring(1); //get rid of "?" in querystring
            var qArray = url.split('&'); //get key-value pairs
            for (var i = 0; i < qArray.length; i++) 
            {
                var pArr = qArray[i].split('='); //split key and value
                if (pArr[0] == paramName) 
                    return pArr[1]; //return value
            }
        }

        var userData = {
            username: getParamValue('username'),
            userid: getParamValue('userid')
        }

        window.userData = userData;
        //console.log(getParamValue('username'));
        //console.log(getParamValue('userid'));


    </script>

</body>

</html>

userController.js

const mongoose = require('mongoose');
const path = require('path');
const fs = require('fs');

const User = mongoose.model('User');
//const users = JSON.parse(fs.readFileSync(path.join(__dirname, '..', 'data', 'users.json'), 'utf-8'));

/*
const users = window.userData;
const userid = users.userid;
exports.userid = userid; 
*/


exports.getAll = async (req, res) => {
    const users = await User.find();
    res.json(users);
};


exports.bang = async (req, res, next) => {
    await User.remove();
    next();
};


exports.addNewUser = async (req, res, next) => {
    await User.create(users);
   // next();
};

1 Ответ

0 голосов
/ 18 апреля 2019

Если вы отправляете файл HTML как статический файл,

Вы можете сделать это решение:

Решение:

установите ejs, введя команду npm i ejs, затем измените файл с index.html на index.ejs,

добавьте эту строку в ваше приложение app.set('view engine', 'ejs'); и отправьте файл по

res.render('index.ejs', {
 // here data to pass
});

тогда вы можете передать данные на index.ejs и они будут обработаны

Вы можете прочитать документы здесь , это прояснит изображение больше.

если вы можете использовать рендеринг на стороне сервера

тогда redux будет решением

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...