微信小程序上线后,经过最初的疯狂热捧,市面上开始出现各种小程序案例。其中金融类小程序相对较少,如何开发证券小程序,也是很多金融公司将会面临的问题。恒生LIGHT团队开发人员就对此进行了研究:由LIGHT开发,聚源梵思支持配合的首个小程序“开源微资讯”于2017年2月9日正式上线啦!感谢程序员小哥哥配合录制的这篇技术杂谈!

开门见山,我们就以“开源微资讯”为例聊一聊如何开发一款小程序:

一、熟悉小程序的开发环境与开发方式

小程序的开发环境:

小程序有自己的的IDE,不需要准备文本编辑器,可以直接开始代码编译。先把小程序下载到本地,通过二维码扫描登录后,就可以开始开发了。

小程序的开发方式:

1.小程序所有的程序和代码都可以通过它的集成开发环境录入进去[A1] ,因为它本身的IDE功能并不健全,推荐使用webstorm或者sublime进行代码录入。

2.小程序有独立的代码生成策略,有自己的一套管理代码的方式,配置的方式以及页面视图的管理方式。

3.小程序是用的ES6语法,对于没有接触过ES6的人来说,不怎么容易上手。

4.小程序写dom的地方是用自己定义的wxml文件,与html文件有所不同。

二、结合业务进行小程序功能开发

我们开发的第一个模块是个股行情,因为个股行情我们之前已经做过demo了,入手起来相对会简单一些,做起来也会快很多,基本就是前端那边一边切图,开发一边修改js,当天我们就把工程做完了。这也是我们第一次进行小程序具体案例的开发,所以通过个股行情这个模块,实现了熟悉和上手两个目的。

之后我们还做了全市场行情,热门板块、涨跌幅榜这些关键功能,接入了梵思的个股诊断功能,并添加了自选股功能。

最后我们出来的小程序是包括了行情和自选两块功能。其中行情涵盖了大盘指数、热门板块以及涨跌幅榜等投资者常用的行情数据;也支持将常用的指数、个股、期货等添加至自选列表,访问更快捷。同时小程序中还嵌入了梵思提供的个股诊断功能,通过市场热度、行情表现、价值评估、财务健康4大类30多个细分因子对个股的表现进行智能分析,辅助投资者进行决策。

最麻烦的点:

整个过程下来,我们感觉最麻烦的是绘图的地方,和html5里面的canvas的使用方式非常不一样,所以绘图部分我们基本都是重写的。尤其是分时K线的绘图,我们改了很多js部分。个股诊断也是需要绘图的,里面的图都是重新写过的。

最后准备上线的过程:

上线这个过程可以说是几经周折,特别要说明的一点是:小程序对证券类资质要求非常严格,在上线之前,小程序营业执照必须齐全才会被审核通过。

三、总结

整个过程下来,首先我们需要了解小程序的开发环境和开发方式,虽然之前就看资料知道这两点有所不同,但是真正上手开发的时候,还是需要重新了解熟悉一下,不然对于我们后续的开发,会是比较大的阻碍。之后在结合业务开发的过程中,每个模块功能不一样,所遇到的问题不一而论,只能具体情况具体分析。最后在做证券小程序的时候,资质很重要!没有资质,审核是真的通不过的。所以准备做证券小程序开发的公司,可以先看一下自己的资质是否齐全。

【小程序概览】

小程序页面

【团队介绍】

Light是一个服务金融终端开发者的平台,提供开发工具、框架、组件接入以及集成打包的服务。通过Light开发工具和框架,快速搭建符合Light规范的组件或完整应用,开发快捷,扩展性强;进入Light组件商店,挑选并快速接入终端所需的功能组件,服务从此无边界;利用Light集成打包服务,一键打包,从各种复杂流程中解脱。

梵思移动资讯系列组件包含“英雄帮”、“个股诊断”、“个股资讯(包括沪深以及香港市场)”、“基金资讯”、“全市场资讯”、“太空舱”、“牛熊主力宝”等组件,为金融终端提供全方位的功能拓展服务,一经上线获得良好的客户口碑和活跃量,可进入Light组件商店体验。

第1张