Fleet Frontend

How to locally install and configure fleet-frontend and generate production build.

Installing neccessary dependencies

  1. ( You can skip this step if you already have nodeJS installed )

    You need to install nodeJS and NPM as they are core dependencies. you can find the guide for it here : https://docs.npmjs.com/downloading-and-installing-node-js-and-npm

  2. After you have installed nodeJS and NPM you will have to insall vue-cli which you can install by this command.

npm install -g @vue/cli

Running project locally

  1. To run the project on your computer you'll need to extract the source code and then run the following command in that directory from your terminal.

npm install

2. After the process is completed, run following command in terminal.

npm run serve

After that the project will automatically open in your browser at http://localhost:3000 ( port can be vary )

Configuring project

Change API Address

  1. To change the url of api you need to modify a meta tag in index file which you can find in this directory : "public/index.html".

  2. You can change the url of api of by modifying content attribute. ( as shown below )

<meta name="API" content="https://wpify.design/frontend" />

Build for production

Follow this steps to generate a production build of the application.

  1. Run this command in terminal.

npm run build

After the process completes, you'll see a success message in terminal that the build has been generated successfully.

2. Above command will make new folder in the root directory ( if not already present ) called dist and inside it you'll find the following folders and files.

File structure of generated build

Modifying any of these files inside dist directly will result in a failure and will not work properly. you should always make changes in developement enviornment locally and then do the build process.

3. Finally, You can upload this files directly to the server to make it run in production.