Electron跨平台多应用COOL-AI开发应用教程

前提条件

为了更快地安装项目依赖，必须提前安装好cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建应用

1、使用COOL-AI脚手架创建
1、vue create project 
2、cd project 
3、vue add router //如果新建的时候已经选择这步可以忽略 
4、vue add vue-cli-plugin-cool-ai //添加COOL-AI的脚手架插件 
5、npm run serve
vue的router是必须添加的，并且需要将 router 的mode设置为hash

app.json

{
    // 应用ID，用脚手架创建的时候自动生成
    "appId": "z-gK4vSCQ", 
    // 应用名称
    "name": "这是个测试应用", 
    // 版本号
    "version": "0.0.1", 
    // 应用描述
    "description": "测试应用", 
    // 入口文件默认为 index.html 一般不需要修改
    "main": "index.html", 
    // 预加载js， 该js文件会在所有资源文件之前加载
    "preload": "preload.js", 
    // 应用logo， 一般无需修改
    "logo": "logo.png",
    // 应用支持的平台
    "platform": [ "win32", "darwin" ], 
    // 关键字
    "keyWords": [ "cool-ai", "cool" ], 
    // 打开时时候隐藏小酷，如果隐藏了应用显示区域会更大
    "xiaoku": { "hide": false }, 
    // 开发时的配置
    "dev": { 
        // 地址
        "main": "http://127.0.0.1:8081", 
        // 预加载js
        "preload": "src/preload.js", 
         // logo
        "logo": "src/assets/logo.png"
    },
    // preload.js 引用第三方包时需要在此添加
    "build": { "externals": [] } 
}

db.json配置文件

{
    // 是否是云端数据库， false为本地数据库
    "isCloud": false, 
    // 表结构
    "tables": [{
        "name": "user",
        "model": {
            "id:int": {
                "pk": true,
                "ai": true
            },
            "age:int": {
                "default": 13,
                "max": 110,
                "min": 13
            },
            "name:string": {
                "default": "none",
                "notNull": true
            }
        }
    }]
}

表结构详见nanosql

调试应用

1、打开开发者中心

打开或运行COOL-AI->微信扫码登录->点击头像进入开发者中心

2、在开发者中心创建应用

将之前创建好的项目中的app.json文件拖入开发者中心，就会自动创建一个对应的项目

3、运行应用

点击运行按钮，就可以看到对应应用的运行窗口啦

4、上传应用

点击上传按钮，填写版本信息，点确定后应用会自动打包编译并上传