一、组件开发后需在plugin目录下plugin.json文件中配置自开发组件。
{
"publicComponents": {
"project-select-view": "components/project-select-view/index",
"statistical-indicator-view": "components/statistical-indicator-view/index",
"component-template": "components/component-template/index",
"chart": "components/chart/index",
"custodo": "components/***/***"
},
"main": "index.js"
}
二、推荐使用Ding Design来加速组件开发,DingDesign 。
三、对于需要外部接口提供数据的情况,需要通过getSdk().request()的方式请求。前提是需要配置数据源,且接口地址为外网可访问地址。
const data = await getSdk().request(this.props.componentProps.getData1,{param1: 'test'},{
// sdk.request的第三个参数,输入注册数据源的信息
url: '***',
apiKey: 'DBSJ',
httpMethod: 'POST',
// 参数名以英文逗号分隔,第二个参数中发送的请求参数,必须在数据源注册界面的"参数"字段注册过才能生效
params: 'param1',
apiSecret: '***',
// 可以mock userid 和 corpId,请注意大小写。userid 的 i 小写,corpId 的 I 大写。
// 请确保mock的 userid 和 corpId 是真实存在的,以防服务端出错
system: {
userid: '***',
corpId: '123',
}}
);