Merge pull request #8 from gempesaw/dg/frontend-env-vars-for-finding-…

…backend

Let the frontend specify where the backend is via env vars

README.md

@@ -39,6 +39,16 @@ From `./frontend`, run:
 npm run dev
 ```
 
+### Change where the backend listens
+
+You can run the backend on different bind addresses, but you'll need to update
+the frontend too:
+
+```
+go run ../cmd/bb_portal/main.go --bind-http=:9091 --bind-grpc=:9092 &
+NEXT_PUBLIC_BES_BACKEND_URL=http://localhost:9091 NEXT_PUBLIC_BES_GRPC_BACKEND_URL=grpc://localhost:9092 npm run dev
+```
+
 ## Using the Application
 
 Go to http://localhost:8081.

frontend/.env

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_BES_BACKEND_URL=http://localhost:8081
+NEXT_PUBLIC_BES_GRPC_BACKEND_URL=grpc://localhost:8082

frontend/src/app/page.tsx

@@ -6,7 +6,7 @@ import styles from './page.module.css';
 import Content from '@/components/Content';
 import Uploader from '@/components/Uploader';
 
-const bazelrcLines = 'build --bes_backend=grpc://localhost:8082\nbuild --bes_results_url=http://localhost:8081/bazel-invocations/';
+const bazelrcLines = `build --bes_backend=${process.env.NEXT_PUBLIC_BES_GRPC_BACKEND_URL}\nbuild --bes_results_url=${process.env.NEXT_PUBLIC_BES_BACKEND_URL}/bazel-invocations/`;
 
 export default function Home() {
   return (

frontend/src/components/ApolloWrapper/index.tsx

@@ -11,7 +11,7 @@ import possibleTypes from './possibleTypes.json';
 
 export const makeClient = () => {
   const httpLink = new HttpLink({
-    uri: "http://localhost:8081/graphql",
+    uri: `${process.env.NEXT_PUBLIC_BES_BACKEND_URL}/graphql`,
     fetchOptions: { cache: "no-store" },
   });