The page ist hosted on GitHub and built on Vue.
A new version is also available on GitHub Pages! It will be soon available on a Web Server with an domain. Current Homepage is https://djdiox.de hosted with wix.com
This app is best compatible with Google Chrome or any other Chromium based browser. It does also run on Mozilla Firefox, IE Edge und IE 10
This Frontend is currently standalone. After it has been built it can be served by an HTTP Server e.g. nginx.
Tip: If you use an Backend like Express.JS you can serve the files with it, instead of using another server.
You will need following tools to develop this project:
- Node.JS LTS v8.11.1
- preferred installing Node.JS via nvm for more details see nvm for unix/osx or nvm for windows
- Vue CLI
- Git (latest)
- Install all dependencies
- Install dependencies with
npm
. - Fill out needed informations in the environment.ts file.
- Running
npm run serve
wil start up development server on http://localhost:4200.
Tip: If you want to access the project for instance on a smartphone or tablet in your network Usually eth0 is the default IP you need to call like
172.30.30.160:4200
Running npm version patch / minor / major
will create the semver version.
This cmd will update the version
located in the package.json
and it will also generate tag in git.
For pushing the commit and the tags use git push --follow-tags
.
The execution of
git push --tags
will just push the tags and not the version in thepackage.json
Execute npm run build
for a normal build into dist folder.
Currently the automatic build is configured via .github/workflows/node.js.yml
.
You can also run the build manually on your system with npm run build
This will take the base image with the dependency for a complete build:
Finally it builds all necessary files into gh-pages
branch and delivers it as artifcats.
GitHub will store the artifacts for 14 days as Zip File in the Build of [GitlLab Actions0](https://github.com/djdiox/djdiox-frontend/actions.
Continous Integration will be available over GitHub Actions. And will publish to GitLab Pages.
All related scripts for the continous integration build can be found in the
\
folder
Folder | Description |
---|---|
base | Base Dockerimage, that will be used for building. |
prod | Production buildscript and other files |
scripts | Other deployment tools, scripts etc. |
staging | Staging buildscript and other files |
Thd scaffold was generated with Vue CLI