@nnm/chatboy

chatboy

The goal of this project is to create a chatbot on a Vue-based web and use the Google Dialogflow API.

STRUCTURE

USAGE

Create a Google Cloud project.

• Google Dialogflow API

• Google Cloud Platform Project

Get a Dialogflow Authentication key

• Cloud IAM Service Account

• Cloud SDK

• Dialogflow Setting up authentication

• GOOGLE_APPLICATION_CREDENTIALS

  • MAC

• WINDOWS 10

• ACCESS TOKEN

Install chatboy

• npm install @nnm/chatboy

Use chatboy

• // Your Vuex store
  import store from './store/store.js'
  
  import 'chatboyStore' from '@nnm/chatboy'
  import '@nnm/chatboy/dist/chatboy.css'

• ...
  Vue.use(chatboyStore, { store });
  ...
  

• <Chatboy project-name=""
           language-code=""
           access-token=""
  />

PREVIEW

TODO

• Try Google SDK
• Try SessionStorage
• Try Vuex
• Try KakaoTalk Style CSS

LEARNED

• Google SDK
  • Get access token
  • Set GOOGLE_APPLICATION_CREDENTIALS
• Vue
  • Image import
• Vuex
  • Use within a npm package
    • Namespacing
    • Modularization
    • Dynamic module registration
    • Plug-in
• Publish npm package
  • Make entry point
  • Set image path
• CSS
  • Make Speech bubble tail
  • Position
  • Flex
• Webpack
  • Default rule of Image bundling on babel

LICENSE

This is released under the MIT license. See LICENSE for details.