微信小程式架構 同時相容QQ小程式

最近一直在開發微信小程式，經過幾個版本的疊代開發，代碼終于能夠達到架構級别，動态配置。除了界面有些寒酸以外，功能上還是挺完備的。

主要有以下特點

1、整個程式所需url位址均在api.js中定義，環境包括公網正式環境和本地調試環境，靈活切換。

2、首頁支援兩種展示模式，分别是清單和分組，并且也可以動态設定。效果如下所示

3、首頁的資料源也是取自資料庫。子產品是否開啟完全可以背景配置。

4、源碼中也加入常用的功能子產品源碼，如：聯系我們、Page頁面預覽、圖檔通用頁面等。

不僅如此，這套架構還内含近200個API調用。參考下面的API清單頁面

打開其中一個，可以看到某個API的具體調用方式，點選“測試”按鈕，傳回結果如下。

最後炫耀下，用這套架構做了下面這些小程式，非常高效。

同時，也不需擔心不同檔案夾中的檔案複制問題。例:聯系我們這個子產品（4個檔案）有改動時，如保同步至其他小程式裡？使用下面這個小助手就可以，完美解決了檔案複制問題

這套架構還有另一個特點，就是相容QQ小程式，代碼需要變動的很小。即使有差異的地方，隻需按照如下做差異化即可。

以上介紹的是小程式的前端架構，後端提供标準的WebAPI輸出，支援所有程式設計語言調用。 

掃描下面小程式，可以看架構效果圖