2017-10-07 3 views
0

Je suis très nouveau à réagir/redux/node et j'ai récemment commencé à les apprendre. J'essaye d'écrire une application qui utiliserait OpenPGP.JS pour fournir des fonctions de cryptage et de décryptage. Alors que certains composants de l'application peuvent avoir besoin d'appeler le script, qui utilise la bibliothèque OpenPGP.js pour le chiffrement, je ne suis pas sûr de l'endroit où placer le script.Où dois-je placer un script dans React/Redux?

Éditer: Voici l'arborescence actuelle.

├── LICENSE.MD 
├── README.md 
├── index.html 
├── package-lock.json 
├── package.json 
├── src 
│   ├── actions 
│   │   └── index.js 
│   ├── components 
│   │   └── app.js 
│   ├── index.js 
│   └── reducers 
│    └── index.js 
├── style 
│   └── style.css 
├── test 
│   ├── components 
│   │   └── app_test.js 
│   └── test_helper.js 
└── webpack.config.js 

Des pointeurs seraient utiles.

Workflow

+0

vous pouvez le regrouper avec l'application, vous pouvez inclure comme balise de script. depends – dfsq

+0

Qu'est-ce que ce script? Qu'essayez-vous d'accomplir? Pouvez-vous inclure le code de votre application? –

+0

@GhassenLouhaichi J'ai mis à jour le poste avec plus de détails car je n'ai pas encore de code écrit. –

Répondre

1

Vous pouvez ajouter client JavaScript à votre package.json et les installer avec NPM ou fil. La structure de votre répertoire ne montre pas où se trouve openpgp, mais il devrait être dans node_modules (pas dans la structure de votre répertoire).

Puisque vous utilisez webpack vous pouvez simplement l'installer avec NPM ou fil (comme documented):

npm install --save openpgp 

alors besoin dans votre script:

require openpgp from "openpgp" 

Si webpack se plaint parce que la points repo github à dist/openpgp.js vous pourriez essayer d'ajouter un resolve dans votre webpack.config.js qui pointe vers le répertoire src au lieu de la dist.

+0

Où écris-je du code javascript (fonctions wrapper/util pour OpenPGP)? –

+0

@RahilParikh Où que vous vouliez. Vous pouvez le mettre dans util ou service et exporter les fonctions que vous voulez. Vos gestionnaires d'actions peuvent importer ces fonctions util ou service. Ou bien, vous l'importez dans votre application principale et la transmettez en tant que dépendance à une fonction init de vos gestionnaires d'actions, de sorte qu'il est plus facile de simuler des tests ou de les remplacer par un autre module. – HMR