八個小程序開源項目助你快速搭建小程序
今天和大家分享幾個小程序開源項目, 幫助我們輕松搭建自己的小程序應用. 我會從大家最熟悉的小程序UI組件, 到可視化庫, 再到完整項目, 一一和大家介紹。
- 小程序UI組件庫
- 小程序多端開發(fā)框架
- 小程序可視化圖表庫
- 經(jīng)典小程序開源項目
小程序UI組件庫
1、vant-weapp
Vant Weapp 是移動端 Vue 組件庫 Vant 的小程序版本,兩者基于相同的視覺規(guī)范,提供一致的 API 接口,助力開發(fā)者快速搭建小程序應用。
我個人覺得, 如果你是一名前端開發(fā)人員, 使用該UI庫可以更靈活高效的開發(fā)小程序, 同時還能提高自己的編程能力. 移動端的訪問界面如下:
開源地址: https://github.com/vant-ui/vant-weapp。
2、iView Weapp
iView 是一套高質量的微信小程序 UI 組件庫, 和 vant-weapp 類似, 是一個開箱即用的組件庫, 對于兩者區(qū)別來說, 筆者認為 vant-weapp 在文檔,性能和社區(qū)使用率上略勝一籌。
界面如下:
開源地址: https://github.com/TalkingData/iview-weapp。
小程序多端開發(fā)框架
1、Uni-app
uni-app 是一個使用 Vue.js 開發(fā)所有前端應用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web(響應式)、以及各種小程序(微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶)、快應用等多個平臺。接下來我來分享一下它的架構:
github地址: https://github.com/dcloudio/uni-app。
2、網(wǎng)易考拉 Megalo
Megalo 是基于 Vue(Vue@2.6.6) 的小程序開發(fā)框架,讓開發(fā)者可以用 Vue 的開發(fā)方式開發(fā)小程序應用。Megalo 是為了跨 H5 和小程序兩端的應用提供一個高效的解決方案,只需要少量改動即可完成 H5 和小程序之間的代碼遷移。
Megalo 目前支持微信小程序,支付寶小程序,百度智能小程序,字節(jié)跳動小程序。
github: https://github.com/kaola-fed/megalo。
3、京東Taro
Taro 是一個開放式跨端跨框架解決方案,支持使用 React/Vue/Nerv 等框架來開發(fā) 微信 / 京東 / 百度 / 支付寶 / 字節(jié)跳動 / QQ / 飛書 小程序 / H5 / RN 等應用。
現(xiàn)如今市面上端的形態(tài)多種多樣,Web、React Native、微信小程序等各種端大行其道。當業(yè)務要求同時在不同的端都要求有所表現(xiàn)的時候,針對不同的端去編寫多套代碼的成本顯然非常高,這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。
同時它還提供了一套京東風格的組件庫 NutUI:
NutUI 從功能、組件、性能、官網(wǎng)四方面放入手,不斷在組件庫的豐富性、輕量化、易用性上進行改進,力求打造一款好用的移動端組件庫,為開發(fā)者提效,為業(yè)務賦能,為開源貢獻一份力量。
github地址: https://github.com/nervjs/taro。
4、Remax
remax 將 React 運行在小程序環(huán)境中,讓我們可以使用完整的 React 進行小程序開發(fā)。 其具有如下特點:
- 真正的 React - 不同于靜態(tài)編譯的方案,在 Remax 中使用 React 沒有任何限制,包括 React Hooks。我們可以把 Remax 理解為針對小程序的 React Native。
- 多端支持 - 使用 Remax 把代碼轉換到多個小程序平臺。
- TypeScript - 完整的 TypeScript 支持,給你滿滿的安全感。
github地址: https://github.com/remaxjs。
小程序可視化圖表庫
echarts-for-weixin:Apache ECharts 的微信小程序版本
開發(fā)者可以通過熟悉的 ECharts 配置方式,快速開發(fā)圖表,滿足各種可視化需求。
github地址: https://github.com/ecomfe/echarts-for-weixin。
經(jīng)典小程序開源項目
1、wechat-app-mall:微信小程序商城
微信小程序商城,微信小程序微店,長期維護版本.我們可以使用它輕松搭建商城小程序, 只需要加上自己的后端, 對前端小修小改即可快速上線一個屬于自己的小程序。
github地址: https://gitee.com/javazj/wechat-app-mall。
2、taro-music:網(wǎng)易云音樂小程序
taro-music是基于Taro與網(wǎng)易云音樂 api 開發(fā),技術棧主要是:typescript+taro+taro-ui+redux+react-hooks,目前主要是著重小程序端的展示,主要也是借此項目強化下上述幾個技術棧的使用,打造一個最佳實踐項目,通過這個項目也可以幫助你快速使用Taro開發(fā)一個屬于你自己的小程序。
github地址: https://github.com/lsqy/taro-music。
3、lowcode_news_mini 小程序的低代碼內容社區(qū)
lowcode_news_mini 是一個小程序的博客內容社區(qū), 幫助開發(fā)者建立自己的博客技術體系, 技術棧使用taro編寫, 非常適合想學習taro 開發(fā)跨端小程序的前端伙伴, 并且代碼完全開源。
github地址: https://github.com/MrXujiang/lowcode_news_mini。