2017-05-18 17 views
0

Ich versuche, eine Web-Scraping-App mit Reactjs zu erstellen. Ich habe nightmare.js in normalen JS verwendet und ich habe die gewünschte Ausgabe erhalten. Aber als ich versuchte, einen Button hinzuzufügen und Funktionen zu erstellen, funktionierte das nicht gut.webscraping mit Reactjs

Ich dachte jetzt, mit ReactJS geradeaus zu gehen, weil das ist, was ich am Ende schließlich tun will.

Kann jemand einen kleinen Beispielcode der Verwendung von nightmare.js oder Casper.js innerhalb von ReactJS im jsx-Format oder irgendwelche TIPS oder Zeiger geben. Ich weiß, das klingt vielleicht albern oder einfach, schätze jede Hilfe. Ich möchte es im Grunde treten, wenn ich node server.js laufen lasse. Ich kann später hinzufügen Knöpfe, CSS, etc.

+0

Was versuchen Sie zu erreichen und warum möchten Sie reagieren benutzen? – Geraint

+0

@Geraint Ich versuche, eine Web-App zu machen, um Daten von einer Website zu sammeln. Wie eine Finanzwebsite, die Daten aufnimmt, wenn ich auf einen Knopf klicke. Nachdem ich JS gelernt habe, ist ReactJS das, was ich gerade lerne, und ich wollte direkt ins Projekt einsteigen und unterwegs lernen. Sie sagen, es ist einfacher und besser vor anderen Bibliotheken zu starten. Ich hoffe es. –

Antwort

0

React wird tendenziell für mehr Präsentationszwecke verwendet, d. H. Für das Anzeigen der Daten, die Sie gescratet haben, und nicht für das tatsächliche Scraping.

Wenn Sie Javascript für Scraping verwenden, würde ich vorschlagen, Ihre Knoten-Backend dazu zu verwenden (vorausgesetzt, Sie verwenden Knoten).

Erstellen Sie eine Route, die Ihre React-App aufrufen kann, und lassen Sie Ihren Back-End-Code arbeiten. Schau dir dieses Tutorial an, es ist ein paar Jahre alt, aber sollte dich in die richtige Richtung weisen.

https://scotch.io/tutorials/scraping-the-web-with-node-js

+0

Danke für Ihre Antwort. Der Link ist sicher für mich geschossen, ich habe noch eine dumme Frage: Also in einer React App platziere ich den node.js Code in die JS Datei und rufe ihn im JSX Code auf? um sie anzuzeigen? Habe ich recht ? . ├── Komponenten │ ├── App │ │ ├── App.jsx │ │ ├── app.css │ │ ├── app_test.jsx │ │ └── index.js –