天工平台

# 自定义组件开发

# 安装x-cli

// 该版本为动态化运行时方案版本

npm i @xes/x-cli@beta-runtime -g

# 初始化项目

$ x-cli init
? 输入组件名称: ( 如: SubmitButton ) Test
? 中文名称: (如: 提交按钮) 测试组件
? 组件简介: (如: 用于提交表单信息) 测试组件
? 请选择: (Use arrow keys)
❯ UI组件
? 请选择组件的应用场景: (Press <space> to select, <a> to toggle all, <i> to invert selection) 
注意选择组件应用场景是多选，如果需要选择某一个应用场景请使用按空格键选择上

默认配置参考项目配置 (opens new window)

# 本地预览

x-cli miniProgram // 小程序端预览
x-cli dev // h5端预览

# 组件发布

x-cli publish online/test/dev // 发布，发布时选择h5和miniProgram

# 一个全新小程序如何接入动态化

  1. 拿新的小程序去集团中台申请托管登陆，集团中台会提供一个clientid
  2. x-cli create 按照命令行操作，输入clientid 和 appid
  3. 使用微信开发者工具开启项目目录，在启动参数设置路径和参数(路径和参数在编辑平台项目发布页有提供)

← 条件编译 →