Aller au contenu principal

Utilisation basique

ReactJs​

Pour intégrer le Framework Retorik dans une application ReactJs existante, il suffit d'importer le composant voulu (RetorikAgent, RetorikWidget ou RetorikNews) , et de l'utiliser comme tout composant ReactJs en lui assignant les props nécessaires.

Javacript​

Pour intégrer le Retorik Framework via un script javascript, il faut :

  • que le package soit importé (cf import depuis le CDN)
  • un élément servant de conteneur dans le DOM. Par exemple un élément <div id="#my-retorik-agent" />
  • appeler la bonne méthode de rendu en fonction du composant voulu :
    • window.Retorik.renderAgent(props, element);
    • window.Retorik.renderWidget(props, element);

Configuration​

Pour consulter les informations de configuration, suivre ces liens :

  • configuration minimale à voir ici
  • pour toutes les options de configuration possibles, voir ici

Exemples​

Retorik Agent
import React from 'react';
import { RetorikAgent } from '@davi-ai/retorik-framework';
import * as props from './config';

const App = () => {
  return <RetorikAgent {...props} />;
};

export default App;
Retorik Widget
import React from 'react';
import { RetorikWidget } from '@davi-ai/retorik-framework';
import * as props from './config';

const App = () => {
  return <RetorikWidget {...props} />;
};

export default App;
Retorik News
import React from 'react';
import { RetorikNews } from '@davi-ai/retorik-framework';
import * as props from './config';

const App = () => {
  return <RetorikNews {...props} />;
};

export default App;