create-pandora-app
TypeScript icon, indicating that this package has built-in type declarations

2.0.2 • Public • Published

create-pandora-app

pandora 应用模板生成工具

Usage

npx create-pandora-app <appName> --template <template>

OR

npx create-pandora-app <appName> -t <template>

Template

模版类型 内容 入口格式 使用方式 适用场景及优势
simple 简单 APP 模版,包含一个 APP 需要的基本配置和资源。 -- -- 创建空的模版 APP
visualization 扩展 pandora 平台的可视化图表 umd 模块 -- 需要自定义可视化图表,并添加到 pandora 平台。
view-html 自定义 APP 的页面】html 为入口的 Web 应用 html 文件 <html src="<file_name>.html" /> 完全独立的前端应用,适用于任意前端框架,支持 code split。缺点:运行在 iframe 环境中,iframe 本身存在一些缺陷,具体参考iframe 拓展应用的缺陷
view-component 自定义 APP 的页面】继承自@qn-pandora/app-sdk.BaseComponent组件。 umd 模块 <custom-component src="<js_bundle_name>.js" /> 适用于任意前端框架。缺点:不支持 code split,且静态资源需要到包到 js bundle 中。
view-component-react 自定义 APP 的页面】以 react 组件为入口的 react 单页应用 umd 模块 <custom-component src="<js_bundle_name>.js" type="react" /> react 框架开发应用,提供丰富的通用组件(@qn-pandora/pandora-component)和业务组件(@qn-pandora/pandora-app-component),开发应用更高效。缺点:不支持 code split,且静态资源需要到包到 js bundle 中。

备注

iframe 拓展应用的缺陷

  • url 不同步。浏览器刷新 iframe url 状态丢失、后退前进按钮无法使用。

  • UI 不同步,DOM 结构不共享。想象一下屏幕右下角 1/4 的 iframe 里来一个带遮罩层的弹框,同时我们要求这个弹框要浏览器居中显示,还要浏览器 resize 时自动居中..

  • 全局上下文完全隔离,内存变量不共享。iframe 内外系统的通信、数据同步等需求,主应用的 cookie 要透传到根域名都不同的子应用中实现免登效果。

  • 慢。每次子应用进入都是一次浏览器上下文重建、资源重新加载的过程。

Readme

Keywords

Package Sidebar

Install

npm i create-pandora-app

Weekly Downloads

1

Version

2.0.2

License

MIT

Unpacked Size

151 kB

Total Files

155

Last publish

Collaborators

  • ymrdf
  • pandora_qiniu
  • csu-feizao