跳至主要內容

Thisky大约 1 分钟

开发教程

在开发之前,我们需要准备一些材料,当然,您也可以使用HiLab这个示例项目里的素材,逐步替换成自己的素材。

HiLab代码库:
Gitee版本传送门open in new window

可下载release文件夹中的打包文件,直接解压后参照着写。

首先,我们来修改manifest里的应用信息。

这里我们主要是修改应用名称和入口。

{
  "name": "HiLab",  //名称
  "description": "Gitlab的工作台版本",  //简介
  "logo": "/logo.png",  //图标,以/开头
  "modules": {
    "main": {
      "entry": "/index.html", //入口,调试时请使用url例如 http://localhost:1600
      "width": "600px",
      "height": "600px"
    },
    "card": {
      "entry": "/index.html", //入口,调试时请使用url例如 http://localhost:1600
      "size": "4x4",
      "preview": "/logo.png"
    }
  }
}

注意,因为每次安装写入的应用信息就固定了,所以开发环境下,我们需要安装一个测试包。

为了保留热更新的能力,我们需要将entry属性改为热更新的url

例如我的项目是
http://localhost:1600open in new window

那么,entry就可以写这个。

我们将这个json文件保存为manifest.json,注意,标准的json是不支持注释的,请删除掉上面//斜杠开头的内容。

然后我们将此文件直接压缩成一个.zip的压缩包。

也可以修改HiLab里的文件,直接更新压缩包。
然后我们就可以在工作台安装这个应用了。

10.x版本还未开放用户GUI,所以请大家在设置-》开发模式
image.png

image.png
image.png
安装成功后,会出现一个新应用。
然后我们继续下一课。