nps-jaleko
Utilização dos componentes do projeto "nps"
-
Neste repositório iremos encontrar a implementação e como utilizar o componente do NPS.
-
Foi utilizado como base de criação do projeto, o seguinte tutorial -> Link
-
O projeto já possui CD para a branch master. Sempre que é feito o deploy, ele automaticamente publica a nova versão no NPM ( Não esquecer de sempre alterar a versão do projeto no package.json 0.0.1 -> 0.0.2).
Quais parametros esperar
-
name - Nome do usuário que irá aparecer no modal de nps
-
baseUrlToAnwserNps - Url base (api) que irá fazer as requisições de nps. Ex: https://test.api.jaleko.com.br/api/
-
baseUrlInitializedNps - Url base do ambiente que o usuário está Ex:jaleko.com.br/home, para que não abra mais a modal de nps nesse ambiente.
-
token - Token de acesso do usuário que irá responder o modal de nps
Utilização em projetos com vue-cli (ex: Projeto_b2b)###
- Instalar a lib com o comando
#!
npm i nps-jaleko
- Importar a lib e o css, e definir o componente em
#!
import Nps from 'nps-jaleko'
import 'nps-jaleko/dist/npsJaleko.css'
export default {
components: { Nps }
}
- Exemplo de utilização
#!
<nps name='Leonardo Perazzini' baseUrlToAnwserNps='http://127.0.0.1:8001/api/' baseUrlInitializedNps='httpp://127.0.0.1:8000' token='eyJ0eX'/>
Utilização em projetos sem vue-cli
- Exemplo de utilização
<link rel="stylesheet" href="https://unpkg.com/nps-jaleko@latest/dist/npsJaleko.css">
<div id="jaleko-nps">
<nps name='Leonardo Perazzini' base-url-to-anwser-nps='http://127.0.0.1:8001/api/' base-url-initialized-nps='httpp://127.0.0.1:8000' token='eyJ0eX'/>
</div>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/nps-jaleko@latest"></script>
<script>
new Vue({
components: {
npsJaleko
}
}).$mount('#jaleko-nps')
</script>