Рендеринг чего-либо на стороне сервера, принимая входные данные из внешнего интерфейса

Question

Меня попросили выполнить следующее задание

1. Взять код, введенный из веб-интерфейса, т. Е. Пользователь передаст свой код в веб-интерфейсе (дизайн веб-страницы / целевой страницы)

2. В бэкэнде у нас много полей внутри API-маршрута

   route.get("/", (req, res) => {
       const fullName: "Varun Bindal"
       const contactNo = 9293939933
      const message = "Message I want to display"
    //Many more 
   }
   

3. Сообщите пользователю способ, когда, когда мы обслуживаем его код, он может динамически получать доступ / присваивать поля, которые мы имеем в бэкэнде, в свой код

Я немного погуглил и обнаружил, что экспресс официально рекомендует ejs для серверной компиляции веб-страницы

Может кто-нибудь помочь мне разобраться, как нам этого добиться?

Answer 1

Да, вы можете!Сначала вы должны включить ejs в свой проект, настроить его, например, в файле server.js, затем вы можете вызвать res.render() в параметре обратного вызова на route.get ().

В вашем html или javascript выможет создать заполнитель, который будет заполнен.

Пример (сервер):

route.engine('html', ejs.renderFile);
route.engine('js', ejs.renderFile);

route.get('/', (req, res) => res.render(path.resolve(__dirname, ' 
   ../ui/index.html'), {
    'myVal': 42,
}));

Пример (клиент html, js и т. д.):

<%= myVal %>