@adessa-node/worlds 中文文档教程

发布于 5 年前 浏览 4 更新于 2 年前

Worlds App

  1. Why
  2. Commands
  3. How use

Why

Worlds 应用程序是一个以旋转木马形式显示产品目录的库

Commands

  • make init: It will download the project's dependencies and configure git hooks.
  • npm run start: It will start a server on http://localhost:9000 with the code.
  • npm run dev: It will start compiling the code on dev mode and it will be looking for new changes.
  • npm run lint: It will run the lint rules on the project.
  • npm run test: It will run the unit tests + it's going to show the current code coverage of the project.
  • make build: It will create the build meant for production ready lib.

How use

要使用此项目,需要满足以下条件:

DEV

<!-- ... -->
<head>
  <!-- ... -->
  <script>
    var configuration = {...}
  </script>
  <script src="path/of/statics/js/app.js" defer></script>
</head>
<body>
  <!-- ... -->
  <section id="app"></section>
  <!-- ... -->
</body>
<!-- ... -->

PROD

<Worlds configuration={configuration} />;

配置应该是如下:

  • id <string>: id of configuration. default ''
  • name <string>: name of configuration. default ''
  • zoneKey <string>: zoneKey of configuration. default ''
  • cartridgeId <string>: identifier for endeca. default ''
  • dynamicData <object>: data configured in endeca
  • endPoint <string>: endpoint for get information of world by id.
  • worlds <arrayOf(<object>)>: array of world object.
    • id <string>: id of world
    • name <string>: name of world
    • activeIconUrl <string>: url of active icon
    • passiveIconUrl <string>: url of deactive icon
    • mDetailDebugInfo <bool>: debugger mod. default false
    • mComponentFieldDataConfigDomId <string>:
    • mTrackDTODetail <bool>: track dto detail. default true
  • rawZoneKey <string>: name of the zone
  • type <string>: type of component. dafault html
  • key <string>: key for find in endeca

Worlds App

  1. Why
  2. Commands
  3. How use

Why

Worlds app is a librery oriented to show a catalog of products in the shape of a carousel

Commands

  • make init: It will download the project's dependencies and configure git hooks.
  • npm run start: It will start a server on http://localhost:9000 with the code.
  • npm run dev: It will start compiling the code on dev mode and it will be looking for new changes.
  • npm run lint: It will run the lint rules on the project.
  • npm run test: It will run the unit tests + it's going to show the current code coverage of the project.
  • make build: It will create the build meant for production ready lib.

How use

To use this project, the following are required:

DEV:

<!-- ... -->
<head>
  <!-- ... -->
  <script>
    var configuration = {...}
  </script>
  <script src="path/of/statics/js/app.js" defer></script>
</head>
<body>
  <!-- ... -->
  <section id="app"></section>
  <!-- ... -->
</body>
<!-- ... -->

PROD:

<Worlds configuration={configuration} />;

The configuration should be as follows:

  • id <string>: id of configuration. default ''
  • name <string>: name of configuration. default ''
  • zoneKey <string>: zoneKey of configuration. default ''
  • cartridgeId <string>: identifier for endeca. default ''
  • dynamicData <object>: data configured in endeca
  • endPoint <string>: endpoint for get information of world by id.
  • worlds <arrayOf(<object>)>: array of world object.
    • id <string>: id of world
    • name <string>: name of world
    • activeIconUrl <string>: url of active icon
    • passiveIconUrl <string>: url of deactive icon
    • mDetailDebugInfo <bool>: debugger mod. default false
    • mComponentFieldDataConfigDomId <string>:
    • mTrackDTODetail <bool>: track dto detail. default true
  • rawZoneKey <string>: name of the zone
  • type <string>: type of component. dafault html
  • key <string>: key for find in endeca
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文