blog.icod.de

Keycloak-js client with Quasar (now updated for v2)

By Darko Luketic 25. February 2021 2 min read 11 Comments

So you’d like to use openid-connect (oidc), especially keycloak (kc) in your Quasar app. There’s a package, @dsb-norge/vue-keycloak-js . I’d recommend you fork it and create your own version with the keycloak-js version that matches your Keycloak server. However it also works with just the version used in this git repository. The git repository is…

Read Article

vue dev server with nginx

By Darko Luketic 10. February 2021 2 min read 0 Comments

The Nginx conf is the same for any sock-js site. It can be used for Vue and Angular and Svelte, not sure about React but I’d guess it uses sock-js as well. My dev domain is qxdsladmin.local in this example. /etc/nginx/conf.d/qxdsladmin.local.conf

server {
listen 80;
listen [::]:80;
server_name qxdsladmin.local;
root /home/darko/WebProjects/qxdsladmin/public/;
index index.html;
error_log /var/log/nginx/qxdsladmin.local.error;
location / {
proxy_pass http://localhost:4201;
proxy_read_timeout 30;
proxy_connect_timeout 30;
proxy_redirect off;
proxy_set_header X-Real-IP          $remote_addr;
proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto  $scheme;
}
location /sockjs-node/ {
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
rewrite ^/(.*)$  /$1  break;
proxy_set_header Host localhost;
proxy_pass http://localhost:4201/;
}
location ~ ^/api/v1/.* {
proxy_pass http://unix:/tmp/qxdsl-proxy.sock;
proxy_read_timeout 30;
proxy_connect_timeout 30;
proxy_redirect off;
proxy_set_header Host               $host;
proxy_set_header X-Real-IP          $remote_addr;
proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto  $scheme;
}
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

server {

listen 80;

listen [::]:80;

server_name qxdsladmin.local;

root /home/darko/WebProjects/qxdsladmin/public/;

index index.html;

error_log /var/log/nginx/qxdsladmin.local.error;

location / {

proxy_pass http://localhost:4201;

proxy_read_timeout 30;

proxy_connect_timeout 30;

proxy_redirect off;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_set_header X-Forwarded-Proto $scheme;

}

location /sockjs-node/ {

proxy_http_version 1.1;

proxy_set_header Upgrade $http_upgrade;

proxy_set_header Connection "upgrade";

rewrite ^/(.*)$ /$1 break;

proxy_set_header Host localhost;

proxy_pass http://localhost:4201/;

}

location ~ ^/api/v1/.* {

proxy_pass http://unix:/tmp/qxdsl-proxy.sock;

proxy_read_timeout 30;

proxy_connect_timeout 30;

proxy_redirect off;

proxy_set_header Host $host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_set_header X-Forwarded-Proto $scheme;

}

This location ~ ^/api/v1/.* is a mountpoint for the backend http api, which…

Read Article

nvm upgrade to latest LTS and migrate all installed packages

By Darko Luketic 9. February 2021 1 min read 0 Comments

This command is also in the readme of nvm, however I put it here on my blog so I don’t have to search the readme and previously google for the readme 😉

nvm install 'lts/*' --reinstall-packages-from=current

1	nvm install 'lts/*' --reinstall-packages-from=current

and then set this version to be the default version

nvm alias default node

1	nvm alias default node

For the record, a link to the readme of nvm

Read Article

Modern efficient backend design

By Darko Luketic 17. January 2021 2 min read 0 Comments

When writing backends with Go, I follow a simple pattern. At the core there is the, well, core object, the service. It has its own configuration struct. In this struct are all the configurations for the related services. It is the central gateway for everything. Connected to it on the back side are all the…

Read Article

Ausgangssperren sind nachteilig im Effekt

By Darko Luketic 21. December 2020 1 min read 0 Comments

Man stelle sich 1000 Menschen vor, die auf einem 24 Meter breiten Streifen entlang bewegen. Diese Menschen halten Abstand usw. Was passiert wenn man den Streifen um 9 Meter verengt? Ist dann die Dichte der Menschen auf diesem Streifen höher oder geringer? Die Antwort ist natürlich wenn sich die selbe Menge Menschen auf kleineren Raum…

Read Article