Documentation

image
image
image
image
image
image

# Déployer sur le navigateur

Le but est de faire fonctionner la compétence directement dans la navigateur pour réaliser une système conversationel

  1. Tapez newbot build dans le terminal
  2. Vous retrouvez le fichier généré dans dist/browser
  3. Créez un fichier index.html:
<script src="https://unpkg.com/newbot@latest/dist/newbot.min.js"></script>
<script src="path/dist/browser"></script>

<script>
const converse = new NewBot(MainSkill)
converse.exec('Hey', (output, done) => {
    console.log(output)
    done()
})
</script>

MainSkill est une variable globale présent dans le fichier généré. Vous pouvez exécuter [/docs/essential/exec](le scénario avec la méthode exec())

Sur navigateur, mettre l'identifiant de l'utilisateur en second paramètre de la méthode exec() est facultaif

# Avec le NLP natif

<script src="https://unpkg.com/node-nlp@latest/dist/bundle.js"></script>
<script src="https://unpkg.com/newbot@latest/dist/newbot.min.js"></script>
<script src="skill.js"></script> <!-- you skill -->
<div>
    <input type="text" id="text">
    <button id="submit">Ok</button>
    <pre id="result"></pre>
</div>
<script>
    var converse = new NewBot(MainSkill, {
        model: '/model/model.nlp'
    })
    document.getElementById('submit').addEventListener('click', function() {
        var text = document.getElementById('text').value
        var result = document.getElementById('result')
        converse.exec(text, (output, done) => {
            result.innerText = JSON.stringify(output, null, 2)
            done()
        })
    })
</script>
  1. Intégrez le fichier https://unpkg.com/node-nlp@latest/dist/bundle.js pour lire le système NLP dans le navigateur
  2. Mettez le chemin vers model.nlp

# Utiliser le parser

Si vous voulez tester directement du code non compilé dans le navigateur, intégrez plutôt le fichier newbot.with-parser.min.js

<script src="https://unpkg.com/newbot@latest/dist/newbot.with-parser.min.js"></script>

<script>
const converse = new NewBot()

converse.code(`
    @Event('start')
    start() {
        > Hello World
    }
`)

converse.exec('Hey', (output, done) => {
    console.log(output)
    done()
})
</script>

Attention, le fichier newbot.with-parser.min.js est bien plus lourd que le fichier newbot.min.js. Préférez le dernier si lire du code non compilé n'est pas nécessaire.

image