ローコードエンジン

日本語 |简体中文

✨ 顔立ち

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

🎯対応環境

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

📚エンジンプロトコル

エンジンは、「LowCodeEngine Basic Construction Protocol Specification」と「LowCodeEngine Material Protocol Specification」を完全に実装しています。プロトコルスタックは、ローコード分野の資料を流通させることができるかどうかの重要な部分です。

🌰使用例

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:アリフドcdn

https://alifd.alicdn.com/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js

https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js

方法 2: uipaas cdn

https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.0.18/dist/js/engine-core.js

https://uipaas-assets.com/prod/npm/@alilc/lowcode-react-simulator-renderer/1.0.18/dist/js/react-simulator-renderer.js

方法3:解凍

https://unpkg.com/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js

https://unpkg.com/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js

方法4:jsdelivr

https://cdn.jsdelivr.net/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js

https://cdn.jsdelivr.net/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js

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

ソースコードのパッケージ/エンジン/distとパッケージ/(react|rax)-シミュレータ-レンダラー/ distの下のファイルをcdnプロバイダーに渡します

🔗関連リンク

• 公式サイトホームページ
• デモ 今すぐプレイ |エンジンデモリポジトリ
• 公式資料
• オフィシャルセッター
• 公式プラグイン(プラグイン)
• 生態学的要素(材料、セッター、プラグイン)ツールチェーン
• ユーザードキュメント
• 原薬

この素晴らしいローコードエンジンのページは、ローコードエンジンを使用または構築したすべてのツール\材料\ソリューションを記録するリポジトリにリンクしており、PRを歓迎します。

💻ローカルデバッグ

$ git clone git@github.com:alibaba/lowcode-engine.git
$ cd lowcode-engine
$ npm install
$ npm run setup
$ npm start

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

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

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

🤝参加

最初にお読みください:

1. エンジンデバッグ環境の設定方法
2. エンジンの研究開発協力プロセスについて
3. エンジンのエンジニアリング構成

"The Wisdom of Questions", ["How to Ask Question to the Open Source Community"](https: //github.com/seajs/seajs/issues/545) および How to Report Bugs Effective, "How to Answer Questions to Submit Unanswerable Questions to Open Source Projects "を読むことを強くお勧めします。(この段落はantdを参照しています)

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

• メイン以外の開発にターゲットブランチを設定する

❤️貢献

このプロジェクトに貢献してくれたすべての人に感謝します。