Создать Nodejs/Express API для подключения к React-Admin frontend Framework
реагировать-админ Это интерфейсная платформа для создания приложений администрирования, работающих в браузере, поверх API-интерфейсов REST/GraphQL с использованием ES6, React и Material Design. Ранее назывался admin-on-rest. Открытый исходный код и поддерживается marmelab.
Я пытаюсь создать и настроить Rest API (бэкенд) с помощью Nodejs/Express, я хочу знать, как настроить запросы и конечные точки в моем экспресс-API.
const express = require('express')
const app = express()
const bodyParser = require('body-parser');
const cors = require('cors');
const port = 80;
app.use(express.json());
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});
app.get('/', (req, res) => {
return res.send('Received a GET HTTP method');
});
app.post('/', (req, res) => {
return res.send('Received a POST HTTP method');
});
app.put('/', (req, res) => {
return res.send('Received a PUT HTTP method');
});
app.delete('/', (req, res) => {
return res.send('Received a DELETE HTTP method');
});
app.listen(port, () =>
console.info(`Example app listening on port ${port}!`),
);
моя база данных — Postgresql, а мой сервер — NodeJs/express, и я хочу создать полностью застрявшее веб-приложение с интерфейсом реагировать-админ
Ответы 2
Это зависит от того, какой поставщик данных реакции-администратора вы используете. Поставщики данных работают как адаптер между react-admin и конкретным API, который вы используете. Для react-admin не существует «стандартной» спецификации API.
Существует пример ра-данные-простой отдых, который может удовлетворить ваши потребности, если вы действительно хотите написать свой собственный API с нуля в Express.
Лучшее решение может состоять в том, чтобы использовать что-то вроде Перья и перья-postgresql для вашего API, а затем использовать существующий поставщик данных ра-данные-перья для подключения react-admin к Feathers.
Большое спасибо за вашу помощь @Nick Nelson, я думал, что должен создать Отдых Cient, а не Поставщик данных, в чем разница между ними?
Ссылка marmelab.com/admin-on-rest/RestClients.html предназначена для администратора в состоянии покоя. admin-on-rest был переименован в react-admin в версии 2. Rest Client и Data Provider в этом контексте в основном одно и то же. Единственная разница в том, что Rest Client предназначен для администратора в состоянии покоя, а Data Provider — для реагирования на действия администратора. Я бы посоветовал держаться подальше от документации admin-on-rest при работе с react-admin. Между ними есть существенные различия, и смешение документации может привести к путанице.
Здравствуйте @nick, я все еще не понимаю, как заставить этот проект работать правильно. На самом деле я хочу создать с нуля сервер NodeJs/Express с базой данных Postgres, но кажется, что мне нужно создать DataProvider... и у меня есть понятия не имею, как это сделать... есть ли какие-нибудь примеры проекта с полным стеком с реактивным администратором, которые могут мне помочь... потому что я не могу найти такой проект!!
Вы не имеют для создания DataProvider. Вы можете написать API, который соответствует стандартам, ожидаемым существующим поставщиком данных, например ra-data-json-сервер или ра-данные-простой отдых.
Я бы посоветовал вам начать с учебник по реакции администратора, в котором показано, как настроить простой проект react-admin с использованием поставщика данных ra-data-simple-rest и существующего API, а затем просмотреть руководство по написанию API с помощью Экспресс как это. Выполнение обоих из них должно дать вам все необходимое, чтобы затем объединить их, чтобы ваше приложение для реагирования на администрирование подключалось к вашему Express API.
ЭТО ПРОЕКТ ИДЕАЛЬНО ОТВЕЧАЕТ НА МОЙ ВОПРОС (за исключением того, что он использует mongodb). Спасибо Михалак111
Можете ли вы добавить больше информации о том, что вы хотели бы сделать, какая у вас база данных и так далее? Или проблема заключается только в создании маршрутизатора для вашего приложения? Может быть, вы можете указать, к каким ресурсам вы обращаетесь с помощью API...