3 Star 27 Fork 11

skywolf627 / LocalNas

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 2.36 KB
一键复制 编辑 原始数据 按行查看 历史
skywolf627 提交于 2022-11-09 14:32 . update MacUI/README.md.

Local Nas

🎁 介绍

技术栈:Vite,TypeScript,Vue3,Pinia,EventBus,SingalR

📖 准备工作

  1. 安装最新版的Node环境
  2. 安装PNPM 官网(前端安装依赖)
  3. 安装PM2 官网(部署)

📖 使用说明

  1. 安装依赖
pnpm install
  1. 修改配置文件
  • .env.development 开发环境
VITE_GLOB_API_URL=http://localhost:50888
VITE_GLOB_SIGNALR_URL=http://localhost:50888
  • .env.production 生产环境
VITE_GLOB_API_URL=/
#signalR链接 如果配置的是域名是 / 那么使用当前域名(前端部署在服务端的wwwroot中)  
VITE_GLOB_SIGNALR_URL=/ 
  1. 运行
pnpm dev
  1. 编译
pnpm build

开发说明

  1. 新增APP窗口
    • 添加窗口定义 /src/model/app.ts
//APP定义
interface AppInfo {
  pid: string | undefined;
  key: string;    //唯一标识
  component: string;    //组件名称,多个APP可以共用  参考 MicrosoftGame 和 Aria2 应用
  componentPath: string;    //可为空,
  icon: string;    //图标 iconfont, 运行后在桌面的字体图标APP中,点击图标复制图标名称
  title: string;    //应用名称
  iconColor: string;    //应用图标颜色
  iconBgColor: string;    //应用图标背景色
  width: number;    //默认宽度
  height: number;    //默认高度
  disableResize: boolean;    //是否禁止用户调整应用大小
  hideInDesktop: boolean;    //是否不显示在桌面  参考 video_player(视频播放器)  ,功能性组件不需要显示在桌面
  hideWhenClose: boolean | undefined;    //点击关闭时,只隐藏不关闭。适合需要长期运行的APP,比如日志,IM等
  keepInDock: boolean;    //是否在DOCK栏显示
  menu: AppInfoMenu[];    //打开APP后,在顶部显示菜单
  mustAdmin?: boolean;    //是否只有管理员可见
  src: "" | undefined; //iframe组件 加载的链接地址
}
interface AppInfoMenu {
  key: string;    //唯一标识,点击菜单会根据此key通过事件总线发送消息
  title: string;    //菜单名称
  sub: AppInfoMenu[];    //子菜单
}
  • 初始化应用 /src/components/App.vue
switch (props.app?.component) {
  case "Wankeyun":    //应用的key
    _com = defineAsyncComponent(() => import("@/view/application/wankeyun.vue"));    //应用的vue文件
    break;
}
1
https://gitee.com/skywolf627/local-nas.git
git@gitee.com:skywolf627/local-nas.git
skywolf627
local-nas
LocalNas
dev

搜索帮助

53164aa7 5694891 3bd8fe86 5694891