florian/ExpressJS-Mongo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add frontend to be served by backend.

Browse Source
This commit is contained in:
Florian THIERRY - Takiguchi
2020-12-28 15:19:09 +01:00
parent 94226c140e
commit 391be9b833
18 changed files with 4905 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
backend/public/index.html Normal file
View File

@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>Vanilla JS frontend app.</title>
</head>
<body>
<div id="content"></div>
<script type="application/javascript" src="./bundle.js"></script>
</body>
</html>

1
src/js/app.js → backend/src/js/app.js
View File

@@ -8,6 +8,7 @@ const port = 3000;
const app = express(); const app = express();
app.use(bodyParser.urlencoded({ extended: true })); app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json()); app.use(bodyParser.json());
app.use(express.static('backend/public'));
app.use('/apps', applicationController); app.use('/apps', applicationController);
app.use('/users', userController); app.use('/users', userController);

2
src/js/configuration.js → backend/src/js/configuration.js
View File

@@ -1,6 +1,6 @@
const fs = require('fs'); const fs = require('fs');
const yaml = require('yaml'); const yaml = require('yaml');
const configurationFile = fs.readFileSync('src/resources/application.yml', 'utf8'); const configurationFile = fs.readFileSync('backend/src/resources/application.yml', 'utf8');
const configuration = yaml.parse(configurationFile); const configuration = yaml.parse(configurationFile);
module.exports = configuration; module.exports = configuration;

0
src/js/controller/applicationCtrl.js → backend/src/js/controller/applicationCtrl.js
View File

0
src/js/controller/templateCtrl.js → backend/src/js/controller/templateCtrl.js
View File

0
src/js/controller/userCtrl.js → backend/src/js/controller/userCtrl.js
View File

0
src/js/filter/authenticationFilter.js → backend/src/js/filter/authenticationFilter.js
View File

0
src/js/repository/mongoClient.js → backend/src/js/repository/mongoClient.js
View File

0
src/js/repository/repository.js → backend/src/js/repository/repository.js
View File

0
src/js/service/passwordService.js → backend/src/js/service/passwordService.js
View File

0
src/js/service/tokenService.js → backend/src/js/service/tokenService.js
View File

0
src/js/service/userService.js → backend/src/js/service/userService.js
View File

6
src/resources/application.yml → backend/src/resources/application.yml
View File

@@ -1,9 +1,9 @@
mongodb: mongodb:
url: 'localhost' url: 'localhost'
port: 27017 port: 27017
username: 'application_user' username: 'god'
password: 'P@ssword1' password: 'P@ssword'
database: 'db_application' database: 'admin'
security: security:
jwt: jwt:
secret: 5ubtcCCo7hWBqjNGtzzVKnLT1KxN9uS4D6kRZowCunZAYPmxtKy6mvgoxANe4WqLVfiVI7AZSVqZCtvlSWFwIsnXGH6lxeKG0U8Wu7Kw0jwfFOGLvlO8bXaB secret: 5ubtcCCo7hWBqjNGtzzVKnLT1KxN9uS4D6kRZowCunZAYPmxtKy6mvgoxANe4WqLVfiVI7AZSVqZCtvlSWFwIsnXGH6lxeKG0U8Wu7Kw0jwfFOGLvlO8bXaB

2
docker/docker-compose.yml
View File

@@ -1,4 +1,4 @@
version: "3.6" version: "3.0"
services: services:
mongo: mongo:
container_name: "mongo" container_name: "mongo"

7
frontend/src/index.js Normal file
View File

@@ -0,0 +1,7 @@
console.log('Hello world! ++++++');
document.getElementById('content').innerHTML = `
<div>
<h1>Hello world!</h1>
</div>
`;

24
frontend/webpack.config.js Normal file
View File

@@ -0,0 +1,24 @@
const webpack = require("webpack");
const path = require("path");
const UglifyJSPlugin = require("uglifyjs-webpack-plugin");
let config = {
entry: "./frontend/src/index.js",
output: {
path: path.resolve(__dirname, "../backend/public"),
filename: "bundle.js"
},
devServer: {
contentBase: path.resolve(__dirname, "../backend/public"),
historyApiFallback: true,
inline: true,
open: true,
hot: true
},
plugins: [
new UglifyJSPlugin(),
new webpack.SourceMapDevToolPlugin({})
],
devtool: "eval-source-map"
}
module.exports = config;

4849
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

12
package.json
View File

@@ -4,8 +4,9 @@
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"start": "nodemon ./src/js/app.js localhost 3000", "start": "npm-run-all --parallel start-frontend start-backend",
"test": "echo \"Error: no test specified\" && exit 1" "start-backend": "nodemon ./backend/src/js/app.js localhost 3000",
"start-frontend": "webpack --watch --config frontend/webpack.config.js"
}, },
"keywords": [], "keywords": [],
"author": "", "author": "",
@@ -20,6 +21,11 @@
"devDependencies": { "devDependencies": {
"eslint": "^7.4.0", "eslint": "^7.4.0",
"eslint-plugin-node": "^11.1.0", "eslint-plugin-node": "^11.1.0",
"nodemon": "^2.0.4" "nodemon": "^2.0.4",
"uglifyjs-webpack-plugin": "^2.2.0",
"webpack": "^4.41.2",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.9.0",
"npm-run-all": "^4.1.5"
} }
} }