go/microservices
1
0
Fork 0
mirror of https://github.com/ebosas/microservices.git synced 2025-06-30 22:33:51 +02:00
Code Issues Releases Activity

updates to readme, frontend

Browse Source
This commit is contained in:
ebosas
2021-06-02 12:38:11 +03:00
parent c44f98fac4
commit 75f6da97f5
9 changed files with 58 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.env
View File

@ -2,10 +2,10 @@
# Add this file to .gitignore when using secret data # Add this file to .gitignore when using secret data
# Docker Compose environment # Docker Compose environment
POSTGRES_PASSWORD = demopsw POSTGRES_PASSWORD = postgres
# Connection strings # Connection strings
POSTGRES_URL = postgres://postgres:demopsw@postgres:5432/microservices POSTGRES_URL = postgres://postgres:postgres@postgres:5432/microservices
RABBIT_URL = amqp://guest:guest@rabbitmq:5672 RABBIT_URL = amqp://guest:guest@rabbitmq:5672
SERVER_ADDR = 0.0.0.0:8080 SERVER_ADDR = 0.0.0.0:8080

6
README.md
View File

@ -28,7 +28,7 @@ docker attach microservices_backend
### Database ### Database
To inspect the database, launch a new container that will connect to our Postgres database. Then enter the password `demopsw` (see the `.env` file). To inspect the database, launch a new container that will connect to our Postgres database. Then enter the password `postgres` (see the `.env` file).
```bash ```bash
docker run -it --rm --network microservices_network postgres:13-alpine psql -h postgres -U postgres docker run -it --rm --network microservices_network postgres:13-alpine psql -h postgres -U postgres
@ -40,3 +40,7 @@ Select everything from the messages table:
\c microservices \c microservices
select * from messages; select * from messages;
``` ```
### RabbitMQ management
The RabbitMQ management plugin is accessible by visiting `localhost:15672` with `guest` as both username and password.

40
bootstrap/index.html Normal file
View File

@ -0,0 +1,40 @@
<!doctype html>
<html lang="en">
<head>
<title>Microservices</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="build/style.css">
</head>
<body>
<div id="root" class="vh-100">
<div class="container position-relative h-75">
<div class="position-absolute top-50 start-0 w-100 translate-middle-y">
<div class="row">
<div class="col col-md-8 col-lg-6 mx-auto">
<form>
<div class="input-group">
<input type="text" class="form-control" placeholder="Enter message" aria-label="Enter message" aria-describedby="button-send" />
<button class="btn btn-success" type="submit" id="button-send">Send</button>
</div>
</form>
</div>
</div>
</div>
<div id="notifications" class="position-absolute top-0 start-0 w-100">
<div class="row">
<div class="col col-md-8 col-lg-6 mx-auto mt-5">
<div class="alert alert-primary" role="alert">
<em>Sent</em>: A message sent to the back end.
</div>
<div class="alert alert-success" role="alert">
<em>Received</em>: A message received from the back end.
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

5
bootstrap/package.json
View File

@ -5,9 +5,10 @@
"scripts": { "scripts": {
"css-compile": "sass --load-path node_modules --style compressed --no-source-map -q scss/style.scss:build/style.css", "css-compile": "sass --load-path node_modules --style compressed --no-source-map -q scss/style.scss:build/style.css",
"css-prefix": "postcss --replace build/style.css --use autoprefixer --no-map", "css-prefix": "postcss --replace build/style.css --use autoprefixer --no-map",
"css-purge": "purgecss --keyframes --css build/style.css --content ref/template.html ref/index.js --output css/", "css-purge": "purgecss --keyframes --css build/style.css --content ref/template.html ref/index.js index.html --output css/",
"css": "npm run css-compile && npm run css-prefix && npm run css-purge", "css": "npm run css-compile && npm run css-prefix && npm run css-purge",
"css-server": "sass --load-path node_modules -q scss/style.scss:../server/static/style.css", "css-dev": "sass --load-path node_modules -q scss/style.scss:build/style.css",
"css-server": "sass --load-path node_modules --no-source-map -q scss/style.scss:../server/static/style.css",
"serve": "http-server ./" "serve": "http-server ./"
}, },
"keywords": [], "keywords": [],

2
config/config.go
View File

@ -17,7 +17,7 @@ type Config struct {
func New() *Config { func New() *Config {
return &Config{ return &Config{
ServerAddr: getEnv("SERVER_ADDR", "localhost:8080"), ServerAddr: getEnv("SERVER_ADDR", "localhost:8080"),
PostgresURL: getEnv("POSTGRES_URL", "postgres://postgres:demopsw@localhost:5432/microservices"), PostgresURL: getEnv("POSTGRES_URL", "postgres://postgres:postgres@localhost:5432/microservices"),
RabbitURL: getEnv("RABBIT_URL", "amqp://guest:guest@localhost:5672"), RabbitURL: getEnv("RABBIT_URL", "amqp://guest:guest@localhost:5672"),
Exchange: getEnv("EXCHANGE", "main_exchange"), Exchange: getEnv("EXCHANGE", "main_exchange"),
QueueBack: getEnv("QUEUE_BACK", "backend_queue"), QueueBack: getEnv("QUEUE_BACK", "backend_queue"),

3
react/package.json
View File

@ -4,7 +4,8 @@
"description": "", "description": "",
"scripts": { "scripts": {
"build": "node esbuild.js", "build": "node esbuild.js",
"build-server": "esbuild src/index.jsx --bundle --sourcemap --outdir=../server/static" "build-server": "esbuild src/index.jsx --bundle --outdir=../server/static",
"serve": "esbuild src/index.jsx --outfile=index.js --bundle --sourcemap --serve=8000"
}, },
"keywords": [], "keywords": [],
"author": "", "author": "",

2
react/src/app.jsx
View File

@ -68,7 +68,7 @@ function App(){
React.useEffect(() => { React.useEffect(() => {
clearTimeout(timeout.current); clearTimeout(timeout.current);
timeout.current = setTimeout(() => {setAlerts([])}, 15000); timeout.current = setTimeout(() => {setAlerts([])}, 20000);
return () => { return () => {
clearTimeout(timeout.current); clearTimeout(timeout.current);

2
react/src/index.jsx
View File

@ -2,7 +2,7 @@ import * as React from 'react'
import * as ReactDOM from 'react-dom' import * as ReactDOM from 'react-dom'
import App from './app'; import App from './app';
ReactDOM.hydrate( ReactDOM.render(
<App />, <App />,
document.getElementById('root') document.getElementById('root')
); );

11
server/template.html
View File

@ -23,19 +23,12 @@
</div> </div>
<div id="notifications" class="position-absolute top-0 start-0 w-100"> <div id="notifications" class="position-absolute top-0 start-0 w-100">
<div class="row"> <div class="row">
<div class="col col-md-8 col-lg-6 mx-auto mt-5"> <div class="col col-md-8 col-lg-6 mx-auto mt-5"></div>
<div class="alert alert-primary" role="alert">
A simple primary alert—check it out!
</div>
<div class="alert alert-success" role="alert">
A simple success alert—check it out!
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- <script src="http://127.0.0.1:8000/index.js"></script> -->
<script src="static/index.js"></script> <script src="static/index.js"></script>
</body> </body>
</html> </html>