如何開發一個小程序，開發小程序的流程介紹

微信小程序上線后，經過最初的瘋狂熱捧，市面上開始出現各種小程序案例。其中金融類小程序相對較少，如何開發證券小程序，也是很多金融公司將會面臨的問題。恒生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組件商店體驗。