2.4.3 • Published 5 days ago
lowcoder-sdk v2.4.3
lowcoder-sdk
Usage
yarn:
yarn add lowcoder-sdk
npm:
npm install lowcoder-sdk
Integrate Lowcoder's app/module into existing app page
- Publish your app/module in Lowcoder.
- Set the app/module's access privilege as public.
- Add code in your existing app as below.
Import style
import "lowcoder-sdk/dist/style.css";
For react app:
import { LowcoderAppView } from "lowcoder-sdk";
<LowcoderAppView appId="{YOUR_APPLICATION_ID}" />;
LowcoderViewProps
Name | Type | Description | Default value |
---|---|---|---|
appId | string | The app's id in Lowcoder. Required! | -- |
baseUrl | string | Lowcoder's api base url | -- |
onModuleEventTriggered | (eventName: string) => void | Triggered when module's custom event is triggered. Works only when the app is a module. | -- |
onModuleOutputChange | (output: any) => void | Triggered when module's outputs change. Works only when the app is a module. | -- |
Invoke module methods
import { useRef } from "ref";
import { LowcoderAppView } from "lowcoder-sdk";
function MyExistingAppPage() {
const appRef = useRef();
return (
<div>
<LowcoderAppView appId={YOUR_APPLICATION_ID} ref={appRef} />;
<button onClick={() => appRef.current?.invokeMethod("some-method-name")}>
Invoke method
</button>
</div>
);
}
For vanilla js:
import { bootstrapAppAt } from "lowcoder-sdk";
const node = document.querySelector("#my-app");
async function bootstrap() {
const instance = await bootstrapAppAt(YOUR_APPLICATION_ID, node);
// set module inputs
instance.setModuleInputs({ input1: "xxx", input2: "xxx" });
// invoke module methods
instance.setModuleInputs({ input1: "xxx", input2: "xxx" });
// listen module event trigger
instance.on("moduleEventTriggered", (eventName) => {
console.info("event triggered:", eventName);
});
// listen module output change
instance.on("moduleOutputChange", (data) => {
console.info("output data:", data);
});
}
2.4.3
5 days ago
2.4.2
6 days ago
2.4.1
14 days ago
2.4.0
15 days ago
2.4.0-beta-5
27 days ago
2.4.0-beta-3
29 days ago
2.4.0-beta-4
29 days ago
2.4.0-beta-2
1 month ago
2.4.0-beta-1
1 month ago
2.4.0-beta
1 month ago
2.3.2
2 months ago
2.3.4
2 months ago
2.3.3
2 months ago
2.3.1
4 months ago
2.3.0
4 months ago
2.1.11
4 months ago
2.1.10
5 months ago
2.1.9
6 months ago
2.1.6
7 months ago
2.1.7
7 months ago
2.1.2
8 months ago
2.1.1
8 months ago
2.1.4
8 months ago
2.1.3
8 months ago
2.1.5
8 months ago
2.1.0
9 months ago
0.0.41
1 year ago
0.0.40
1 year ago