无代码如何开发小程序,我深度体验了Zion和towify…(无代码开发微信小程序)
现在小程序越来越火,很多商家都拥有一个自己的小程序进行线上引流,我前段时间也有这样的需求,但是自己的写代码能力只能说懂一点,但是要我自己独立完成一个小程序还是很困难的。如果选择找外包团队,最大的问题在于,产品和价格不标准化,同样的小程序,有的公司报价¥1000,有的报价¥10000,像我这样的小白根本弄不清楚1000元和10000元的小程序差异在哪里。选择贵的觉得不划算,选择便宜的又怕小程序不好用,犹豫不决。
在这两难之际,我的朋友给我介绍了一种新的开发小程序的方式——无代码开发。于是我挑选了两个在无代码开发领域比较成熟的产品,Zion和Towify进行体验,下面是我这两天对这两款产品的使用心得,仅供参考。
安装下载
首先是安装下载,这一点明显是Zion比较方便,因为Zion打开网页就直接可以使用,但是Towify百度搜了半天没搜到,用Google搜才搜到的官网,其次根据设备不同需要下载对应的桌面端安装包(74.9MB),安装完成后才可以使用。可能有安装包的支持的功能更深一点吧,不过就我的体验来看,两者是差不多的。
登陆
Towify中,一开始只能通过微信登录,然后登陆完成后进入到的是账户选择界面,可以选择一个账户登陆,然后进入到工作台加载页面,大概加载了5-8S,二次登陆加载快一些。Zion可以用手机号,微信或者邮箱登录都可以,然后加载工作台的速度比较平稳,基本没有什么卡顿的地方。
工作台界面
【Towify基础体验】
小程序
进入小程序部分,有一个新手项目,此外还分为了我的项目、模板项目以及他人的分享项目,支持空白项目搭建、模版搭建
- 新手项目:一个偏展示类的小程序,内容比较简单,不知道怎么上手修改,主要的交互行为是跳转页面、微信登陆、分享(功能不完整)、发送邮件只能看到其中部分页面的配置,如果想看其它页面,就要付费
- 模板:目前创建模板之后可以做一些自定义的配置,但只能给自己用,另外对模板修改了之后,之前引用了模板的项目中的内容不会改变
网站
还属于内侧阶段,需要邀请码才能进入
驱动
- 数据中心:展示所有项目的数据库,可以查看某个数据库的数据表
- 接口中心:展示所有项目的接口,可以查看某个项目的接口
其它
- 学院:跳转到学院学习材料:大部分学习材料像是翻译工具,就是解释了一遍这几个字是什么意思,而没有解释具体功能,以及功能示例场景化教程:四个场景化教程点进去全都是“如何配置微信登陆”
- 社区:有很多模板跟图标,但是点击安装一个也没装成功,bug有点多
- 技术支持:加了一天没人回复= =
【Zion基础体验】
项目归属
一共把项目的归属分为了个人空间,共享空间,XX的团队这些,一开始我不是很明白为什么这样分,后来知道因为Zion是支持多人协作的,只要把可编辑的链接发给别人,别人也能修改你的项目,类似于git协作开发一样。
项目搭建
Zion并没有在工作台首页就把小程序和网页端分开,而是统一放在了新建项目的时候。可以看到Zion已经上线了网页端,然后下面有一些常用的免费模板给用户使用。
小程序
如果是第一次使用Zion,会有一个引导动画。新手项目应该是待办事项小程序,功能比较简单,涉及到的知识也不是很高深,第一次使用的时候就是按照待办事项的模板教程一步步操作的,教程就在使用模板的地方,比较显眼。
网页
可能是上线不久,目前只有一个免费的博客模板,同样也是有对应的文档。
帮助文档
这是我认为zion比较吸引我的地方,毕竟工具学习有一定门槛,但他们的帮助文档非常详细,基础操作,快捷操作,组件详解,模板教程,进阶操作等等都可以找到。B站的教学视频也更新比较快,目前有一百多个教学视频,并且是成体系的。
用户社区
他们官网有在线的用户论坛,也可以加微信社群。如果碰到不会的点或者遇到了什么困难可以到这里来进行提问,根据回复时间来看一般都比较及时,基本当天就可以收到回复。
页面&组件
Towify
有丰富的组件、组件素材以及页面可以添加,这一点towfiy给到的选择还是比较多的
- 免费版只能够创建5个页面,如果是带底部导航栏的,只能创建4个页面
- 分别提供了带顶部导航跟底部导航的页面
- 关于带底部导航栏的【tabbar view】,默认带3个底部导航栏,但没有整体的底部导航栏的配置,只能够单独配置另外,底部导航栏视图里包裹了一个图片组件跟文字组件,跳转行为只能绑定到整个视图上,不能绑定到图片或者文字上 Zion 组件数量基本够用,但可以更好,比如作为元素级的开发,要做的重复动作比较多 最近的版本交互有明显优化,现在的交互逻辑更贴近原型工具了,还是挺重视用户体验的 免费版的页面数量和发布项目数量都是无限制 自带底部导航栏视图 跳转行为可以从一个视图里的组件进行绑定,而不用绑定到整个视图中
数据方面对比
Towify
创建、管理数据表跟传统的可视化的数据表没有什么太大的区别; 数据表关联支持单表、多表关联;可在表中创建关联字段之后直接添加关系
删除表中字段比较复杂,很多次都没有成功
- 免费版只能创建3张表,每张表最多5个字段,添加一个关联字段,挂载1个项目,100行数据….
- 不支持时间类型(日期除外);PDF类型与文件类型是分开的
- 导入数据:免费版不支持导入数据
Zion
- 可以通过可视化的操作方式对数据表进行操作,并且操作比较简单
- 支持批量导入数据
- 数据表关联支持单表、多表关联;可在表中创建关联字段之后直接添加关系
- 免费版也能无限对数据库进行请求
API 方面对比
Towify
- 基础的API只支持:获取手机验证码、获取邮箱验证码
- Restful – API 需要付费之后才支持
- 配置完成后,需要在事件中心中添加API事件,而后在触发器中使用
- API 配置无教程,不知道该怎么配置
Zion
- 对API的配置比较方便,调试成功之后自动配置好了
- 免费版只能调用1条第三方API
- 免费版对API功能没有限制
- API配置有详细的教程
动态数据对比
Towify
- 数据读取是由组件的【触发器】触发
- 大致步骤为:创建数据表 – 向页面添加【循环容器】(【循环容器】自带子容器) – 在事件中心添加『自定义事件』- 选择数据操作 – 选择数据表 – 排序设置 – 接口响应设置 – 结果模型名称设置 – 选中【循环容器】 – 添加刚才定义的行为 – 再进行一系列配置 – 选中【循环容器】的子容器,在容器中添加需要的组件,然后在子容器的数据中进行统一的数据绑定
Zion
- 数据读取由行为触发
- 直接对组件或者页面中的某个数据和远程数据进行绑定即可
预览
Towify
- 点击预览之后会开始加载项目数据,可以模拟小程序在手机上的效果
Zion
- 可以进行实时预览,或者预发布,模拟小程序在手机上的效果
总结
总的来说 Towify 如果作为一个小程序设计工具是挺不错的,但如果是作为软件开发工具,比敲代码可能还要困难许多,各种数据的配置,交互行为的设置都比较繁琐。相比下来Zion对新手就比较友好,并且教程较为丰富,一些行为的配置也比较符合逻辑,这也是我现在选择Zion的理由。
不过这两款工具都让我看到了国内无代码工具的希望,虽然很年轻,但已经凸显出了一定的竞争力。相信通过不断的优化,可以满足更多的用户需求。