#139 | Use reverse proxy in local-staging mode for development

client/Makefile

@@ -4,22 +4,34 @@ clean:
 deps:
  npm install --legacy-peer-deps
 
+define _create_env
+ cp ./env-templates/$1.template .env
+endef
+
 start:
+ $(call _create_env,development)
+ npm run dev
+
+start-local-staging:
+ $(call _create_env,local.staging)
  npm run dev
 
 _build-app:
- cp ./env-templates/$(template) .env
+ $(call _create_env,)
  npm run build
 
 build-app:
- make _build-app template=development.template
+ $(call _create_env,development)
+ npm run build
 
 build-app-prod:
- make _build-app template=production.template
+ $(call _create_env,production)
+ npm run build
 
 build-app-staging:
- make _build-app template=staging.template
+ $(call _create_env,staging)
+ npm run build
 
 build-app-prerelease:
- make _build-app template=prerelease.template
-
+ $(call _create_env,prerelease)
+ npm run build

client/env-templates/local.staging.template

@@ -0,0 +1,7 @@
+NEXT_PUBLIC_IMAGE_LIST_URL=/etl/media
+NEXT_PUBLIC_DOWNLOAD_REQUEST_URL=/media-viewer/requestDownload
+NEXT_PUBLIC_DOWNLOAD_LIST_URL=/media-viewer/allData
+NEXT_PUBLIC_OPERATIONAL_MODULE=/web/operationalModules
+NEXT_PUBLIC_FORMS=/web/form/
+NEXT_PUBLIC_TOP_ADDRESS=/locations/search/find
+NEXT_PUBLIC_WEBAPP_BASE_URL=http://localhost:6010

client/middleware.js

@@ -0,0 +1,27 @@
+const mediaViewerService = "http://localhost:8023/media-viewer";
+const etlService = "http://localhost:8022/";
+const mainService = "http://localhost:8021/";
+
+import {NextResponse} from 'next/server'
+
+// console.log("Middleware used");
+
+export function middleware(request) {
+ const pathname = request.nextUrl.pathname;
+ // console.log("Path:", pathname);
+
+ if (pathname.startsWith('/web') || pathname.startsWith("/location")) {
+ const url = new URL(pathname, mainService);
+ // console.log("Rewriting to ", JSON.stringify(url));
+ return NextResponse.rewrite(url);
+ }
+ if (pathname.startsWith('/etl')) {
+ // console.log(request.nextUrl);
+ const url = new URL(pathname.replace("/etl", "")+request.nextUrl.search, etlService);
+ // console.log("Rewriting to ", JSON.stringify(url));
+ return NextResponse.rewrite(url);
+ }
+ if (pathname.startsWith('/media-viewer')) {
+ return NextResponse.rewrite(new URL(pathname, mediaViewerService))
+ }
+}