React 後臺管理系統

Quick Start

1. 請先將後端 go-boilerplate 或是 laravel-boilerplate Run起來。

2. git clone https://github.com/fantasy9830/react-boilerplate.git

3. cd react-boilerplate

4. npm install && npm start

5. 測試用帳密：admin:admin or demo:demo，兩者權限不同。

   注意：記得把所有相關 .env 檔案中的 REACT_APP_API_URL 修改成你後端的路徑。

build

• npm run build

Routing

• /src/layouts/menus.js

Auth

• 使用後端 go-boilerplate 或是 laravel-boilerplate 設定權限，對應/src/layouts/menus.js的key值。

Features

• Redux
• React Router
• Ant Design + Ant Design Pro
• React Icons
• Styled Components
• i18next多國語系
• 登入認證功能(JWT)
• 權限管理功能
• husky + lint-staged + prettier
• Code Splitting(React.lazy)
• TypeScript
• RxJS + redux-observable

WebSocket Test

  const token = 'xxxxx';
  const ws = new WebSocket(`wss://192.168.10.11/api/v1/ws?access_token=${token}`)
  
  ws.onmessage = event => {
    console.log(event)
  }