小程式上線後,改版了很多次,包括一些 Api 介面也有改動。如果你學習一個很久之前的小程式專案是沒有意義的,本文推薦的小程式都是最近有更新的。相信在你學習、部署的過程中,不會遇到很多問題。
本文推薦的專案從入門到進階都有,收藏起來吧。
01.WordPress 版微信小程式
這個小程式功能幾乎包含了「內容」產品涉及的功能,比如:
- 文章列表(包括顯示文章分類、縮圖、釋出時間,支援分頁)
- 輪播圖、文章分類、文章內容頁(包括文章站內連結跳轉,站外連結複製到剪下板)
- 猜你喜歡相關文章、文章評論(提交評論和回覆評論,載入評論分頁,顯示微信使用者評論者的頭像)
- 顯示文章排行(瀏覽數、評論數、點贊數、讚賞數)、文章內容搜尋
- 透過微信支付對文章讚賞
- 分享到朋友圈、小程式直播、支援微信搜一搜頁面接入和內容搜尋等等
02. 小程式書店
技術棧:Taro + Taro UI + Redux + Webpack + ES6 + Mock。這個專案可以作為你第一個小程式練手專案。
這個小程式非常簡單,可以作為初學者第一個實戰專案。幫助新手理解 Taro 與 Redux 的配合方式與 Taro 的基本使用。本專案還提供了一個快速搭建本地 mock 服務的解決方案。
除此之外,這個專案還提供了學習文件:
03. 高仿喜馬拉雅
如果你僅僅有 HTML CSS Js 的知識儲備,想開發一個屬於自己的小程式,這個 Demo 再適合你不過了,這個高仿喜馬拉雅是一個初級專案完全使用微信小程式原生開發,沒有使用自定義元件,非常的適合微信小程式開發新手。
04. 網易雲音樂小程式
基於Taro與網易雲音樂 api 開發,技術棧主要是:typescript+taro+taro-ui+redux+react-hooks。
目前主要是著重小程式端的展示,主要也是藉此專案強化下上述幾個技術棧的使用,打造一個最佳實踐專案,透過這個專案也可以幫助你快速使用 Taro 開發一個屬於你自己的小程式。
這是該小程式實現的一些功能:
05.小程式 GitHub Trending Hub
小程式 GitHub Trending Hub 是一個以 Feed 流形式檢視 GitHub Trending 倉庫集合的工具,透過它可以及時檢視最近更新的熱門倉庫。
06.微信小程式商城
剛剛提及的專案適合新手入門,這個小程式適合進階選手。這個程式涉及很多元件的使用比如:
- 介面 SDK
- api工廠
- vant-weapp
- 小程式富文字外掛(html 渲染)
- 小程式海報元件-生成朋友圈分享海報並生成圖片
- Apache ECharts
07. 情書站點
第一個專案是校園小情書的微信小程式,該專案功能包括表白牆、樹洞、校園論壇。