feat(env): add internalEndpointUrl and externalEndpointUrl

Author: hisasann

nuxt.config.ts

@@ -10,7 +10,11 @@ module.exports = {
   srcDir: 'src/',
 
   env: {
-    NODE_ENV: process.env.NODE_ENV
+    NODE_ENV: process.env.NODE_ENV,
+    BUILD_ENV: process.env.BUILD_ENV,
+    envName: process.env.envName,
+    internalEndpointUrl: process.env.internalEndpointUrl,
+    externalEndpointUrl: process.env.externalEndpointUrl
   },
 
   // https://qiita.com/toaru/items/0690a9110c94052bb479

src/common/constants/api.ts

@@ -1,6 +1,18 @@
 import Env from '@/common/env/'
 
-const getBffUrl = (path: string): string => [Env.url, path].join('')
+/**
+ * BFF（バックエンドフォーフロントエンド）用の URL を作成する
+ * @param path
+ */
+const getBffUrl = (path: string): string => {
+  let url: string
+  if (process.server) {
+    url = [Env.internalEndpointUrl, path].join('')
+  } else {
+    url = [Env.externalEndpointUrl, path].join('')
+  }
+  return url
+}
 
 /** API のエンドポイント */
 export const API_ENDPOINT = {

src/common/env/env.dev.ts

@@ -0,0 +1,7 @@
+const Env = {
+  envName: 'local',
+  internalEndpointUrl: 'http://localhost:5000',
+  externalEndpointUrl: 'http://localhost:5000'
+}
+
+export default Env

src/common/env/env.local.ts

@@ -1,17 +1,22 @@
-import EnvDev from './env.dev'
-import EnvStg from './env.stg'
-import EnvProd from './env.prod'
+import EnvLocal from './env.local'
 import { IEnv } from '@/interface/IEnv'
 
 console.log('process.env.NODE_ENV: ', process.env.NODE_ENV)
+console.log('process.env.BUILD_ENV: ', process.env.BUILD_ENV)
 
 let Env: IEnv
-if (process.env.NODE_ENV === 'production') {
-  Env = EnvProd
-} else if (process.env.NODE_ENV === 'staging') {
-  Env = EnvStg
+if (process.env.BUILD_ENV === 'docker') {
+  /** docker のビルド環境の環境変数から値を取ってくる */
+  Env = {
+    envName: process.env.envName,
+    internalEndpointUrl: process.env.internalEndpointUrl,
+    externalEndpointUrl: process.env.externalEndpointUrl
+  } as IEnv
 } else {
-  Env = EnvDev
+  /** docker でビルドされていない場合は、 .env.local から値を取ってくる */
+  Env = EnvLocal
 }
 
+console.log('Env:', Env)
+
 export default Env

src/common/env/env.prod.ts

@@ -2,6 +2,10 @@
  * Env インターフェイス
  */
 export interface IEnv {
+  /** 環境名 */
   envName: string
-  url: string
+  /** 内部向けエンドポイント URL */
+  internalEndpointUrl: string
+  /** 外部向けエンドポイント URL */
+  externalEndpointUrl: string
 }