如何开发一个小程序，开发小程序的流程介绍

微信小程序上线后，经过最初的疯狂热捧，市面上开始出现各种小程序案例。其中金融类小程序相对较少，如何开发证券小程序，也是很多金融公司将会面临的问题。恒生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组件商店体验。