commit
38e4643dd7
@ -1,45 +1,93 @@
|
|||||||
rcn-frontserver <img src="https://raw.githubusercontent.com/Trivernis/rcn-frontserver/develop/res/img/RCN-Logo.png" height="100px" width="auto"></img>
|
rcn-frontserver <img src="https://raw.githubusercontent.com/Trivernis/rcn-frontserver/develop/res/img/RCN-Logo.png" height="100px" width="auto"></img> [![License: GPL v3](https://img.shields.io/badge/License-GPL%20v3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0) [![CircleCI](https://circleci.com/gh/Trivernis/rcn-frontserver.svg?style=shield)](https://circleci.com/gh/Trivernis/rcn-frontserver) [![CodeFactor](https://www.codefactor.io/repository/github/trivernis/rcn-frontserver/badge)](https://www.codefactor.io/repository/github/trivernis/rcn-frontserver)
|
||||||
====
|
====
|
||||||
|
This is the front-end web-server of the Raspberry Communication Network *(that is still in development)*.
|
||||||
|
|
||||||
About
|
Contents
|
||||||
----
|
----
|
||||||
This is the front-web-server of the Raspberry pi Communication network.
|
1. [Requirements](#requirements)
|
||||||
|
2. [Getting Started](#getting-started)
|
||||||
|
3. [Arguments](#arguments)
|
||||||
|
4. [Configuration](#configuration)
|
||||||
|
1. [Routes for each type of file](#routes-for-each-type-of-file)
|
||||||
|
2. [Mounting external folders](#mounting-external-folders)
|
||||||
|
5. [Cool Features](#cool-features)
|
||||||
|
6. [Roadmap](#roadmap)
|
||||||
|
|
||||||
Modules
|
Requirements
|
||||||
----
|
----
|
||||||
**NodeJS**
|
You need to have Node.js installed to run this script. Just in case update your npm with the command:
|
||||||
- winston
|
```commandline
|
||||||
- pkg
|
npm install -g npm@latest
|
||||||
- perfy
|
```
|
||||||
- jsdom
|
|
||||||
- winston-daily-rotate-file
|
Getting started
|
||||||
- args-parser
|
----
|
||||||
- node-sass
|
To install the dependencies listed above, run the following from the commandline.
|
||||||
|
```commandline
|
||||||
**Embedded in the html-file**
|
npm install
|
||||||
- JQuery
|
```
|
||||||
- Vue.js
|
Now you can run the server by typing:
|
||||||
|
```commandline
|
||||||
Details
|
node server.js
|
||||||
|
```
|
||||||
|
|
||||||
|
Arguments
|
||||||
|
----
|
||||||
|
Just type `node server.js -h` or
|
||||||
|
```commandline
|
||||||
|
Usage: server.js [options]
|
||||||
|
|
||||||
|
Options:
|
||||||
|
-h, --help show this help message and exit
|
||||||
|
-p, --port define the port for the server to run on
|
||||||
|
--loglevel define at which level the console should output
|
||||||
|
--test start the server and exit after 10 seconds
|
||||||
|
```
|
||||||
|
|
||||||
|
Configuration
|
||||||
----
|
----
|
||||||
This web server uses folders for every type of file (depending on the file's ending) and routes to the folders. There are also global files, that are implemented in every html via dom-manipulation. The behaviour for every file extension can be configured in the config.json This server uses vue.js and jquery to make the website as interactive, as possible. This server works with https. To run it. it needs to have access to the folder .ssh in the same directory where a valid cert.pem and a valid key.pem is are existing. Specific directories can be mounted via the mounting parameter. The pattern is:
|
*This configuration applies to the server.json.*
|
||||||
``` json
|
|
||||||
|
### Routes for each type of file
|
||||||
|
In the server.json all common web file-types have their own configuration at **routes**.
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"routes": {
|
||||||
|
".html": {
|
||||||
|
"path": "./res/html/",
|
||||||
|
"mime": "text/html"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
In the configuration a path and mime-type is defined. When the server starts recieves a request, it reads the configuration and searches for the file in the specific route. If the file exists it gets transportet with the defined mime-type. The type of the file is determined with the file's extension.
|
||||||
|
|
||||||
|
### Mounting external folders
|
||||||
|
It is also possible to mount additional folders into the web-application by defining them at **mounts**. Mounts are more important than routes so when the server recieves a request, it first looks if the request-url has a mounted directory (or file).
|
||||||
|
|
||||||
|
```json
|
||||||
{
|
{
|
||||||
"mounts": [
|
"mounts": [
|
||||||
{
|
{
|
||||||
"mount": "mountpath",
|
"path": "./path/to/directory/",
|
||||||
"path": "path"
|
"mount": "/mount/"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
You can embed sass files as link elements in html-pages. The sass files will be preprocessed to css before send to clients. The result will also be cached and the sass file will be watched for changes. If changes occur, the file will be preprocessed anew on the next request to the file. If not, the cached file will be send. HTML-files will also be cached because they are also manipulated by the preprocessor. All cached files are watched for changes. I.e. if changes to the file are detected the caching function isCached returns false.
|
|
||||||
```
|
```
|
||||||
|
The path Attribute defines the mounted directory (of file) on the local filesystem. The mount attribute defines where the directory is mounted in the web-application. The mount-path supports RegEx strings (the value is interpreted as a regular Expression by default).
|
||||||
|
|
||||||
|
Cool features
|
||||||
|
---
|
||||||
|
### Embedding SASS-Stylesheets, Vue.js and jQuery
|
||||||
|
This server automatically embeds Vue.js, jQuery and the *script.js* and *style.sass* stored in *./glob*. And yeah, that's right. You can embed .sass-files. When encountering a .sass file, the server compiles it into .css. The result will then be stored in the *./.cache* directory. The server also detects changes on the original file and refreshes the cached file when the change was detected. The refreshing only happens, when the file was requested.
|
||||||
|
|
||||||
Roadmap
|
Roadmap
|
||||||
----
|
----
|
||||||
**Done**
|
- [x] SASS-Files and caching of preprocessed files
|
||||||
- SASS-Files and caching of preprocessed files
|
- [x] Mounting of folders or files on other locations (by using the config.json)
|
||||||
**ToDo**
|
- [x] A package.json because it seems to be important nowadays
|
||||||
- Mounting of folders or files on other locations (by using the config.json)
|
- [x] HTTP-Statuscode integration with specific pages
|
||||||
- a package.json because it seems to be important nowadays
|
- [ ] Handling POST-Methods
|
||||||
|
- [ ] Integrating Backend-Applications via a standardized JSON-interface
|
||||||
|
- [ ] Change from JSON to CSON and consider this in the standardized interface
|
Loading…
Reference in New Issue