微信小程序开源Demo精选

时间:2024-01-30 08:31:02

1. 仿QQ应用程序(#社交 #聊天 #SNS)





地址:https://github.com/xiehui999/SmallAppForQQ

2. 仿知乎微信小程序(#SNS #社区 #论坛)







地址:https://github.com/RebeccaHanjw/weapp-wechat-zhihu

3. 微信小程序实现移动端商城(#电商 #商城)






地址:https://github.com/liuxuanqiang/wechat-weapp-mall


4. 知乎日报(#新闻 #资讯)



地址:https://github.com/LiuCaiHe/wechat-app-sample


5. V2EX-微信小程序版(#社区 #社交)




地址:https://github.com/jectychen/wechat-v2ex

6. 「分答」 Power by 微信小程序(#问答)


地址:https://github.com/davedavehong/fenda-mock

7. 微信小程序: 音乐播放器(#音乐 #多媒体播放)





地址:https://github.com/eyasliu/wechat-app-music

8. 可以播放音乐的微信小程序版 Apple Music(#音乐)




地址:https://github.com/Sioxas/AppleMusic


9. 微信小程序(应用号)示例教程(豆瓣电影)


视频演示:http://files.wedn.net/videos/weapp/preview.mp4

地址:https://github.com/zce/weapp-demo


10. 微信小程序 Artand Demo(#艺术 #展示 #媒体)








地址:https://github.com/SuperKieran/weapp-artand

11. 微信小程序之小熊の日记(#记录 #工具 #媒体)



地址:https://github.com/harveyqing/BearDiary


12. 微信小程序 cnode社区版(#社区 #论坛)



地址:https://github.com/vincentSea/wechat-cnode

13. 微信小应用-小程序-demo-仿芒果TV(#媒体 #视频)





地址:https://github.com/web-Marker/wechat-Development

14. 微信小程序 - 电影推荐(#媒体 #电影)




地址:https://github.com/yesifeng/wechat-weapp-movie

15. 仿 「ONE · 一个」 的微信小程序(#资讯 #媒体)





地址:https://github.com/ahonn/weapp-one

 

 

 

 

微信小程序实例源码大全下载

 

微信小应用示例代码(phodal/weapp-quick)
源码链接:https://github.com/phodal/weapp-quick

微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)
源码链接:https://github.com/giscafer/wechat-weapp-mapdemo

微信小应用- 掘金主页信息流(hilongjw/weapp-gold)
源码链接:https://github.com/hilongjw/weapp-gold

微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-demo)
源码链接:https://github.com/zce/weapp-demo

微信小程序-豆瓣电影(hingsir/weapp-douban-film)
源码链接:https://github.com/hingsir/weapp-douban-film

小程序 hello world 尝鲜(kunkun12/weapp)
源码链接:https://github.com/kunkun12/weapp

使用微信小程序开发2048游戏(sammffl/wechat-weapp-2048)
源码链接:https://github.com/sammffl/wechat-weapp-2048

微信小程序-微票(wangmingjob/weapp-weipiao)
源码链接:https://github.com/wangmingjob/weapp-weipiao

微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)
源码链接:https://github.com/SeptemberMaples/wechat-weapp-demo

微信小程序V2EX(jectychen/wechat-v2ex)
源码链接:https://github.com/jectychen/wechat-v2ex

微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)
源码链接:https://github.com/myronliu347/wechat-app-zhihudaily

微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)
源码链接:https://github.com/hijiangtao/weapp-newsapp

微信小程序版Gank客户端  
源码链接:https://github.com/lypeer/wechat-weapp-gank

微信小程序集成Redux实现的Todo list  
源码链接:https://github.com/charleyw/wechat-weapp-redux-todos

微信小程序-番茄时钟  
源码链接:https://github.com/kraaas/timer

微信小程序项目汇总  
源码链接:http://javascript.ctolib.com/cat ... t-wechat-weapp.html

微信小程序版聊天室  
源码链接: https://github.com/ericzyh/wechat-chat

微信小程序-HiApp  
源码链接: https://github.com/BelinChung/wxapp-hiapp

小程序Redux绑定库  
源码链接: https://github.com/charleyw/wechat-weapp-redux

微信小程序版微信
源码链接:  https://github.com/18380435477/WeApp

小程序开发从布局开始
源码链接:  https://github.com/hardog/wechat-app-flexlayout

微信小程序-音乐播放器 
源码链接: https://github.com/eyasliu/wechat-app-music

微信小程序-简易计算器-适合入门
源码链接: https://github.com/dunizb/wxapp-sCalc

微信小程序-github 
源码链接:  https://github.com/zhengxiaowai/weapp-github

微信小程序-小熊の日记 
源码链接:  https://github.com/harveyqing/BearDiary

微信小程序
源码链接: https://github.com/SeaHub/PigRaising

微信小程序(WeChatMeiZhi妹子图)
源码链接:https://github.com/brucevanfdm/WeChatMeiZhi

使用方法


1、克隆项目代码到本地(git应该都要会哈,现在源码几乎都会放github上,会git才方便,不会的可以自学一下哦,不会的也没关系,gitHub上也提供直接下载的链接)
2、打开微信开发者工具;
3、添加项目->选择本项目目录->编译执行;

 

 

 

笔者整理了更多适合微信小程序应用场景的源码:

 

经典应用场景之【点餐微信小程序】

 

 

 

 

 

经典应用场景之【订票微信小程序】

 

 

 

 

 

经典应用场景之【查快递微信小程序】

 

 

 

经典应用场景之【购物商城微信小程序】

 

 

 

经典应用场景之【家装O2O微信小程序】

 

 

 

经典应用场景之【O2O美容】

 

  

 

经典应用场景之【车源宝】

 

  

 

经典应用场景之教育【云课堂】

 

 

 

 

 

截止2018年8月1日更新一批小程序包括(小程序商城、企业门户、小程序游戏)部分截图如下: 

 

 

   

 

 

 

其他源码截图:

 

 

还有N多就不一一列举了

 

 

部分带后台源码:

 

 

awesome-github-wechat-weapp 是由OpenDigg整理并维护的微信小程序开源项目库集合。我们会定期同步OpenDigg上的项目到这里,也欢迎各位提交项目给我们。

如果收录的项目有错误,可以通过issue反馈给我们。这里的项目Star数不是实时更新的,一般是一周更新一次。

内容

UI组件

开发框架

  • wepy ★1325 - 小程序组件化开发框架
  • Labrador ★785 - 微信小程序模块化开发框架
  • wxapp-devFrame ★49 - 小程序基本的开发框架

实用库

开发工具

  • wept ★1097 - 实时微信小程序开发工具
  • weapp-quick ★320 - “微信Web开发者”拷贝工具
  • Wxapp.vim ★213 - 微信小程序开发 Vim 插件
  • wechat_web_devtools ★179 - 微信开发者工具Linux版
  • miniapps ★131 - 小程序项目脚手架工具
  • Matchmaker ★107 - 专为微信小程序开发的插件
  • wecos ★64 - 微信小程序 COS 瘦身解决方案

服务端

项目实例

Demo