@alicloud/console-os-kernal NPM

Console OS Kernal

Kernal for Console OS

TODO

load app by single bundle
load app by manifest
security sandbox
cache by service work

How to use

First

npm i @alicloud/console-os-kernal --save
# or
yarn add @alicloud/console-os-kernal --save
# or
tnpm i @alicloud/console-os-kernal --save

Then you create you sub application using createMicroApp

import { createMicroApp, load, mount, unmount } from '@alicloud/console-os-kernal';

const microApp = await createMicroApp({
  id: 'micro-app-id-1',
  manifest: 'https://xxx.micro-app-id-1.manifest.json';
});

await load(microApp);

await mount(microApp, {
  dom: document.querySelector('#app'),
  props
});

await update(microApp, {/* you props */});

await unmount(microApp);

Last, in the entry code of you main app, call start to start os

// in the start of main app

import { start } from '@alicloud/console-os-kernal';

start();

React

If you are using react as your UI framework, you can use sub app as a jsx element by using @alicloud/console-os-react-app

import ConsoleApp from '@alicloud/console-os-react-app'

const MANIFEST_URL = 'http://g.alicdn.com/aliyun-next/slb.manifest.json'

export default () => (
  <ConsoleApp
    manifest={MANIFEST_URL}
  />
)

Build bundle

In OS, an app bundle is built by breezr, you can use @alicloud/console-toolkit-plugin-os to build your bundle

/* breezr.config.js */

module.exports = {
  /*
   * other breezr config
   */
  plugins: [
    '@alicloud/console-toolkit-plugin-os'
  ]
}

@alicloud/console-os-browser-vm @alicloud/console-os-events @alicloud/console-os-loader @types/lru-cache axios escape-string-regexp lru-cache object-assign os-single-spa postcss tslib

@infinitebrahmanuniverse/nolb-_aliclo @everything-registry/sub-chunk-43 @musiteam/tao @zalastax/nolb-_alicl @alicloud/alfa-core @alicloud/alfa-kernel @alicloud/console-os-ng-app @alicloud/console-os-react-app @alicloud/console-os-vue-host-app

5 months ago

6 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago