@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 @alicloud/console-os-loader @alicloud/alfa-core

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

17 days ago

29 days ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

10 months ago

11 months ago

8 months ago

9 months ago

10 months ago

7 months ago

8 months ago

7 months ago

7 months ago

10 months ago

1 year ago

1 year ago

1 year ago

12 months ago

1 year ago

11 months ago

12 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

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

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

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