lowcode-engine - スケールアウト設計のエンタープライズクラスのローコードテクノロジースタック

(An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系)

Created at: 2021-12-20 15:26:44
Language: TypeScript
License: MIT

LowCodeEngine

スケールアウト設計のエンタープライズクラスのローコードテクノロジースタック

NPMバージョン NPMダウンロード

ディスカッション 問題は助けが必要

英語|简体中文

特徴

  • 🌈エンタープライズレベルのローコードプラットフォームから抽出された拡張指向のカーネルエンジンで、最小のカーネルと最強のエコロジーの設計コンセプトを追求しています
  • 📦マテリアルシステム、セッター、プラグインなど、すぐに使用できる高品質のエコロジー要素。
  • ⚙️マテリアルシステム、セッター、プラグインなどのエコロジー要素のフルリンクR&Dサイクルをサポートする完全なツールチェーン
  • 🔌強力な拡張機能により、100近くのさまざまな垂直ローコードプラットフォームをサポートしています
  • 🛡TypeScriptで開発され、完全な型定義ファイルを提供します

🎯互換性のある環境

  • 最新のブラウザ(Chrome> = 80、Edge> = 80、最後の2つのサファリバージョン、最後の2つのFirefoxバージョン)

📚エンジンプロトコル

エンジンは、「LowCodeEngine基本構築プロトコル仕様」と「LowCodeEngine材料プロトコル仕様」を完全に実装しています。プロトコルスタックは、ローコードフィールドの資料を配布できるかどうかの重要な部分です。

画像

🌰使用例

npm install @alilc/lowcode-engine --save-dev

ヒント:cdnインポートのみがサポートされています。npmパッケージは、タイピングなどのコードヒント機能を提供するために使用されます

import { init, skeleton } from '@alilc/lowcode-engine';

skeleton.add({
  area: 'topArea',
  type: 'Widget',
  name: 'logo',
  content: YourFantaticLogo,
  contentProps: {
    logo:
      'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png',
    href: '/',
  },
  props: {
    align: 'left',
    width: 100,
  },
});

init(document.getElementById('lce'));

エンジニアリング構成:

{
  "externals": {
    "@alilc/lowcode-engine": "var window.AliLowCodeEngine",
    "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt"
  }
}

cdnオプションの方法:

方法1:alifd cdn

https://alifd.alicdn.com/npm/@alilc/[email protected]/dist/js/engine-core.js

https://alifd.alicdn.com/npm/@alilc/[email protected]/dist/js/react-simulator-renderer.js

方法2:解凍

https://unpkg.com/@alilc/[email protected]/dist/js/engine-core.js

https://unpkg.com/@alilc/[email protected]/dist/js/react-simulator-renderer.js

方法3:jsdelivr

https://cdn.jsdelivr.net/npm/@alilc/[email protected]/dist/js/engine-core.js

https://cdn.jsdelivr.net/npm/@alilc/[email protected]/dist/js/react-simulator-renderer.js

方法4:独自のcdnを使用する

ソースコードのpackages/engine /distおよびpackages/(react | rax)-simulator-renderer/distの下にあるファイルをcdnプロバイダーに渡します

🔗関連リンク

💻ローカルデバッグ

$ git clone [email protected]:alibaba/lowcode-engine.git
$ cd lowcode-engine
$ npm install
$ npm run setup
$ npm start

📢npmのアクセス速度は遅く、Alibabaの従業員はtnpmを使用できます。他の学生は、cnpmを使用するか、ミラーレジストリを指定することをお勧めします。

📢ノードバージョンは14に制限されています

📢Windows環境はWSLを使用する必要があり、他の端末は正常に動作することが保証されていません

lowcode-engineが開始された後、いくつかのumdファイルが提供され、lowcode-demoプロジェクトと組み合わせてデバッグできます。こちらのファイルプロキシルールを参照してください。

🤝参加

最初にお読みください:

  1. エンジンのデバッグ環境を構成するにはどうすればよいですか?
  2. エンジンの研究開発コラボレーションプロセスについて
  3. エンジンのエンジニアリング構成

「質問をする知恵」、[「オープンソースコミュニティに質問する方法」](https://github.com/seajs/seajs/issues/545)、およびバグを効果的に報告する方法「方法」を読むことを強くお勧めします。答えられない質問をオープンソースプロジェクトに送信するには」、より良い質問は助けを得るのが簡単です。(この段落はantdを参照しています)

プルリクエストについて:

  • メイン以外の開発対象ブランチを設定する