@alicloud/alfa-react NPM

Alfa (React Version)

标准微前端 API 的 React 版本，面向最终用户。

Usage

创建 Alfa 微应用

import { createAlfaWidget, createAlfaApp } from '@alicloud/alfa-react';

const AlfaMicroApp = createAlfaWidget({
  name: '@ali/example',
  version: '1.0'
});


const App = () => {
  return <AlfaMicroApp />
}

创建历史 Widget

import { createAlfaWidget } from '@alicloud/alfa-react';

const AlfaWidget = createAlfaWidget({
  name: '@ali/example',
  version: '1.x'
});


const App = () => {
  return <AlfaWidget />
}

import { createAlfaWidget } from '@alicloud/alfa-react';

const AlfaWidget = createAlfaWidget({
  name: '@ali/example',
  url: 'https://some-url/index.js',
  runtimeVersion: '1.9.3',
  env: 'pre'
});


const App = () => {
  return <AlfaWidget />
}

API

createAlfaWidget(AlfaFactoryOption) or createAlfaApp(AlfaFactoryOption)

AlfaFactoryOption

属性名	类型	说明	默认值
name	`id: string;`	widget or alfa app ID	-
version	`version?: string;`	微应用版本	-
env	`env?: 'prod' \| 'local' \| 'pre' \| 'daily'`	当前环境	-
loading	`loading?: boolean \| React.ReactChild;`	微应用加载的 loading 展示	-
url	`url?: string;`	JS entry 的 URL	-
manifest	`url?: string;`	ConsoleOS 的 manifest	-

WidgetFactoryOption

createAlfaWidget(WidgetFactoryOption)

属性名	类型	说明	默认值
name	`id: string;`	widget or alfa app ID	-
version	`version: string;`	微应用版本	-
env	`env?: 'prod' \| 'local' \| 'pre' \| 'daily'`	当前环境	-
loading	`loading?: boolean \| React.ReactChild;`	微应用加载的 loading 展示	-
url	`url?: string;`	JS entry 的 URL	-
runtimeVersion	`runtimeVersion?: string;`	Widgtet runtime 版本	-

widgetEventEmitter

import { widgetEventEmitter } from '@alicloud/alfa-react'; 

widgetEventEmitter.on('event', handleEvent)

widgetEventEmitter.emit('event', [a, b])

@alicloud/console-base-messenger @alicloud/widget-utils-console @alicloud/xconsole-context axios classnames crypto-js prop-types react-lazyload @alicloud/alfa-core @alicloud/console-os-loader

@infinitebrahmanuniverse/nolb-_aliclo @everything-registry/sub-chunk-43 @alicloud/xconsole @zalastax/nolb-_alicl

2 months ago

3 months ago

3 months ago

3 months ago

4 months ago

3 months ago

4 months ago

4 months ago

7 months ago

8 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year 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

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

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

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