本文正在参与#稀土掘金×凡泰极客小程序体验有奖征文活动#,走进FinClip,轻松实现小程序产品梦。活动指路👉juejin.cn/post/709941…
前言
本文是我个人对使用FinClip的使用体验说明,如果有不对的地方,还请大家评论区指正。感谢!
产品理解
FinClip 是什么
让 APP 快速获得运行小程序的能力
这是官方在 GitHub 上对 FinClip 的一句简短的描述。
大家都知道小程序目前在生活中是非常好用的,除去了下载安装app的繁琐;并且可以使用微信/支付宝等账号授权一键登录,除去了注册账号的繁琐;以及可以在平台内部通过分享传播,可以说是非常灵活。
但是市面上大多数的产品以及学习过的资料是用来如何跨平台一次开发可以多平台公用的框架等类似产品,但多数框架都有平台接入的限制条件,想装入自己的 app 还是不太容易的。
FinClip 则通过 SDK 集成就可以将小程序装入自己的 app,这一点是不是很惊艳,可以在自己的 app 内打开小程序似的功能。
但是为什么使用 FinClip
因为随即我又想到,如果抛开刚才提到比较惊艳的地方的话,既然是自己开发的 app,为什么要再加装小程序呢?直接在app中开发相对的功能不爽吗?为什么要多此一举?
以下内容仅为个人理解,不对的地方还请大家指证:
首先,FinClip 也可以单纯地作为开发小程序的一个工具,他也有自己的 IDE,FIDE。
第二,FinClip 是可以上传代码包安装已经开发好的小程序的,也就是说根本不费力气。只需要简单引入一下就可以实现相对的功能,减少开发成本。
第三,试想一下,如果你自己现在有两个功能类似的 app,但是这两个 app 使用的开发框架/开发语言等有些差异。现在需要在两个 app 中追加同一个功能,这时候使用 FinClip 是不是就方便很多。
开发流程
前期准备、创建小程序
在官方平台注册 FinClip SaaS 账号,并使用注册好的账号登录开放平台。
进入开放平台首页或小程序管理菜单中,点击创建/新增小程序,完成表单填写即可完成创建小程序。
进行小程序完善
创建完成之后,系统会触发一系列弹框说明小程序的使用指南,同样会指示通过编辑补全小程序的其他信息等。
其实这里的指引对新手小白不太友好,信息量过多有点看不过来。如果没看明白其实也没关系,在右上角这里还有操作指引可以后续学习。
补全小程序信息后,点击“详情”就可以选择上传代码包啦
官方在这里有说明,如果你不想上传自己的小程序源码,可以使用官方提供的 IDE 自己再次开发,通过编译后的方式上传。如果仅仅想体验小程序嵌入 app 的感觉,这里也可以使用官方提供的 demo,直接在 Github 上 download zip 格式就可以使用上传代码包功能啦。
体验小程序
这里需要先对已编译成功的代码包提交审核才可以进行后续体验。(顺便吐槽下,提交审核的地方不太好找啊)
其实到这里就差不多啦,体验的话,需要在应用商店下载 FinClip App 登录自己的账号就可以进行扫码体验啦。
使用体验
FinClip 官网
相比于官网,我个人更喜欢 GitHub 上对 FinClip 的介绍,一步一步地描述,言简意赅。这也是我在第一段中使用GitHub上引用的原因。
但也可能是由于GitHub更侧重于我们开发人员使用,而官网在展现方面为了适应更多使用FinClip的用户。内容共创推广栏也可以放在下方使用固定定位,虽然推广栏可关闭的,但是放在下方感觉能使官网更清新一点。
FinClip开放平台
FinClip 小程序开放平台界面应该是使用了饿了么团队的 UI 框架,整体布局十分清晰明了。
对于熟知 b 端的小伙伴来说,菜单管理的操作还是非常容易上手的,但有些框架体验上还是有些可以改进的地方,例如:
-
在创建小程序/工单时,在填写表单的时候,可能有时候想要删除比较长的一段落文字,但是鼠标一旦离开表单,就会关闭整个表单窗口,并且无记录保存,略微影响用户体验。(但是在新增审核和上传代码包这两个功能中并没有出现这样的问题)
-
手机号即为用户名这样的方案也能够接受,但毕竟属于隐私信息,后台窗口的右上角会一直展示用户的手机号,即便做一下加密也好(188****8888)
-
数据统计中的图标数据没有对齐刻度线(来自强迫症患者一个小建议)
相关文档
-
FinClip文档中心:作为开发文档,首页有明确的分类,以及搜索功能这点对新手还是友好的。
-
SDK部署指南:这里面包括了对 IOS、Android、Flutter、ReactNative 等快速集成方法。
-
社区示例:可以使用 FinClip APP 扫码体验,但是目前好像只有“凡泰社区”支持代码包下载,大部分还不提供小程序代码包下载。