产品更新日志

2022-09-26

1. 灵动岛协同提示

在这一次的更新中,在协同作者保存了开发内容之后,会通过 Zion“灵动岛”来通知其他协同人员,其他协同人员的创造界面不会再因为通知弹窗而打断操作。

2. Web 端支持第三方 API

在本次更新中,Zion 为 Web 端注入了「支持第三方 API 」的扩展能力,操作使用方法与小程序开发时的一致。

3. 自定义行为升级

本次更新中,Zion 的自定义行为能够支持「行为流分支」,也就是说,当满足不同条件时,能够执行不同分支的逻辑行为。此次更新后,Zion 能配置『任何』程序逻辑!

4. 自定义控制台导出升级

在本次更新后,自定义控制台右上角的导出功能,除了能够导出文本数据之外,还能够通过勾选【导出原图】,导出图片数据。导出后的的数据保存在压缩包中,解压后,文本数据依旧保存在以 csv 结尾的文件中,而图片数据则保存在以 IMAGE 命名的文件夹中。

5. 常用快捷键查询

可以点击 Zion 创作界面的右下角的问号按钮来查看快捷键,之前还不知道的小伙伴快来试试吧。

6. BUG修复

  • 修复了实时预览时,「选择视图」组件刷新时保留选中选项开关不起作用的问题。
  • 修复了配置自定义控制台下拉菜单过暗问题。
  • 修复了底部导航栏数据未填写完毕时, 数据校验能校验出来并且显示具体信息的问题。
  • 修复自定义控制台白色滚动条滚动失常的问题。

2022-09-05

1. Bug fix

1.1 修复自定义控制台白色滚动条

原来:

数据显示
导入

现在:

2022-09-02

2.Zion功能更新

2.1 自定义控制台-数据导出支持原图下载(前端)

a. 说明: 自定义控制台右上角的导出功能, 选择某个数据模型的某个图片类型数据列, 导出后的压缩包中包含数据表格和image文件夹, 图片在image文件夹中
b. 注意: 导出图片会比较明显得降低导出速度,所以默认是不包含图片的导出, 需要用户勾选

2.2 自定义控制台-字体缩小

说明: 自定义控制台所有字体缩小, 左边栏字体加粗

2.3 ZED上外化快捷键列表

2.4 自定义行为-代码块, context增加log('$msg', $isError)方法(方便aliyun上查找)

context.log('$msg', $isError) // $msg: 需要打印的消息 // $isError: boolean表示是不是错误消息

3.功能模块更新

3.1 服务号关联小程序, 实现多条消息推送

https://functorz.feishu.cn/wiki/wikcnEuzXCxzFGCvTiVU3wCbFEd

4. Bug fix

4.1 实时预览-选择视图刷新时保留选中选项开关不起作用

原来: 生成的小程序刷新后选择视图默认值生效, 实时预览不生效

现在: 生成后的和实时预览的都能生效

4.2 自定义控制台配置-下拉菜单过暗问题

说明: zed的mc配置中下拉菜单的禁用变了色,之前的太暗

4.3 底部导航栏数据未填写完毕时, 数据校验能校验出来并且显示具体信息

  • 校验位置:
    • 图标未选择
    • 目标页未选择
  • 错误信息内容示例: 底部导航栏: Home 图标为空

2022-8-26

5. 优化dark模式下编辑长页面的体验,自适应拓展页面高度

6. 重新对“添加列”中的数据类型进行排序,排序规则按照数据库的使用量级从大到小排序

7. 数据选择器-对象-显示字段由实际存储字段改成数据模型显示字段

  • 原来: 数据模型存在数据库时的真实名称, 如果是中文时会显示拼音, 可读性差
  • 现在: 数据模型显示的名称(原始添加的名称)

8. web端在发布前自动触发数据校验

9.第三方API-Get类请求支持配置成mutation

  • 原来: get操作类型只能配置成查询的数据源(query)
  • 现在: get也能配置成修改(mutation), 即: 可以通过行为触发
修改
使用

10.[bug fix] aggregate里添加多个过滤条件后无法滚动

11. [bug fix] 第三方API调试时候, json类型参数左右数据同步

2022-8-25

行为流(Actionflow)支持数据增删改查、代码块以及第三方API操作

  • 作用: 可以通过自定义行为实现复杂或者有前后数据依赖的逻辑
代码块编辑界面
数据操作-获取数据-界面

简化版操作步骤:

  1. 添加自定义行为
  2. 添加入参(可选): 给自定义行为的操作提供输入的数据来源
  3. 添加操作
  • [分类]

    1. 数据
      1. 获取数据
      2. 删除数据
      3. 更新数据
      4. 插入数据
    2. 其他
      1. 代码块
      2. 第三方API
  • [说明]
    1. 操作的数据配置方式与原有的数据增删改成一致
    2. 数据绑定时的参数来源从事件流数据里面获取(前提: 配置入参)

  1. 添加出参(可选): 操作成功后的输出结果. 代码块一般需要配置, 其他的操作不需要配置
  2. 结束出参配置: 整个自定义行为的输出结果, 来源可以是操作中的任意节点的值
  3. 保存: 配置结束记得手动点击自定义行为的保存, 才能将修改更新从草稿状态变成可用用版本
  4. 部署数据库: 发布页, 单独部署数据库, 同步自定义行为最新版本到数据库
  5. 使用: 在组件上添加行为-请求-自定义行为-选择配置的行为流

触发器回调(非本次更新, 只是做补充)

回调使用步骤:

  • 添加回调
  • 展开回调-配置
    • 绑定行为流(必须)
    • 配置callback所需参数(非必须)
  • 部署数据库
  • 复制回调链接, 发送请求(注意⚠️: 回调没有返回值, 只会说明成功或者失败, 状态码200说明成功)

参数的获取(以自定义行为-代码块操作为例)

  • 方式一: 代码块里面使用context.getArg('自定义参数名字')获取, 前提是定义了回调的参数、自定义行为的参数, 并且名字一致
  • 方式二: 代码块里面使用context.getArg('fz_callback_body')获取整个body的参数, 结果为{参数1: 参数值1, 参数2: 参数值2}, 不需要定义回调和自定义行为的参数

参数的输出

  • 声明变量接收context.getArg('自定义参数名字')返回的结果
    • 直接在代码块内对结果进行处理
    • 返回结果context.setReturn('自定义输出参数名字', 赋值), 下个操作数据绑定时候可以使用事件流数据

2022-8-23

web上线打印组件行为

  1. 前提: 连接打印机、web端
  2. 场景: web端配置格式(如: 订单小票), 添加打印行为, 即可将样式和数据打印出来
  3. 步骤
    a. 配置打印的组件
    b. 添加打印组件行为(开放功能-打印组件)
    c. 填写需要打印的组件mref

4.示例图片(实践图片效果等真正上线后自己再配置下)

配置页
预览效果

提审时支持上传文字和视频的描述

说明: 用户可以在提交微信审核的时候自己上传小程序的描述文字和视频

视频全屏可以翻转

  1. 原来:视频组件生成出来的视频全屏显示时, 横屏显示的视频也只能竖屏播放
  2. 现在: 支持视频全屏播放时翻转

优化绑定小程序流程

  1. 原来: 授权小程序返回会黑屏或者用户选择授权了非小程序(服务号/订阅号等)
  2. 现在: 点击授权时在Zion内页弹出授权扫码页, 手机上扫描后只显示可绑定的小程序账号, 授权成功后扫码内页2秒后消失

自定义控制台增加导入功能

步骤:

  1. 上传文件: 上传csv格式数据表
  2. 表映射: 上传的数据表与数据模型映射
  3. 字段映射: 上传的数据表列名与数据模型字段映射
  4. 关系映射: 选择数据模型的关系, 通过单个或者多个字段找到唯一匹配到的关联数据id, 自动赋值到关联关系字段上, 关联数据id包含: 已经存在数据库的数据id、同时上传的其他数据表未来生成的id
  5. 上传媒体文件: 非必须. 如果有图片视频或者文件类型数据需要导入, 将媒体文件存放在一个文件夹内并压缩, 文件名字需要和数据表填写的路径匹配(文件夹名字/文件名), 否则找不到对应数据(如: 图片示例.jpg放在image文件夹下,数据表需要填写‘image/图片示例.jpg’ )

备注: 如果想知道数据模型需要什么字段可以先下载模板

自定义控制台支持处理45条以上的关联数据, 增加分页效果

  • 原来: 自定义后台某条数据详情展开数据超过45条没法显示
  • 现在: 自定义后台某条数据详情展开数据超过45条会正常显示, 增加了分页效果, 低于45条分页效果隐藏

2022-8-12

限制免费版只能选择单平台开发,付费版支持多平台切换

  1. 说明: 免费版Zion账号只能支持最开始创建项目时选择的平台, 付费版支持多平台切换
  1. 显示方式区别
    a. 单平台显示

b.多平台显示

自定义控制台数据导出支持原图下载(后端已完成, 前端还没支持)

  1. 说明: 自定义控制台右上角的导出功能, 选择某个数据模型的某个图片类型数据列, 导出后的压缩包中包含数据表格和image文件夹, 图片在image文件夹中
  2. 注意: 导出图片会比较明显得降低导出速度,所以默认是不包含图片的导出, 需要用户勾选

log支持露出主包过大的信息

  1. 点生成失败后,如果是因为生成的主包超过2MB, 点击log可以看到这个如下信息⬇️

2022-7-13

功能点

  1. 发布了web端开发版本,距离全场景更近了一步。
  2. 修改Zion的预览方式,从原来的2分钟部署打包变为现在可以实时看到开发效果的“实时预览”

文档说明

名词解释

术语 / 缩略词说明
web在Http协议基础之上, 利用浏览器进行访问的网站,我们一般称之为网页,可以使用电脑、平板、手机等多种设备打开。
H5广义上,H5 指的是HTML5,即网页使用的HTML代码,所以在新版本中,Web和H5都代表网页的意思。
desktop新版中,有多种设备适配的能力,desktop代表桌面端(又称为PC端)的开发界面与适配能力。
tablettablet代表平板端(也可以称为移动端)的开发界面与适配能力。
phonephone代表手机端(泛称移动端)的开发界面与适配能力。
域名为了便于记忆IP地址的代称,是为了访问目标地址的一种标识。常见的"www.baidu.com"就是域名
自定义域名Zion提供了可以个性化设置域名的能力,比如可以将域名改为"www.zion.com",有利于您的用户记忆您的地址/宣传。当然,域名需要自行购买,所有提供云服务的厂商(阿里云、腾讯云、华为云)都有该服务。
http/httpshttps相比于http更加安全,一般称s为TLS握手协议,可以提供更加安全的数据交互服务,新版本中Zion生成的网页皆可提供该项证书服务,以保证您的客户有更加安全的数据交互服务。

基础概念

适配:

我们常说的适配其实全称应该是“屏幕适配”或“适应屏幕”,这是一个伴随着智能设备出现的一个新词汇,其核心意思就是:针对不同的设备屏幕做合理的呈现展示。
如果这样不能理解,回想一下,平时在浏览网页的时候,会出现一些奇怪的显示比例或者显示不全甚至排版错乱的情况,这种基本都是没有适配的结果。

Zion为了解决这个问题采取了多设备开发的方式,而不是采用放大缩小的方式,这样不但不会出现上述的问题,还可以做到不同设备可以有不同的功能,让用户在不同的设备环境下有与之相匹配的最佳体验。

功能详细说明

开发界面

  1. 默认状态下,是桌面端的预览效果,此时可以点击顶部的三个切换标签,查看不同设备下的效果。
  1. 双击界面即可进入编辑模式,基本操作和小程序开发模式相同。进入编辑模式后会出现桌面端/平板端/手机端(desktop/tablet/phone)三个编辑界面。三个设备的默认大小分别是:1280x720/768x1024/375x667,其宽度是固定的,高度可以在右边栏设置或者鼠标拖动界面底部拖动调整大小。
优先配置web的ui,其次是tablet,最后是phone 1. 当你编辑desktop组件的样式,会同时编辑tablet和phone的样式(这个时候他们的样式是一样的) 2. 当你直接编辑tablet组件的样式,会同时编辑phone的样式,但不会改变desktop的样式 3. 当你直接编辑phone组件的样式,不会改变desktop和phone的样式 - 如何理解上面这三条:   - 当拖入一个新组件时,这个组件的desktop、tablet和phone上的样式是被两条链条绑在一起,desktop连着tablet,tablet连着phone   - 编辑desktop上的样式的时候,不会对链条做任何处理   - 编辑tablet上的样式的时候,把desktop和tablet的链条砍断   - 编辑phone上的样式的时候,把tablet和phone的链条砍断   - 链条砍断是无法复原的   - 被链条绑定的断点,样式是一样的   - 链条是不同断点的样式是否相互影响的具象化

web特有页面/组件配置

  1. 组件隐藏:可以控制组件在不同设备上的显示状态,位置在组件右侧工具栏“样式”中。
  1. 光标样式修改:可以在样式中切换光标样式。
  1. 视图组件可设置横向充满屏幕
2022-10-10
2 1