2017-05-18 1 views
0

J'essaie de créer une application web de grattage en utilisant Reactjs. J'ai utilisé nightmare.js en JS normal et j'ai obtenu la sortie désirée. Mais quand j'ai essayé d'ajouter un bouton et de créer des fonctions, ça n'a pas bien fonctionné. Je pensais maintenant aller directement avec ReactJS parce que c'est ce que je veux finir par faire finalement. Est-ce que quelqu'un peut donner un petit exemple de code d'utilisation de nightmare.js ou de Casper.js dans ReactJS au format jsx ou n'importe quel TIPS ou Pointers. Je sais que cela peut sembler stupide ou simple, apprécier toute aide. Je veux essentiellement que ça marche quand j'exécute le node server.js. Je peux ajouter plus tard dans les boutons, css, etc.webscraping utilisant Reactjs

+0

Qu'est-ce que vous essayez d'atteindre et pourquoi voulez-vous utiliser React? – Geraint

+0

@Geraint J'essaie de faire une application web pour collecter des données depuis un site web. comme un site Web de la finance prenant des données quand je clique sur un bouton. Après avoir appris JS, ReactJS est ce que j'apprends actuellement et je voulais aller directement au projet et apprendre en déplacement. Ils disent que c'est plus facile et mieux commencer devant les autres bibliothèques. J'espere. –

Répondre

0

React a tendance à être utilisé à des fins plus de présentation, c'est-à-dire en affichant les données que vous avez grattées et non le raclage réel.

Si vous voulez utiliser javascript pour le scrappage, je vous suggère d'utiliser le backend de votre noeud pour le faire (en supposant que vous utilisez un noeud).

Créez une route que votre application React peut appeler et laissez votre code backend faire le travail. Jetez un oeil à ce tutoriel, il a quelques années mais devrait vous diriger dans la bonne direction.

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

+0

Merci pour votre réponse. Le lien est sûr pour moi, j'ai une autre question idiote: Donc dans une application React, je place le code node.js dans le fichier JS et l'appelle dans le code JSX? afin de les afficher? Ai-je raison ? . ├── composants │ ├── App │ │ ├── App.jsx │ │ ├── app.css │ │ ├── app_test.jsx │ │ └── index.js –