</div>

<imgsrc="https://1167272343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjNgeI0mUzgw6Re92iTOw%2Fuploads%2FnwXJC1XBqP2MvTQitPyo%2FApp%20Editor%20%7C%20Main%20Screeen%20clean.png?alt=media&token=e5fba81b-82a7-4c0e-a15d-baa781d5b13a"/>

<divalign="center">

</div>

1. Connect to any data sources or APIs.

2. Build flexible and responsive UI with100+ components and free layout / design possibilities.

2. Build flexible and responsive UI with120+ components and free layout / design possibilities.

3. Share with colleagues and customers.

One platform for everything instead so many different softwares. (like Website Builders, CMS, CRM, POS, ERP, Dashboards & Data Story Visualization, Collaboration Tools).

It's cumbersome to create a single app. You had to design user interfaces, write code in multiple languages and frameworks, and understand how all of that code works together.

NewGen Lowcode Platforms like Retool and others are great for their simplicity and flexibility - like Lowcoder too, but they can also be limited in different ways, especially when it comes to "external" applications for everyone.

NewGen Lowcode Platforms like Retool and others are great for their simplicity and flexibility - like Lowcoder too, but they can also be limited in different ways, especially when it comes to "external" applications for everyone - because their pricing focusses to internal apps and "pay per User".

Lowcoderwants to take a step forward. More specifically, Lowcoder is:

WithLowcoderwe did a step forward. More specifically, Lowcoder is:

- An all-in-one IDE to create internal or customer-facing (external) apps.

- A place to create, build and share building blocks of web applications and whole websites.

- The tool and community to support your business, and lower the cost and time to develop interactive applications.

- The only platform which has extensibility plugin architecture[Check Community Contributions](https://www.npmjs.com/search?q=lowcoder-comp)

-**Visual UI builder** with100+ built-in components. Save 90% of time to build apps.

-**Visual UI builder** with120+ built-in components. Save 90% of time to build apps.

-**Modules** for reusable (!) embedable component sets in the UI builder.

-**Embed Lowcoder Apps as native parts of any Website** instead of iFrame (!).[Demo](https://lowcoder.cloud/about),[Docu](https://docs.lowcoder.cloud/lowcoder-documentation/lowcoder-extension/native-embed-sdk)

-**Embed Lowcoder Apps as native parts of any Website** instead of iFrame (!).[Demo](http://demo-lowcoder.42web.io/ecommerce/),[Docu](https://docs.lowcoder.cloud/lowcoder-documentation/lowcoder-extension/native-embed-sdk)

-**Video Meeting Components** to create your own individual Web-Meeting tool.

-**Query Library** for reusable data queries of your data sources.

-**Custom components** to develop own components and use them in the UI builder.

[Be a Sponsor](https://github.com/sponsors/lowcoder-org)

Like ...[@Darkjamin](https://github.com/Darkjamin),[@spacegoats-io](https://github.com/spacegoats-io),[@Jomedya](https://github.com/Jomedya),[@CHSchuepfer](https://github.com/CHSchuepfer), Thank you very much!!

[](https://youtu.be/s4ltAqS0hzM?feature=shared)

exportconstcleanupCustomer=async(subscriptionCustomer:LowcoderSearchCustomer)=>{

path:"webhook/secure/cleanup-customer",

data:subscriptionCustomer,

method:"post",

headers:lcHeaders

exportconstgetProduct=async(productId :string)=>{

path:"webhook/secure/get-product",

if(!action.args)action.args=this.children.variables.children.variables.toJsonValue().reduce((acc,curr)=>Object.assign(acc,{[curr.keyasstring]:curr.value}),{});

if(!action.args)action.args=this.children.variables.children.variables.toJsonValue().filter(kv=>kv.key).reduce((acc,curr)=>Object.assign(acc,{[curr.keyasstring]:curr.value}),{});

(children:any)=>{

return{data:children.variables.children.variables.node()};

.filter((kvNode:any)=>kvNode.key)

.map((kvNode:any)=>({[kvNode.key]:kvNode.value}))

.reduce((prev,obj)=>({...prev, ...obj}),{});

constnewKeys:string[]=[];

variables?:any;

timeout:InstanceType<ParamsControlType>;

}):Promise<QueryResult>=>{

const{ applicationId, isViewMode}=getGlobalSettings();

constmappedVariables=Object.keys(props.variables).map(key=>({key:`${props.args?.$queryName}.variables.${key}`,value:props.variables[key]}));

constmappedVariables=Object.keys(props.variables).filter(k=>k!=="$queryName").map(key=>({key:`${props.args?.$queryName}.variables.${key}`,value:props.variables[key]||""}));

letrequest:QueryExecuteRequest={

path:props.applicationPath,

params:[

} :{items:[]},

!supportSubscription&&user.orgDev ?{

items:[

text:<TabLabel>{trans("home.support")}</TabLabel>,

routePath:SUBSCRIPTION_SETTING,

routeComp:Subscription,

routePathExact:false,

icon:({ selected, ...otherProps})=>selected ?<SupportIcon{...otherProps}width={"24px"}/> :<SupportIcon{...otherProps}width={"24px"}/>,

mobileVisible:true,

} :{items:[]},

supportSubscription&&user.orgDev ?{

items:[

function*fetchSubscriptionsSaga(action:ReturnType<typeoffetchSubscriptionsAction>){

constuser:User=yieldselect(getUser);

constcurrentUser:CurrentUser=yieldselect(getCurrentUser);

constdeploymentId:string=yieldselect(getDeploymentId);

constsubscriptionSearchCustomer:LowcoderSearchCustomer={

userId:user.id,

constsubscriptionNewCustomer:LowcoderNewCustomer={

hostname:domain,

hostId:deploymentId,

email:currentUser.email,

orgId:orgID,

userId:user.id,

userName:user.username,

type:admin,

companyName:currentOrg?.name||"Unknown",

This document provides basic information and guides for developing data source plugins. Developers are highly welcomed to make contributions to[Lowcoder](https://github.com/Lowcoder-dev/Lowcoder)--the open source project.

This document provides basic information and guides for developing data source plugins. Developers are highly welcomed to make contributions to[Lowcoder](https://github.com/lowcoder-org/lowcoder)--the open source project.

* Definition of the**Action list** for data source queries and the configuration form for each Action.

* Definition of the**execution logic** for Actions.

Currently, all data source plugins are maintained in the`src/plugins` directory of the`node-service` project. Click to view[the project](https://github.com/Lowcoder-dev/Lowcoder/tree/develop/server/node-service), and you might take a quick look at the[S3 plugin](https://github.com/Lowcoder-dev/Lowcoder/tree/develop/server/node-service/src/plugins/s3).

Currently, all data source plugins are maintained in the`src/plugins` directory of the`node-service` project. Click to view[the project](https://github.com/lowcoder-org/lowcoder/tree/main/server/node-service), and you might take a quick look at the[S3 plugin](https://github.com/lowcoder-org/lowcoder/tree/main/server/node-service/src/plugins/s3).

##Testing

Necessarytestingshouldbedonebeforepublishingtheplugin.Testingadatasourcepluginrequiresabackendenvironment.Youcanstartalocalenvironmentbyfollowingthedocumentation [Startalocalbackendserver](https://github.com/Lowcoder-dev/Lowcoder/tree/develop/client#readme) and test the data source plugin in following aspects:

Necessarytestingshouldbedonebeforepublishingtheplugin.Testingadatasourcepluginrequiresabackendenvironment.Youcanstartalocalenvironmentbyfollowingthedocumentation [Startalocalbackendserver](https://github.com/lowcoder-org/lowcoder/tree/main/server/api-service#readme) and test the data source plugin in following aspects:

1.Makesurethedatasourcepluginhasbeenaddedtothepluginlistinthefile`src/plugins/index.ts`.

2.Startthenode-serviceserverinthe`node-service`directorybyexecuting`yarn dev`.

##What's next

Congrats!Aftertestingthedatasourceplugin,youcansubmita [PullRequest](https://github.com/Lowcoder-dev/Lowcoder/pulls) now.

Congrats!Aftertestingthedatasourceplugin,youcansubmita [PullRequest](https://github.com/lowcoder-org/lowcoder/pulls) now.

1.[Sign up](https://signup.heroku.com/) for a new Heroku account, or[log in](https://id.heroku.com/login) to get started.

2. Click to start Heroku[one-click deployment](https://heroku.com/deploy?template=https://github.com/Lowcoder-dev/Lowcoder).

2. Click to start Heroku[one-click deployment](https://heroku.com/deploy?template=https://github.com/lowcoder-org/lowcoder).

3. Set the**App name** which will be part of the app URL later, and choose a region.

4. (Not required) Fill in the**Config Vars** according to the descriptions. These are all optional variables used for environment-specific configuration. You can skip this step and manage environment variables later.

5. Click the**Deploy app** button.

<dependency>

<groupId>com.oracle.database.jdbc</groupId>

<artifactId>ojdbc6</artifactId>

<version>11.2.0.4</version>

<artifactId>ojdbc11</artifactId>

<version>23.7.0.25.01</version>

</dependency>

<dependency>

<groupId>org.testcontainers</groupId>