Merge pull request #1942 from walt-id/fix/portal2-local-testing

Fix/portal2 local testing

Author: dinkar-jain

waltid-applications/waltid-web-portal2/.env.example

@@ -1,5 +1,7 @@
 NUXT_PUBLIC_ISSUER_BASE=http://localhost:7002
+NUXT_ISSUER_PROXY_TARGET=
 NUXT_PUBLIC_VERIFIER_BASE=http://localhost:7003
+NUXT_VERIFIER_PROXY_TARGET=
 NUXT_PUBLIC_WALLET_URL=http://localhost:7101
 NUXT_PUBLIC_VERIFIER_KEY_JWK=
 NUXT_PUBLIC_VERIFIER_X5C=

waltid-applications/waltid-web-portal2/nuxt.config.ts

@@ -1,5 +1,8 @@
 import { defineNuxtConfig } from "nuxt/config";
 
+const issuerProxyTarget = process.env.NUXT_ISSUER_PROXY_TARGET?.replace(/\/+$/, "");
+const verifierProxyTarget = process.env.NUXT_VERIFIER_PROXY_TARGET?.replace(/\/+$/, "");
+
 export default defineNuxtConfig({
   devtools: { enabled: true },
   ssr: false,
@@ -17,9 +20,11 @@ export default defineNuxtConfig({
   runtimeConfig: {
     public: {
       issuerBase:
-        process.env.NUXT_PUBLIC_ISSUER_BASE || "http://localhost:7005",
+        process.env.NUXT_PUBLIC_ISSUER_BASE ||
+        (issuerProxyTarget ? "/issuer-api" : "http://localhost:7005"),
       verifierBase:
-        process.env.NUXT_PUBLIC_VERIFIER_BASE || "http://localhost:7004",
+        process.env.NUXT_PUBLIC_VERIFIER_BASE ||
+        (verifierProxyTarget ? "/verifier-api" : "http://localhost:7004"),
       walletUrl: process.env.NUXT_PUBLIC_WALLET_URL || "http://localhost:7101",
       verifierKeyJwk: process.env.NUXT_PUBLIC_VERIFIER_KEY_JWK || "",
       verifierX5c: process.env.NUXT_PUBLIC_VERIFIER_X5C || "",

waltid-applications/waltid-web-portal2/server/routes/issuer-api/[...path].ts

@@ -0,0 +1,6 @@
+import { defineEventHandler } from "h3";
+import { proxyToTarget } from "../../utils/proxy";
+
+export default defineEventHandler((event) =>
+  proxyToTarget(event, /^\/issuer-api/, "NUXT_ISSUER_PROXY_TARGET"),
+);

waltid-applications/waltid-web-portal2/server/routes/verifier-api/[...path].ts

@@ -0,0 +1,6 @@
+import { defineEventHandler } from "h3";
+import { proxyToTarget } from "../../utils/proxy";
+
+export default defineEventHandler((event) =>
+  proxyToTarget(event, /^\/verifier-api/, "NUXT_VERIFIER_PROXY_TARGET"),
+);

waltid-applications/waltid-web-portal2/server/utils/proxy.ts

@@ -0,0 +1,26 @@
+import {
+  createError,
+  getRequestURL,
+  type H3Event,
+  proxyRequest,
+} from "h3";
+
+export function proxyToTarget(event: H3Event, prefix: string | RegExp, envName: string) {
+  const target = process.env[envName]?.replace(/\/+$/, "");
+
+  if (!target) {
+    throw createError({
+      statusCode: 502,
+      statusMessage: `${envName} is not configured`,
+    });
+  }
+
+  const requestUrl = getRequestURL(event);
+  const proxyPath = requestUrl.pathname.replace(prefix, "");
+
+  return proxyRequest(event, `${target}${proxyPath}${requestUrl.search}`, {
+    headers: {
+      "ngrok-skip-browser-warning": "true",
+    },
+  });
+}