Runtime components : Client engine : Using the client engine service in a Vue project : How the client engine is used in the UDTTVueProject application
  
How the client engine is used in the UDTTVueProject application
The following design decisions were made in developing the UDTTVueProject application:
The UDTT client engine (../UDTTVueProject/static/unicomsi/btt/clientengine) is treated as a legacy third-party library. It is loaded into the application by the addition of the following lines in ../UDTTVueProject/static/index.html:
<script type="text/javascript" src="./static/jquery/jquery-3.3.1.js"></script>
<script type="text/javascript" src="./static/unicomsi/btt/clientengine/BTTLoader.js"></script>
<script type="text/javascript">
// load from the integrated JS of client engine
// here it is /assets/unicomsi/btt-clientEngine.uncompressed.js
//BTT.loadBTT("static", "unicomsi/btt-clientEngine.uncompressed.js");
// load from the source JS of client engine at /assets folder
BTT.loadBTT("static");
</script>
Because the client engine is written in raw JS, a thin service layer (../UDTTVueProject/src/app/unicomsi/btt/clientengine/service) is provided at the TypeScript level. This service layer is used to interact with UDTT server.
For information about using the Vue component, see /src/components/Transfer.vue.
For information about using Vuex, see /src/store/modules/transfer.js.
For information about using the API, see Client engine service: APIs.