[#36] Development backend server env

.gitignore

@@ -0,0 +1 @@
+.env

app/.gitignore

@@ -18,3 +18,6 @@ web-build/
 
 # coverage generated by jest
 coverage
+
+# generated env from docker
+.env

app/babel.config.js

@@ -7,6 +7,16 @@ module.exports = function (api) {
       ['@babel/plugin-transform-class-properties', { loose: true }],
       ['@babel/plugin-transform-private-methods', { loose: true }],
       ['@babel/plugin-transform-private-property-in-object', { loose: true }],
+      [
+        'module:react-native-dotenv',
+        {
+          moduleName: '@env',
+          path: '.env',
+          blocklist: ['GITHUB_TOKEN'],
+          safe: false,
+          allowUndefined: true,
+        },
+      ],
     ],
   };
 };

app/package.json

@@ -53,6 +53,7 @@
     "jest-expo": "^48.0.2",
     "jest-react-native": "^18.0.0",
     "prettier": "2.8.8",
+    "react-native-dotenv": "^3.4.9",
     "react-native-testing-library": "^6.0.0",
     "react-test-renderer": "^18.2.0"
   },

app/src/build.js

@@ -0,0 +1,9 @@
+import { SERVER_URL } from '@env';
+import build_json from './build.json';
+
+const defaultBuildParams = {
+  ...build_json,
+  serverURL: SERVER_URL,
+};
+
+export default defaultBuildParams;

app/src/build.json

@@ -1,6 +1,6 @@
 {
   "authenticationType": ["code_assignment", "username", "password"],
-  "serverURL": "https://api.example.com/nmis",
+  "serverURL": null,
   "debugMode": false,
   "dataSyncInterval": 300,
   "errorHandling": true,

app/src/lib/api.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import defaultBuildParams from '../build.json';
+import defaultBuildParams from '../build.js';
 
 export const config = {
   baseURL: defaultBuildParams?.serverURL, // server URL from setting

app/src/store/buildParams.js

@@ -1,5 +1,5 @@
 import { Store } from 'pullstate';
-import defaultBuildParams from '../build.json';
+import defaultBuildParams from '../build';
 
 const BuildParamsState = new Store({
   authenticationType: defaultBuildParams?.authenticationType || [

app/start.sh

@@ -1,4 +1,5 @@
 #!/bin/sh
 
+echo "SERVER_URL=${BACKEND_IP_ADDRESS}" > .env
 npm install
 npm start

docker-compose.override.yml

@@ -2,6 +2,8 @@
 version: "3.9"
 services:
   mobileapp:
+    environment:
+      - BACKEND_IP_ADDRESS=http://${IP_ADDRESS}:8080
     volumes:
       - nmis-mobile-sync:/app/node_modules:nocopy
   backend: