Runtime components : Client engine : Using the client engine service in a Vue project : Building the UDTTVueProject application
  
Building the UDTTVueProject application
You can configure, verify, and then package the UDTTVueProject application for deployment to another development environment or to a production environment.
Configuring the UDTTVueProject application
Complete the following steps to configure the UDTTVueProject application:
1 Install the Node Package Manager dependencies by completing the following steps:
a From your terminal, open the <UDTT_root>/BTTSample/ClientEngineExample/UDTTVueProject folder.
b Run the following command:
$ npm install
2 Configure the UDTTVueProject application by completing the following steps:
a Deploy and start the UDTTServerProject application, see Setting up and running the UDTTServerProject application.
b Edit the following settings in ../UDTTVueProject/public/unicomsi/btt/clientengine/Configure.js:
i Set CORS to true for cross domain access.
ii Set _BASE to the base url of the UDTTServerProject application.
For example:
CORS : true
var _BASE = "http://<base_URL>:8080/UDTTServerProject/";
Verifying the UDTTVueProject application
Complete the following steps to start the UDTTVueProject application and verify that it is working:
1 Make sure that the UDTTServerProject application is started.
2 From your terminal, open the <UDTT_root>/BTTSample/ClientEngineExample/UDTTVueProject folder.
3 Start the UDTTVueProject application by typing the following command:
$ npm start
4 Start your browser and make sure that cross-site cookies are enabled.
5 Type the following URL: http://localhost:8081.
The ‘Welcome’ screen for the UDTTVueProject application is displayed.
Packaging the UDTTVueProject application
You can package the UDTTVueProject application ready for deployment by completing the following steps from your terminal:
1 Open the <UDTT_root>/BTTSample/ClientEngineExample/UDTTVueProject folder.
2 Type the following command:
$ npm run build
The build folder contains the UDTTVueProject application bundled with Vue, and Vuex, and optimized for performance.
See:
Go up to
Using the client engine service in a Vue project