启动前端

一、LinksUI前端运行

1. 导入git私服的 BladeX-Links-UI 工程
2. 前往根目录执行pnpm install 或 npm install 或 yarn install命令
3. 前往根目录下的vite.config.mjs修改反向代理地址与端口
4. blade-server默认为80端口，如果不是80端口，请修改vite.config.mjs中的proxy配置

   export default ({
     mode,
     command
   }) => {
     const env = loadEnv(mode, process.cwd())
     const {
       VITE_APP_BASE
     } = env
     return defineConfig({
       base: VITE_APP_BASE,
       server: {
         port: 2888,
         proxy: {
           '/api': {
             target: 'http://localhost',// 修改这里的地址和端口号进行开发模式的反向代理
             changeOrigin: true,
             rewrite: (path) => path.replace(/^\/api/, '')
           }
         }
       },
     })
   }

5. 前往/src/config目录下的website.js，修改publicKey与后端保持一致

   export default {
     title: "IOT",
     logo: "X",
     key: 'iot',//配置主键,目前用于存储
     indexTitle: 'BladeX 物联网平台',
     clientId: 'iot', // 客户端id
     clientSecret: 'iot_secret', // 客户端密钥
     auth: {
       // 使用后端工程 @org.springblade.test.Sm2KeyGenerator 获取
       publicKey: '041cb889cccf335fcde7******************************3f5ac2b3542bbb903d84c07636550e8fe599aae4aef53a91cb77cbb1'
     }
   }

6. 命令行输入pnpm run dev，控制台打印如下日志则说明启动成功

   ⋊> ~/W/p/BladeX-Links-UI on dev ⨯ pnpm run dev 
   
   > bladex-iot-admin@1.0.0 dev /Users/bladex/Workspaces/product/BladeX-Links-UI
   > vite --host
   
   VITE v5.2.12  ready in 244 ms
   ➜  Local:   http://localhost:2888/
   ➜  Network: http://172.20.10.13:2888/
   ➜  press h + enter to show help

7. 启动成功后，打开浏览器访问http://localhost:2888即可看到登录页面，账号密码为默认的admin/admin

二、LinksAPP移动端运行

1. 打开HBuilderX，导入git私服的 BladeX-Links-APP 工程
2. 工程未进行npm依赖，所以无需执行npm install命令
3. 前往/common目录下的setting.js，修改API地址与端口，本地H5模式打开无需修改

    // 服务地址配置
    const services = {
      // 开发环境配置
      development: {
        // #ifdef H5
        // H5环境下使用空地址，由反向代理配置转发
        // blade-server服务地址
        server: '',                    
        // #endif
        
        // #ifndef H5
        // 非H5环境(APP、小程序等)使用具体地址
        // blade-server服务地址（若采用cloud架构，则配置网关地址端口）
        server: 'http://localhost',    
        // #endif
      },
      // 生产环境配置
      production: {
        // blade-server服务地址（若采用cloud架构，则配置网关地址端口）
        server: 'https://iotapp.javablade.com',    
      }
    }

4. 前往/common目录下的setting.js，修改publicKey与后端保持一致

    // 认证配置
    const auth = {
      clientId: 'iot',                // 客户端ID
      clientSecret: 'iot_secret',     // 客户端密钥
      tokenTime: 3000,                // token过期时间(秒)
      // 国密sm2公钥(使用后端工程 @org.springblade.test.Sm2KeyGenerator 获取)
      publicKey: '041cb889cccf335fcde7******************************3f5ac2b3542bbb903d84c07636550e8fe599aae4aef53a91cb77cbb1'
    }

5. 选择运行到浏览器便可启动成功，如需打包成APP请参考HBuilderX官方文档
6. 启动成功后，打开浏览器访问http://localhost:8080即可看到登录页面，账号密码为默认的admin/admin