Merge pull request #8 from hisasann/feature/add-login-logout-logincheck

Feature/add login logout logincheck

Author: hisasann

nuxt.config.ts

@@ -128,7 +128,10 @@ module.exports = {
     }
   },
   router: {
-    middleware: 'check-auth',
+    // リロードのタイミングでは SSR 側で実行される
+    // ルーティングの度に CSR 側で実行される
+    // ログインの必要のない画面でも middleware が実行されるので注意が必要
+    // middleware: 'check-auth',
 
     extendRoutes(routes: any, resolve: any) {
       // https://ja.nuxtjs.org/api/configuration-router/#extendroutes

src/@types/vue-types-vue__$axios.d.ts

@@ -1,7 +1,40 @@
+import { AxiosInstance, AxiosRequestConfig, AxiosError } from 'axios'
 import Vue from 'vue'
 
+interface NuxtAxiosInstance extends AxiosInstance {
+  // * Methods
+  $request<T = any>(config: AxiosRequestConfig): Promise<T>
+  $get<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>
+  $delete<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>
+  $head<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>
+  $options<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>
+  $post<T = any>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T>
+  $put<T = any>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T>
+  $patch<T = any>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T>
+  // * Helpers
+  onRequest(fn: (config: AxiosRequestConfig) => void): void
+  onResponse<T = any>(fn: (response: T) => void): void
+  onError(fn: (error: AxiosError) => void): void
+  onRequestError(fn: (error: AxiosError) => void): void
+  onResponseError(fn: (error: AxiosError) => void): void
+  setHeader(name: string, value: any, scopes?: string | string[]): void
+  setToken(token: string, type: string, scopes?: string | string[]): void
+}
+
 declare module 'vue/types/vue' {
   interface Vue {
-    $axios: any
+    $axios: NuxtAxiosInstance
   }
 }

src/common/constants/api.ts

@@ -0,0 +1,12 @@
+import Env from '@/common/env/'
+
+const getBffUrl = (path: string): string => [Env.url, path].join('')
+
+export const API_ENDPOINT = {
+  /** ログイン状態チェック */
+  LOGIN_CHECK: getBffUrl('/login-check'),
+  /** ログイン */
+  LOGIN: getBffUrl('/login'),
+  /** ログアウト */
+  LOGOUT: getBffUrl('/logout')
+}

src/common/constants/index.ts

@@ -6,3 +6,4 @@ console.log('process.env.NODE_ENV: ', process.env.NODE_ENV)
 console.log('RUNTIME_ENV: ', process.env.RUNTIME_ENV)
 
 export * from './pjName'
+export * from './api'

src/common/env/env.dev.ts

@@ -1,5 +1,6 @@
 const Env = {
-  envName: 'dev'
+  envName: 'dev',
+  url: 'http://localhost:5000'
 }
 
 export default Env

src/common/env/env.prod.ts

@@ -1,5 +1,6 @@
 const Env = {
-  envName: 'prod'
+  envName: 'prod',
+  url: 'http://localhost:5000'
 }
 
 export default Env

src/common/env/env.stg.ts

@@ -1,5 +1,6 @@
 const Env = {
-  envName: 'stg'
+  envName: 'stg',
+  url: 'http://localhost:5000'
 }
 
 export default Env

src/common/env/index.ts

@@ -1,11 +1,11 @@
 import EnvDev from './env.dev'
 import EnvStg from './env.stg'
 import EnvProd from './env.prod'
-import { EnvInterface } from '@/interface/EnvInterface'
+import { IEnv } from '@/interface/IEnv'
 
 console.log('process.env.NODE_ENV: ', process.env.NODE_ENV)
 
-let Env: EnvInterface
+let Env: IEnv
 if (process.env.NODE_ENV === 'production') {
   Env = EnvProd
 } else if (process.env.NODE_ENV === 'staging') {

src/interface/ApiPayloadInterface.d.ts renamed to src/interface/IApiPayload.d.ts

@@ -1,6 +1,6 @@
 /**
  * Api Payload インターフェイス
  */
-export interface ApiPayloadInterface {
+export interface IApiPayload {
   hoge: string
 }

src/interface/EnvInterface.d.ts renamed to src/interface/IEnv.d.ts

@@ -1,6 +1,7 @@
 /**
  * Env インターフェイス
  */
-export interface EnvInterface {
+export interface IEnv {
   envName: string
+  url: string
 }