如何入门微信小程序开发，超详细学习指南大全
2017年微信小程序发布开始，我就开始接触和学习微信小程序，看着小程序不断的更新迭代，功能越来越丰富，生态也越来越健全完善。
在这过程中，开发过商城小程序、停车扫码计费小程序、工具打卡小程序、流量主小程序等等。
很多人问我小程序怎么开发，一个人怎么制作自己的小程序？
想起自己刚接触微信小程序时，也是一头雾水，不知道从何学起，再简单的知识也看不懂，再简单的工具也不知道去哪下载。
作为一个过来人，从自己这么多年的开发经验和实战过程中，总结出一份小程序学习路线，可以说全网最详细也不为过，学习路线字数超4万字，但远远还没不够，只能当作是一个基础版本，之后我会不断丰富填充内容和知识点。
学习路线，不仅包含教你如何从零入门学习开发小程序，而且也从自己的经验中说说小程序如何运营，此外，还会涉及如何用小程序赚钱，拆解市场上成功的小程序案例，以及小程序如何结合AI来赚钱等等。
学习路线总体大纲：
1.什么是小程序
2.学习路线特点
3.学习小程序前需要的基础知识
4.开发小程序前准备
5.小程序入门基础知识
6.小程序进阶知识
7.小程序常用框架
8.小程序常用插件
9.小程序开源源码
10.小程序运营
11.小程序赚钱案例
12.小程序流量主
小程序学习路线
这份学习路线并不完美，还在持续更新，与时俱进，与时代同行。
什么是小程序？
微信小程序无需下载、触手可及、用完即走、无需卸载
路线特点
- 一份全面的小程序知识点大梳理和汇总
- 分阶段学习
- 使用符合对知识点的重要程度做了区分，按需学习
- 知识点附有描述和资源链接
- 提供大量优质学习资源
符号表
可根据知识点前的符号按需选学，并获取知识点描述和学习资源。
前言 – 学编程需要的特质
- 定目标
- 拼命执行
- 不半途而废
学小程序前需要的知识基础
描述：前端知识是小程序开发的基础，不需要你有多熟练，起码有了解，建议把小程序经常用到的知识点学好，再入门小程序会容易很多。
前端资源：
-
- 阿里云前端实战学习：https://edu.aliyun.com/roadmap/frontend
- W3Cschool 编程入门实战：https://www.w3cschool.cn/codecamp/
- pink老师前端入门教程：https://www.bilibili.com/video/BV14J4114768
小程序经常用到的前端知识点：
HTML
描述：用于定义一个网页结构的基本技术。
资源：https://developer.mozilla.org/zh-CN/docs/Learn/HTML
CSS
描述：层叠样式表，用于设计风格和布局。
资源：
弹性盒子布局flex：https://www.shuzhiduo.com/A/RnJWoL1BJq/
Javascript
描述：具有函数优先的轻量级，解释型或即时编译型的编程语言。
资源：回调函数 : https://www.bilibili.com/read/cv11101111/
小程序官方资料
- 小程序注册接入 https://developers.weixin.qq.com/miniprogram/introduction/
- 官方工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
- 官方文档<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/"> https://developers.weixin.qq.com/miniprogram/dev/framework/
- 运营规范 https://developers.weixin.qq.com/miniprogram/product/
- 开发社区<a href="https://developers.weixin.qq.com/community/develop/question"> https://developers.weixin.qq.com/community/develop/question
- 微信支付 https://pay.weixin.qq.com/wiki/doc/apiv3/wxpay/pages/index.shtml
- 客服消息<a href="https://developers.weixin.qq.com/miniprogram/introduction/custom.html"> https://developers.weixin.qq.com/miniprogram/introduction/custom.html
- 特殊行业所需资质资料 https://developers.weixin.qq.com/miniprogram/product/material/
- we数据分析<a href="https://developers.weixin.qq.com/miniprogram/analysis/wedata/"> https://developers.weixin.qq.com/miniprogram/analysis/wedata/
如何学习微信小程序
多看官方文档，多看几遍，遇到问题时再看
- 1.基础知识要过关，如：时间绑定、ajax请求、异步回调，搞清楚小程序外是怎么交换
- 2.通读一遍官方文档，看看都有哪些东西，都能干什么
- 3.多敲代码，看到例子、别人的demo下载下来运行，看原理和结构
- 4.多写多看、熟能手巧
开发前必读
- 1.开发前需要了解禁止类目和资质，看一下运营规范
- 2.微信小程序需要https请求，需要准备备案域名：由于备案需要一定时间，要事先准备
- 3.SSL证书准备
- 4.服务器
小程序视频教程资源
- 9小时搞定微信小程序开发
- uniapp前后端实战课
- 人人都会微信小程序实战进阶
- 微信小程序开发实战商业级应用
- 微信小程序入门与实战
- 微信小程序入门与实战常用组件 ApL开发技巧项目实战
- 微信小程序云开发-从0打造云音乐全栈小程序
小程序学习阶段
开发工具
- 微信开发者工具（推荐） https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
- HBuilder X https://www.dcloud.io/hbuilderx.html
小程序入门
资源
- 小程序开发起步（官方视频教程）https://developers.weixin.qq.com/community/business/course/000264e20a0dd8e69669b609451c0d
- 小程序基础开发之架构、框架、组件（官方视频教程）https://developers.weixin.qq.com/community/business/course/000ca4b0990a9087193d27b905780d
- 微信开发者工具系列课程（官方视频教程）https://developers.weixin.qq.com/community/business/course/000884131701789a46acb81f85140d
常用知识要点
- 小程序框架
- 全局配置和页面配置 JSON配置构成
- 页面生命周期
- WXML模板
- WXSS样式
- JS逻辑交互
- 渲染层与逻辑层
- 小程序的结构目录
- 全局配置文件-pages字段
- 全局配置文件-window字段
- 全局配置文件-tabbar字段
- rpx单位
- 小程序组件
- view 视图容器
- 简单双向绑定
- 数据绑定
- 流程控制
- 条件语句 if 和 else
- 循环语句 for
- swiper轮播图组件
- button组件
- checkbox组件
- form组件
- input组件
- label组件
- picker组件
- radio组件
- switch组件
- textarea组件
- 代码注释
- 函数
- 函数创建
- 带参合不带参函数的区别
-
- 点击事件
- 变量
- 变量的使用和初始化
- 变量重新赋值
- 变量命名规范
- 全局变量和局部变量
-
- css样式
- class选择器
- css样式
-
- 常见机型适配问题
- 视频组件video
- 地图组件map
- 自定义组件
- 小程序API
- wx.canIUse 判断当前版本是否可用
- wx.getWindowInfo() 获取窗口信息
- wx.updateWeChatApp() 更新客户端版本
- wx.swtitchTab()路由 跳转到 tabBar 页面
- wx.redirectTo() 关闭当前页面，跳转到应用内的某个页面
- wx.navigateTo() 保留当前页面，跳转到应用内的某个页面
- wx.navigateToMiniProgram() 打开另一个小程序
- wx.showShareMenu() 显示当前页面的转发按钮
- wx.onCopyUrl() 复制
- wx.showToast() 消息提示框
- wx.startPullDownRefresh() 下拉刷新
- wx.pageScrollTo() 滚动
- wx.request() 发起 HTTPS 网络请求
- wx.downloadFile() 下载文件资源到本地
- wx.uploadFile() 将本地资源上传到服务器
- wx.requestPayment() 发起微信支付
- 数据缓存
- wx.setStorageSync()
- wx.setStorage()
- wx.removeStorage()
- wx.getStorageSync()
- wx.getStorageInfo()
- wx.getStorage()
-
- 图片功能
- wx.saveImageToPhotosAlbum()
- wx.getImageInfo()
- wx.chooseMessageFile()
- wx.chooseImage()
- 图片功能
-
- 视频
- wx.chooseVideo()
- wx.chooseMedia()
- 视频
-
- 音频
- 相机
- 富文本
- 位置
- wx.openLocation()
- wx.getLocation()
- wx.chooseLocation()
-
- 文件
- 登录 wx.login()
- 用户信息
- wx.getUserProfile()
- wx.getUserInfo()
- UserInfo()
-
- 授权
- wx.authorizeForMiniProgram()
- wx.authorize()
- 授权
-
- 收货地址 wx.chooseAddress()
- 订阅消息
- wx.requestSubscribeMessage()
- wx.requestSubscribeDeviceMessage()
-
- 视频号
- 微信客服 wx.openCustomerServiceChat()
- 联系人
- wx.chososeContact()
- wx.addPhoneContact()
-
- 剪切板
- wx.setClipboardData()
- wx.getClipboardData()
- 剪切板
-
- 拨打电话 wx.makePhoneCall()
- 扫码 wx.scanCode()
小程序进阶
资源
- 小程序基础能力介绍（官方视频教程）https://developers.weixin.qq.com/community/business/course/000a62c2a00cb03d0a8e5375c5b00d
- 小程序开发新能力解读（官方）https://developers.weixin.qq.com/community/business/course/0004ca93454498f68aac5faa25b80d
常用知识要点
- 接口调用凭证
- 小程序登录
- 用户信息
- 支付
- 小程序码
- 微信外部链接 URL Link
- 客服
小程序高级
资源
- 小程序性能优化实践（官方视频教程）基于实际开发场景，由资深开发者分享小程序性能优化的各项能力及应用实践，提升小程序性能表现
https://developers.weixin.qq.com/community/business/course/000606628dc2e86dc0ddcbb115940d
要点
- 小程序原理及框架剖析 https://segmentfault.com/a/1190000038836580
- 浅析微信小程序的底层架构原理<a href="http://t.zoukankan.com/goloving-p-14663950.html"> http://t.zoukankan.com/goloving-p-14663950.html
- 【小程序】图解小程序平台架构及其特征与应用机制 https://blog.csdn.net/ImagineCode/article/details/125360895
- 微信小程序「官方示例代码」浅析【上】 微信小程序「官方示例代码」浅析【上】 - 知乎
- 微信小程序「官方示例代码」剖析【下】：运行机制 微信小程序「官方示例代码」剖析【下】：运行机制 - 知乎
- 「微信小程序」剖析（二）：框架原理 | 在浏览器上运行的猜想 「微信小程序」剖析（二）：框架原理 | 在浏览器上运行的猜想 - 知乎
- 为什么我们需要一个兼容「微信小程序」的Web框架？ 为什么我们需要一个兼容「微信小程序」的Web框架？ - 知乎
- 让你的「微信小程序」运行在Chrome浏览器上，让我们使用WebStorm 让你的「微信小程序」运行在Chrome浏览器上，让我们使用WebStorm - 知乎
- 「微信小程序」剖析（四）：原生的实时DOM转Virtual DOM 「微信小程序」剖析（四）：原生的实时DOM转Virtual DOM - 知乎
- 这【五篇】文章将带你深入了解「微信小程序」 这【五篇】文章将带你深入了解「微信小程序」 - 知乎
- 近两万字小程序攻略发布了 https://juejin.cn/post/6844903670589423623
- 【微信小程序】性能优化 https://juejin.cn/post/6844903638226173965
小程序框架
工具
基于Vue
- uni-app ☆37.6k 使用 Vue 语法开发小程序、H5、App的统一框架 https://github.com/dcloudio/uni-app
- mpvue ☆20.4k 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系 https://github.com/Meituan-Dianping/mpvue
- megalo ☆1.6k 基于 Vue 的小程序开发框架 https://github.com/kaola-fed/megalo
- Okam 使用类 Vue 方式开发小程序的渐进增强框架，支持生成微信/百度等主流平台的小程序 https://github.com/ecomfe/okam
- rubic – 基于 Vue3 的小程序开发框架，在小程序中使用 Composition API https://github.com/jaskang/rubic
基于React
- Taro ☆32.2k 使用 React 的方式开发小程序的框架，同时支持生成多端应用 https://github.com/NervJS/taro
- Remax ☆4.5k 使用真正的 React 构建小程序<a href="https://github.com/remaxjs/remax"> https://github.com/remaxjs/remax
基于Gulp
- WeApp-Workflow ☆100+ – 基于 Gulp 的微信小程序前端开发工作流 https://github.com/Jeff2Ma/WeApp-Workflow
- gulp-wxapp-boilerplate – 小程序+小程序云 Gulp 开发脚手架，支持云函数 mock https://github.com/ksky521/gulp-wxapp-boilerplate
- weapp-gulp – Gulp高效构建微信小程序，让开发变得更简单 https://github.com/sunnie1992/weapp-gulp
基于node
- wcc.js – wcc.js 是wxml文件和wxs文件编译器的nodejs实现 https://github.com/caijw/wcc.js
- wcsc.js – wcsc.js 是wxss文件编译器的nodejs实现 https://github.com/caijw/wcsc.js
其它
- WePY ☆22k 支持组件化的小程序开发框架 https://github.com/Tencent/wepy
- chameleon ☆9k 一套代码运行多端，一端所见即多端所见<a href="https://github.com/didi/chameleon"> https://github.com/didi/chameleon
- kbone Web ☆4.5k 与小程序同构解决方案 https://github.com/Tencent/kbone
- wept ☆2.8k 微信小程序实时运行环境 https://github.com/wetools/wept
- wechat_web_devtools ☆2.7k Linux 下微信开发者工具 https://github.com/cytle/wechat_web_devtools
- wafer ☆2.2k 快速构建具备弹性能力的微信小程序 https://github.com/tencentyun/wafer
- MPX ☆3.2k 增强型小程序框架，深度性能优化，支持跨小程序平台开发，完全兼容原生小程序组件 https://github.com/didi/mpx
- Labrador ☆1.7k 支持 ES6/7 的微信小程序组件化开发框架 https://github.com/maichong/labrador
- licia ☆2.1k 支持小程序的 JS 工具库 https://github.com/liriliri/licia
- CloudBase Framework ☆1.9k腾讯云开发开源一键部署工具，支持部署小程序及云开发应用 https://github.com/Tencent/cloudbase-framework
- tina ☆1.3k 轻巧的渐进式微信小程序框架 https://github.com/tinajs/tina
- minapp ☆927 – TypeScript 版小程序开发框架（兼容原生小程序代码） https://github.com/qiu8310/minapp
- xpmjs ☆100+ – 微信小程序云端增强 SDK https://github.com/xpmjs/xpmjs
- weapp-tailwindcss-webpack-plugin ☆100+ 在小程序里使用 TailwindCSS 吧 https://github.com/sonofmagic/weapp-tailwindcss-webpack-plugin
- weact 用 JSX 快速开发小程序 https://github.com/haojy/weact
- socket.io-mp-client 微信小程序 http://socket.io 客户端 https://github.com/cytle/socket.io-mp-client
- @wxa AOP小程序开发框架 https://wxajs.github.io/wxa/
- wxml-parser – JavaScript WXML parser https://github.com/seanlong/wxml-parser
- weappx – 基于 redux 的数据层管理框架 https://github.com/tolerance-go/weappx
- weapp-start – 基于插件机制的开发脚手架，改善原生小程序开发体验 https://github.com/tolerance-go/weapp-start
- Egret Wing – 支持微信小程序实时预览的 IDE http://developer.egret.com/cn/github/egret-docs/Wing/update/update320/index.html
- wxapp-graphql – 小程序 GraphQL 客户端 https://github.com/Authing/wxapp-graphql
- wenaox – 小程序数据层管理 ，轻量性能好，支持中间件<a href="https://github.com/cnyballk/wenaox"> https://github.com/cnyballk/wenaox
- cheers-mp – Almost零配置微信原生小程序脚手架，vue-cli般的体验~(ts、less、原生npm、云OSS、CI自动发布体验版) https://github.com/bigmeow/cheers-mp
- we-mobx – 在微信小程序中使用 MobX https://github.com/cicec/we-mobx
- weconsole – 功能全面、界面与体验对标 Chrome devtools 的可定制化的小程序开发调试面板 https://github.com/weimobGroup/WeConsole
px 转 rpx 插件
- postcss-pxtorpx-pro – postcss px 转 rpx 插件 https://github.com/Genuifx/postcss-pxtorpx-pro
- px2rpx – Px 转 Rpx 在线工具 https://github.com/allanguys/px2rpx
插件
- wxapp.vim – 提供微信小程序开发全方位支持的 vim 插件 https://github.com/chemzqm/wxapp.vim
- Matchmaker – IntelliJ IDEA 插件，注入方法 https://github.com/lypeer/Matchmaker
- wechatCode-complete – webstorm 插件（代码提示） https://github.com/qbright/wechatCode-complete
- wxapp – sublime plugin https://github.com/FloydaGithub/wxapp
- minapp – vscode 插件（支持 原生/mpvue/wepy 框架） https://github.com/qiu8310/minapp/blob/master/packages/minapp-vscode/README.md
- vscode-live-sass-compiler – vscode插件根据.scss文件自动生成wxss文件 https://github.com/ritwickdey/vscode-live-sass-compiler
- WePY Plugin For IntelliJ Platform – 让PhpStorm/WebStorm全面支持WePY的开发，包括API(原生/WePY)和组件(官方/自定义)的自动完成/错误检查/高亮/不依赖Vue/… http://wepy.iniself.com/
- wxml – vscode插件–微信小程序格式化以及高亮组件(高度自定义) https://github.com/cnyballk/wxml-vscode
- wux-weapp-snippets – Wux Weapp Snippets for VS Code. https://github.com/wux-weapp/wux-weapp-snippets
- wux-weapp-atom-snippets – Wux Weapp Snippets for Atom. https://github.com/wux-weapp/wux-weapp-atom-snippets
- wux-weapp-sublime-snippets – Wux Weapp Snippets Plugin for Sublime Text 2/3. https://github.com/wux-weapp/wux-weapp-sublime-snippets
组件
UI组件库
- weui-wxss ☆12.4K+ – 同微信原生视觉体验一致的基础样式库 https://github.com/Tencent/weui-wxss
- vant-weapp ☆12.3k+ – 高颜值、好用、易扩展的微信小程序 UI 库 https://github.com/youzan/vant-weapp
- iview-weapp ☆5.5k+ – 一套高质量的微信小程序 UI 组件库 https://github.com/TalkingData/iview-weapp
- wux-weapp ☆4.2k+ – 一套组件化、可复用、易扩展的微信小程序 UI 组件库<a href="https://github.com/wux-weapp/wux-weapp"> https://github.com/wux-weapp/wux-weapp
- Lin UI ☆2k+ – 一套设计优良、基于原生微信小程序语法的 UI 组件库<a href="https://github.com/TaleLin/lin-ui"> https://github.com/TaleLin/lin-ui
- Wa-UI ☆200+ – 针对微信小程序整合的一套 UI 库<a href="https://github.com/liujians/Wa-UI"> https://github.com/liujians/Wa-UI
- wuss-weapp – 一款高质量，组件齐全，高自定义的微信小程序UI组件库 https://github.com/phonycode/wuss-weapp
日历
- wx_calendar ☆300+ – 小程序日历 https://github.com/treadpit/wx_calendar
- miniprogram-datepicker – 小程序日期选择器（支持农历） https://github.com/pithyone/miniprogram-datepicker
- mpvue-calendar – 微信小程序/浏览器端的日历组件mpvue-calendar；基于mpvue平台 支持农历、按周切换、可自定义。 https://github.com/Hzy0913/mpvue-calendar
富文本
- wxParse ☆7.2K+ – 微信小程序富文本解析自定义组件，支持 HTML 及 markdown 解析 https://github.com/icindy/wxParse
- mp-html ☆1.4K+ – 小程序富文本组件，支持渲染和编辑 html，支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用<a href="https://github.com/jin-yufeng/mp-html"> https://github.com/jin-yufeng/mp-html
滑动
- wx-scrollable-tab-view ☆200+ – 小程序可滑动得 tab-view https://github.com/zhongjie-chen/wx-scrollable-tab-view
- wx-alphabetical-listview ☆100+ – 微信小程序带字母滑动的 listview https://github.com/zhongjie-chen/wx-alphabetical-listview
- wx-drawer ☆100+ – 小程序模仿 QQ6.0 侧滑菜单 https://github.com/zhongjie-chen/wx-drawer
- we-swiper ☆100+ – 微信小程序触摸内容滑动解决方案 we-swiper ☆100+ – 微信小程序触摸内容滑动解决方案
- 侧滑布局 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E4%BE%A7%E6%BB%91%E5%B8%83%E5%B1%80/weapp-slider-master
图表
- wx-charts ☆4.1k+ – 微信小程序图表 charts 组件 https://github.com/xiaolin3303/wx-charts
- wxapp-charts ☆100+ – 微信小程序图表 charts 组件 https://github.com/hawx1993/wxapp-charts
- chartjs-wechat-mini-app ☆100+ – chartjs 微信小程序适配 https://github.com/xiabingwu/chartjs-wechat-mini-app
- wepy-com-charts – 微信小程序 wepy 图表控件<a href="https://github.com/CalvinHong/wepy-com-charts"> https://github.com/CalvinHong/wepy-com-charts
- anka-tracker – 小程序打点库，用于统计用户行为数据<a href="https://github.com/iException/anka-tracker"> https://github.com/iException/anka-tracker
图片
- image-cropper ☆900+ –
微信小程序图片裁剪组件 https://github.com/1977474741/image-cropper
- wxapp-img-loader ☆400+ – 微信小程序图片预加载组件<a href="https://github.com/o2team/wxapp-img-loader"> https://github.com/o2team/wxapp-img-loader
- we-cropper ☆400+ – 微信小程序图片裁剪工具 https://github.com/we-plugin/we-cropper
- xing-weapp-editor – 小程序图文编辑组件<a href="https://github.com/ianho/xing-weapp-editor"> https://github.com/ianho/xing-weapp-editor
- 图片自适应 ，富文本解析<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%9B%BE%E7%89%87%E8%87%AA%E9%80%82%E5%BA%94%20%EF%BC%8C%E5%AF%8C%E6%96%87%E6%9C%AC%E8%A7%A3%E6%9E%90/wxapp-master"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%9B%BE%E7%89%87%E8%87%AA%E9%80%82%E5%BA%94%20%EF%BC%8C%E5%AF%8C%E6%96%87%E6%9C%AC%E8%A7%A3%E6%9E%90/wxapp-master
Canvas
- wxa-plugin-canvas ☆300+ – 微信小程序朋友圈海报生成组件 https://github.com/jasondu/wxa-plugin-canvas
- WeZRender ☆300+ – 微信小程序 Canvas 开发<a href="https://github.com/guyoung/WeZRender"> https://github.com/guyoung/WeZRender
- mp_canvas_drawer – canvas绘制图片助手，一个json就制作分享朋友圈图片 https://github.com/kuckboy1994/mp_canvas_drawer
- anka-brush – 一款为简化小程序里canvas画图操作而创建的工具库 https://github.com/iException/anka-brush
组件功能
- WeiXinProject – 微信小程序列表上拉刷新和上拉加载 https://github.com/lidong1665/WeiXinProject
- wxapp ☆300+ – 微信小程序功能组件 https://github.com/youzouzou/wxapp
- wetoast ☆100+ – 微信小程序 toast 增强插件 https://github.com/kiinlam/wetoast
- wxSearch ☆200+ – 微信小程序优雅的搜索框 https://github.com/icindy/wxSearch
- citySelect ☆100+ – 微信小程序城市选择器 https://github.com/chenjinxinlove/citySelect
- xing-weapp-component – 微信小程序基础组件扩展<a href="https://github.com/ianho/xing-weapp-component"> https://github.com/ianho/xing-weapp-component
- wx-statuslayout – 小程序页面状态切换组件 https://github.com/ZzjBeatYou/wx-statuslayout
- minapp-slider-left – 微信小程序左划删除组件 https://github.com/bigmeow/minapp-slider-left
- mp-swipe-card – 小程序卡片滑动组件,类似探探的效果，貌似现在只支持左右滑动 https://github.com/qizf7/mp-swipe-card
- we-validator – 简单灵活的表单验证插件，支持小程序、浏览器以及Nodejs端使用。https://github.com/ChanceYu/we-validator
- wx-pulltorefresh-view – 简单灵活的下拉上拉刷新组件，支持微信小程序 https://github.com/zhongxuqi/wx-pulltorefresh-view
- weapp-input-frame – 微信小程序验证码输入框组件 https://github.com/xjh22222228/weapp-input-frame
- 地图定位 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%9C%B0%E5%9B%BE%E5%AE%9A%E4%BD%8D/wechat-weapp-mapdemo-master
- 瀑布流布局 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E7%80%91%E5%B8%83%E6%B5%81%E5%B8%83%E5%B1%80/WxMasonry-master
- 小程序读取excel数据 https://github.com/qiushi123/xiaochengxu_demos/tree/master/190729%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%A1%A8%E6%A0%BC
- 手机验证码登录 https://github.com/qiushi123/xiaochengxu_demos/tree/master/190907%E6%89%8B%E6%9C%BA%E9%AA%8C%E8%AF%81%E7%A0%81%E7%99%BB%E5%BD%95
- 小程序二维码 https://github.com/qiushi123/xiaochengxu_demos/tree/master/191011%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%BA%8C%E7%BB%B4%E7%A0%81
2D/3D
- wxDraw ☆100+ – 微信小程序 2D 动画库 https://github.com/bobiscool/wxDraw
API、Promise
- weapp-polyfill – [w3c 标准 API polyfill https://github.com/leancloud/weapp-polyfill
- wx-promise-pro ☆666+ – 微信小程序 Promise 库<a href="https://github.com/youngjuning/wx-promise-pro"> https://github.com/youngjuning/wx-promise-pro
- minapp-api-promise – 微信小程序所有 API promise 化<a href="https://github.com/bigmeow/minapp-api-promise"> https://github.com/bigmeow/minapp-api-promise
- wx-api-promisify – 优雅地将微信小程序API Promise化 https://github.com/vv13/wx-api-promisify
- weapp.request – 为微信小程序提供的网络请求组件，是 wx.request 的扩展，基于 Promise API，添加缓存控制。<a href="https://github.com/afishhhhh/weapp.request"> https://github.com/afishhhhh/weapp.request
- miniprogram-network – Redefine the Network API of MiniProgram(小程序网络请求库) https://github.com/NewFuture/miniprogram-network
其它
- wemark ☆1.100+ – 微信小程序 Markdown 渲染库 https://github.com/TooBug/wemark
- wx-promise-request ☆100+ – 微信小程序请求队列管理库 https://github.com/JoeZheng2015/wx-promise-request
- weapp-cookie ☆100+ – 一行代码让微信小程序支持 cookie
https://github.com/charleslo1/weapp-cookie
- wxapp-lock – 微信小程序手势解锁 https://github.com/demi520/wxapp-lock
- http://weapp.socket.io ☆500+ – http://socket.io 风格的 websocket 类库<a href="https://github.com/weapp-socketio/weapp.shttp://ocket.io"> https://github.com/weapp-socketio/weapp.socket.io
- wxMD5 – 微信小程序 MD5 库 https://github.com/youngjuning/wxMD5
- wxBase64 – 微信小程序base64 库<a href="https://github.com/youngjuning/wxBase64"> https://github.com/youngjuning/wxBase64
- cue – A WX Compontent Tools https://github.com/WARJY/cue
- sol-weapp ☆300+ -微信小程序营销组件:红包雨、大转盘等营销组件 https://github.com/sunniejs/sol-weapp/
- we-debug – 一款灵活、易于拓展的微信小程序调试工具 https://github.com/dlhandsome/we-debug
- weapp-qrcode – 微信小程序生成二维码工具 https://github.com/tomfriwel/weapp-qrcode
- cheers-mp-router –
精巧强大的小程序原生路由 https://github.com/bigmeow/cheers-mp-router
- wx-updata – 微信小程序官方 setData 替代品，只修改 data 中你希望修改的部分
https://github.com/SHERlocked93/wx-updata
- three-platformize – 一个让 THREE 平台化的项目，已适配微信、淘宝、头条小程序 https://github.com/deepkolos/three-platformize
小程序开源源码（按类目分）
可直接运行成功
物流
教育
- 在线答题小程序 https://gitee.com/xiaofeiyang3369/myexamapp?_from=gitee_search
- 答题小程序 https://gitee.com/kesixin/QuestionWechatApp?_from=gitee_search
- 答题考试小程序 https://gitee.com/wulivicor/exam?_from=gitee_search
- 在线考试小程序 https://gitee.com/dabenbenyihao/online-test-applet?_from=gitee_search
- 答题小程序<a href="https://gitee.com/423555593/datixiaochengxu?_from=gitee_search#%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E"> https://gitee.com/423555593/datixiaochengxu?_from=gitee_search#%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E
交通
- 租车小程序前端 https://gitee.com/shanwei_city_da_shu_network/zuchemini?_from=gitee_search#%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E
- 停车场系统小程序 https://gitee.com/wangdefu/parking_system_applet?_from=gitee_search
房地产
- 租房小程序 https://gitee.com/open-source-byte/house?_from=gitee_search
- 租房微信小程序-带管理员后台<a href="https://gitee.com/LiangSenCheng/house?_from=gitee_search"> https://gitee.com/LiangSenCheng/house?_from=gitee_search
- 宿舍报修助手<a href="https://gitee.com/aYuan-git/wechat-dorm-miniprogram?_from=gitee_search"> https://gitee.com/aYuan-git/wechat-dorm-miniprogram?_from=gitee_search
生活
- 校园综合服务平台小程序 https://gitee.com/yaozy717/hbhzdtn?_from=gitee_search
- 微信报修小程序 https://gitee.com/cxyax/WeChatComputer-roomMaintenance?_from=gitee_search
- 垃圾分类小程序 https://gitee.com/joelingwei/rubbish?_from=gitee_search
- CC智慧物业小程序 https://gitee.com/voice-of-xiaozhuang/SmartPrroperty?_from=gitee_search
- 市民政务服务预约小程序<a href="https://gitee.com/ht-jenny/CityAppt?_from=gitee_search"> https://gitee.com/ht-jenny/CityAppt?_from=gitee_search
- HC智慧家园小程序<a href="https://gitee.com/java110/WechatOwnerService?_from=gitee_search"> https://gitee.com/java110/WechatOwnerService?_from=gitee_search
- 口腔医院预约平台小程序 https://gitee.com/zmn_repository/wx_dental_hospital?_from=gitee_search
- 家政服务小程序 https://gitee.com/chun-hui-gao2022/familymini?_from=gitee_search
- 物资预约领取小程序 https://gitee.com/crystar/tcb-hackthon-mask?_from=gitee_search
- 美容机构预约小程序<a href="https://gitee.com/naive2021/smartbeauty?_from=gitee_search"> https://gitee.com/naive2021/smartbeauty?_from=gitee_search
IT科技
餐饮
- 餐厅订座小程序 https://gitee.com/wind-pheasant-zere/GoodFoodAppt?_from=gitee_search
文娱
- 婚姻登记中心小程序<a href="https://gitee.com/wang-xiaocao/SunMarry?_from=gitee_search"> https://gitee.com/wang-xiaocao/SunMarry?_from=gitee_search
- 旅游景区门户小程序<a href="https://gitee.com/voice-of-xiaozhuang/WeTravel?_from=gitee_search"> https://gitee.com/voice-of-xiaozhuang/WeTravel?_from=gitee_search
- 口袋吉他 https://gitee.com/alex1504/wx-guita_tab-public?_from=gitee_search
工具
- wyq2214368/remove-water-mark-mp –
短视频去水印小程序（含服务端）https://github.com/wyq2214368/remove-water-mark-mp
- xtanyu/parsing-mini – 短视频去水印小程序（含Java版本服务端） https://github.com/xtanyu/parsing-mini
- realyao/Focus-clock ★100+ –
时间管理小程序：专注时钟（集成时间管理、目标计划、Todo待办、白噪声。易部署 适合新手学习入门）https://github.com/realyao/WXminiprogram-Focus-clock
- 小程序爱乐查 https://gitee.com/dave_hai/XiaoChengXuAiLeCha?_from=gitee_search
- 贴身管家小程序版 https://gitee.com/nmgwap/TieShenGuanJia-WeiXinXiaoChengXuBan?_from=gitee_search
- 婚礼请柬小程序 https://gitee.com/zijun2030/hun-jian?_from=gitee_search
- 驾校预约小程序<a href="https://gitee.com/cai-jianya111/drivermini?_from=gitee_search"> https://gitee.com/cai-jianya111/drivermini?_from=gitee_search
- 活动报名小程序 https://gitee.com/minzonetech/CCSmartMeet?_from=gitee_search
- 花栗鼠关爱小姨妈（小程序）<a href="https://gitee.com/hualishu910/Period_Diary?_from=gitee_search"> https://gitee.com/hualishu910/Period_Diary?_from=gitee_search
电商
- 基于vue、element ui 的轻量级、前后端分离、拥有完整sku和下单流程的完全开源商城 小程序端 https://gitee.com/gz-yami/mall4m?_from=gitee_search
社交
- imageslr/taro-library ★150+ – Taro + Redux + 本地 Mock Server 小程序示例项目 https://github.com/imageslr/taro-library
- 校友会小程序 https://gitee.com/minzonetech/CCSmartTXL?_from=gitee_search
体育
- 运动场馆预约小程序 https://gitee.com/voice-of-xiaozhuang/sportmini?_from=gitee_search
- 健身预约小程序<a href="https://gitee.com/yupsh/fitness-reservation?_from=gitee_search"> https://gitee.com/yupsh/fitness-reservation?_from=gitee_search
汽车
资讯
- RebeccaHanjw/weapp-wechat-zhihu ★800+ – 仿知乎<a href="https://github.com/RebeccaHanjw/weapp-wechat-zhihu"> https://github.com/RebeccaHanjw/weapp-wechat-zhihu
- imageslr/weapp-library ★500+ – 在线借书平台（30+页面/组件化/Mock Server/云开发） https://github.com/imageslr/weapp-library
- 微慕WordpPress小程序开源版 前端<a href="https://github.com/iamxjb/winxin-app-watch-http://life.net"> https://github.com/iamxjb/winxin-app-watch-life.net
- 大白鲸旅游攻略-小程序 https://gitee.com/ckjcode/big-white-whale-travel-guide?_from=gitee_search
- 追格资讯小程序开源版 https://gitee.com/zhuige_com/jiangqie_kafei?_from=gitee_search
- 豆瓣类影视查询记录小程序 https://gitee.com/x1299906945/Mark?_from=gitee_search
- 高仿Readhub小程序 https://gitee.com/richard1015/News?_from=gitee_search
其它
- deepkolos/three-platformize-demo-wechat – 微信小程序 THREE 包含16个loader测试demo https://github.com/deepkolos/three-platformize-demo-wechat
- deepkolos/wxmp-tensorflow – 微信小程序下运行最新TensorFlowJS的解决方案 https://github.com/deepkolos/wxmp-tensorflow
只有前端，后端源码不完整
物流
教育
- We重邮<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%87%8D%E9%82%AE/wecqupt-master"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%87%8D%E9%82%AE/wecqupt-master
交通
- ofo小程序 https://github.com/MiceLiD/ofo-applet
- 卡卡汽车 获取用户 设备信息<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%8D%A1%E5%8D%A1%E6%B1%BD%E8%BD%A6%20%E8%8E%B7%E5%8F%96%E7%94%A8%E6%88%B7%20%E8%AE%BE%E5%A4%87%E4%BF%A1%E6%81%AF/wx_Applet-master"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%8D%A1%E5%8D%A1%E6%B1%BD%E8%BD%A6%20%E8%8E%B7%E5%8F%96%E7%94%A8%E6%88%B7%20%E8%AE%BE%E5%A4%87%E4%BF%A1%E6%81%AF/wx_Applet-master
- 滴滴公交-查公交 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E6%BB%B4%E6%BB%B4%E5%85%AC%E4%BA%A4-%E6%9F%A5%E5%85%AC%E4%BA%A4/weapp-gj-master
- 车源宝 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%BD%A6%E6%BA%90%E5%AE%9D/weapp-cheyuanbao-master
房地产
生活
- 垃圾分类小程序 https://github.com/qi19901212/Garbage
- 跑步小程序<a href="https://github.com/alanwangmodify/weChatApp-Run"> https://github.com/alanwangmodify/weChatApp-Run
IT科技
餐饮
- 餐饮点餐商城<a href="https://github.com/woniudiancang/bee"> https://github.com/woniudiancang/bee
- 星巴克中国 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E6%98%9F%E5%B7%B4%E5%85%8B%E4%B8%AD%E5%9B%BD/starbucks-master
- 餐饮点餐商城 https://github.com/woniudiancang/bee
文娱
- weapp-film – 淘票票 https://github.com/luuman/weapp-film
- lsqy/taro-music –
基于taro + taro-ui + redux + typescript 开发的网易云音乐小程序 https://github.com/lsqy/taro-music
- 仿喜马拉雅lite – 微信小程序原生开发的仿喜马拉雅小程序（极度适合新手入门） https://github.com/Notobey/Himalayan-lite
工具
- wangmingjob/weapp-weipiao ★300+ – 微票 https://github.com/wangmingjob/weapp-weipiao
- harveyqing/BearDiary ★200+ – 小熊の日记<a href="https://github.com/harveyqing/BearDiary"> https://github.com/harveyqing/BearDiary
- leancloud/leantodo-weapp ★200+ – 集成 LeanCloud 实现的 Todo list https://github.com/leancloud/leantodo-weapp
- kraaas/timer ★100+ – 番茄时钟<a href="https://github.com/kraaas/timer"> https://github.com/kraaas/timer
- dunizb/wxapp-sCalc ★100+ – 简易计算器<a href="https://github.com/dunizb/wxapp-sCalc"> https://github.com/dunizb/wxapp-sCalc
- litt1e-p/weapp-girls ★100+ – 豆瓣美女/妹子图<a href="https://github.com/litt1e-p/weapp-girls"> https://github.com/litt1e-p/weapp-girls
- liumulin614/BeautifulGirl – 美女模特 https://github.com/liumulin614/BeautifulGirl
- vace/wechatapp-news-reader ★100+ – 新闻阅读器 https://github.com/vace/wechatapp-news-reader
- DengKe1994/weapp-calculator – IOS 计算器<a href="https://github.com/DengKe1994/weapp-calculator"> https://github.com/DengKe1994/weapp-calculator
- monkindey/wx-github – GitHub 简历<a href="https://github.com/monkindey/wx-github"> https://github.com/monkindey/wx-github
- fluency03/weapp-500px – 国外摄影社区 500px<a href="https://github.com/fluency03/weapp-500px"> https://github.com/fluency03/weapp-500px
- xujinyang/CoderCalendar-WeApp – 程序员老黄历<a href="https://github.com/xujinyang/CoderCalendar-WeApp"> https://github.com/xujinyang/CoderCalendar-WeApp
- brucevanfdm/WeChatMeiZhi – 妹子图 https://github.com/brucevanfdm/WeChatMeiZhi
- zce/weapp-todos – TODOS 任务清单 https://github.com/zce/weapp-todos
- arkilis/weapp-jandan – 煎蛋 https://github.com/arkilis/weapp-jandan
- bodekjan/wechat-weather – 微信天气 https://github.com/bodekjan/wechat-weather
- jasscia/ChristmasHat – 我要圣诞帽 https://github.com/jasscia/ChristmasHat
- nanwangjkl/sliding_puzzle – 滑块拼图 https://github.com/nanwangjkl/sliding_puzzle
- w1109790800/We-Todo – 基于LeanCloud的Todo-List<a href="https://github.com/w1109790800/We-Todo"> https://github.com/w1109790800/We-Todo
- lonnng/etym – 芒果词源助手 https://github.com/lonnng/etym
- wuhou123/wxxcx – 武侯的猫，基于wepy构建,整合了n多查询工具（快递，天气，记账，搞笑视频等）<a href="https://github.com/wuhou123/wxxcx"> https://github.com/wuhou123/wxxcx
- upupming/HITMers – 博物馆小助手（统计值班表、签到、值班日历及备忘录、国际化、http://Streamable.com 视频上传等）https://github.com/upupming/HITMers
- WarpPrism/SubwayRoutineMP – 【东京首尔曼谷新加坡巴黎地铁线路图
】https://github.com/WarpPrism/SubwayRoutineMP
- GoKu-gaga/today – 口袋工具（一个小工具的集合）https://github.com/GoKu-gaga/today
- cy920820/weapp-motor-movies – 马达电影助手（一个院线电影小助手） https://github.com/cy920820/weapp-motor-movies
- Gwokhov/chronus – Chronus 目标日记（一款能帮助你管理生活目标的云开发微信小程序）https://github.com/Gwokhov/chronus
- imliubo/Wechat_MQTT_ESP8266_BaiduIoT – 微信智能小管家 (使用微信小程序控制你的硬件设备) https://github.com/imliubo/Wechat_MQTT_ESP8266_BaiduIoT
- ZhuPeng/mp-githubtrending – 以 Feed 流形式查看 GitHub Trending 仓库集合的工具 https://github.com/ZhuPeng/mp-githubtrending
- yociduo/scrum-planning-poker – Scrum敏捷估算,基于wepy构建 https://github.com/yociduo/scrum-planning-poker
- branliang/game-stop-app – PSN降价了（一个可以订阅PS4游戏价格的工具）https://github.com/BranLiang/game-stop-app
- wk989898/wxchat-mail – 仿Gmail邮箱的微信小程序 https://github.com/wk989898/wxchat-mail
- arleyGuoLei/wechat-1password –
有本密码，云开发实现的AES加密密码本，支持指纹、人脸，UI简约大方<a href="https://github.com/arleyGuoLei/wechat-1password"> https://github.com/arleyGuoLei/wechat-1password
- wilhantian/periodic-table –
精致的元素周期表小程序<a href="https://github.com/wilhantian/periodic-table"> https://github.com/wilhantian/periodic-table
- terryso/super9 –
抖音一键去水印小程序: Taro + 微信云开发 https://github.com/terryso/super9
- redhat123456/upPhysicalExercise –
up体能训练小程序(健身训练、观看视频、制定计划于一身的综合小程序) https://github.com/redhat123456/upPhysicalExercise
- redhat123456/Tanger_query –
查询小程序(查询各种各样的信息的小程序) https://github.com/redhat123456/Tanger_query
- mark420524/question – 学习答题小程序，诗词歌赋小工具-早晚答小程序 https://github.com/mark420524/question
- 云笔记<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E4%BA%91%E7%AC%94%E8%AE%B0/hotapp-notepad-master"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E4%BA%91%E7%AC%94%E8%AE%B0/hotapp-notepad-master
- 五险一金计算 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E4%BA%94%E9%99%A9%E4%B8%80%E9%87%91%E8%AE%A1%E7%AE%97
- 人脸检测 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E4%BA%BA%E8%84%B8%E6%A3%80%E6%B5%8B/weapp-face-detect-master
- 剪刀石头布 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%89%AA%E5%88%80%E7%9F%B3%E5%A4%B4%E5%B8%83/weapp-demo-websocket-master
- 备忘录开发 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%A4%87%E5%BF%98%E5%BD%95/todolist-master
- 大转盘 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%A4%A7%E8%BD%AC%E7%9B%98/tianmao
- 易打卡 表单设计 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E6%98%93%E6%89%93%E5%8D%A1%20%E8%A1%A8%E5%8D%95%E8%AE%BE%E8%AE%A1/app
- 涂鸦 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E6%B6%82%E9%B8%A6/graffiti
- 电影日历 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E7%94%B5%E5%BD%B1%E6%97%A5%E5%8E%86/calendar-movie
- 画布：时钟 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E7%94%BB%E5%B8%83%EF%BC%9A%E6%97%B6%E9%92%9F/weCanvasClock-master
- 语音跟读<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%AF%AD%E9%9F%B3%E8%B7%9F%E8%AF%BB/wxreading-master"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%AF%AD%E9%9F%B3%E8%B7%9F%E8%AF%BB/wxreading-master
- 货币汇率 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%B4%A7%E5%B8%81%E6%B1%87%E7%8E%87/currencyRate-master
- 跑步 地理位置 计时器 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%B7%91%E6%AD%A5%20%E5%9C%B0%E7%90%86%E4%BD%8D%E7%BD%AE%20%E8%AE%A1%E6%97%B6%E5%99%A8/weChatApp-Run-master
- 身份证查询<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%BA%AB%E4%BB%BD%E8%AF%81%E6%9F%A5%E8%AF%A2/wechat_gadget"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%BA%AB%E4%BB%BD%E8%AF%81%E6%9F%A5%E8%AF%A2/wechat_gadget
- 辩论倒计时 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%BE%A9%E8%AE%BA%E5%80%92%E8%AE%A1%E6%97%B6/timing
- 题库：选择选项，切换至下一题 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%A2%98%E5%BA%93%EF%BC%9A%E9%80%89%E6%8B%A9%E9%80%89%E9%A1%B9%EF%BC%8C%E5%88%87%E6%8D%A2%E8%87%B3%E4%B8%8B%E4%B8%80%E9%A2%98/calculate-swiperList-master
- 首字母排序选择<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%A6%96%E5%AD%97%E6%AF%8D%E6%8E%92%E5%BA%8F%E9%80%89%E6%8B%A9/wxSortPickerView-master"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%A6%96%E5%AD%97%E6%AF%8D%E6%8E%92%E5%BA%8F%E9%80%89%E6%8B%A9/wxSortPickerView-master
- 麻将骰子：附详细教程<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%BA%BB%E5%B0%86%E9%AA%B0%E5%AD%90%EF%BC%9A%E9%99%84%E8%AF%A6%E7%BB%86%E6%95%99%E7%A8%8B/WeChat-app-dice"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%BA%BB%E5%B0%86%E9%AA%B0%E5%AD%90%EF%BC%9A%E9%99%84%E8%AF%A6%E7%BB%86%E6%95%99%E7%A8%8B/WeChat-app-dice
- 答题小程序<a href="https://github.com/kesixin/QuestionWechatApp"> https://github.com/kesixin/QuestionWechatApp
- 婚礼邀请函 https://github.com/pengMaster/marry
- 婚礼喜帖小程序<a href="https://github.com/chenyongze/OnceLove"> https://github.com/chenyongze/OnceLove
电商
- EastWorld/wechat-app-mall ★3000+ – 微信小程序商城<a href="https://github.com/EastWorld/wechat-app-mall"> https://github.com/EastWorld/wechat-app-mall
- tumobi/nideshop-mini-program ★2000+ – 基于 Node.js + MySQL 开发的开源微信小程序商城 https://github.com/tumobi/nideshop-mini-program
- bayetech/wechat_mall_applet ★300+ – 电商平台 https://github.com/bayetech/wechat_mall_applet
- steedos/mini-vip – 华炎微站、微商城<a href="https://github.com/steedos/mini-vip"> https://github.com/steedos/mini-vip
社交
- 18380435477/WeApp ★300+ – 仿微信<a href="https://github.com/18380435477/WeApp"> https://github.com/18380435477/WeApp
- ericzyh/wechat-chat ★100+ – 聊天室 https://github.com/ericzyh/wechat-chat
- YYJeffrey/july_client ★100+ – 七月（一款社交小程序，集内容发布、动态分享、点赞评论、互动聊天等功能） https://github.com/YYJeffrey/july_client
- RAOE/show-videos – 秀视频（微信小程序短视频社交软件，视频上传，音视频合成，评论，点赞，转发，分享等） https://github.com/RAOE/show-videos
- wechat-im 即时通讯 https://github.com/unmagic/wechat-im
体育
汽车
资讯
- jectychen/wechat-v2ex ★300+) – V2EX https://github.com/jectychen/wechat-v2ex
- myronliu347/wechat-app-zhihudaily ★200+ – 知乎日报<a href="https://github.com/myronliu347/wechat-app-zhihudaily"> https://github.com/myronliu347/wechat-app-zhihudaily
- ahonn/weapp-one ★200+ – 仿 ONE https://github.com/ahonn/weapp-one
- yaoshanliang/weapp-ssha ★200+ – 企业宣传小程序 https://github.com/yaoshanliang/weapp-ssha
- hilongjw/weapp-gold ★100+ – 掘金主页信息流<a href="https://github.com/hilongjw/weapp-gold"> https://github.com/hilongjw/weapp-gold
- zce/weapp-douban ★100+ – 豆瓣电影 https://github.com/zce/weapp-douban
- hingsir/weapp-douban-film ★100+ – 豆瓣电影 https://github.com/hingsir/weapp-douban-film
- BelinChung/wxapp-hiapp ★100+ – HiApp https://github.com/BelinChung/wxapp-hiapp
- romoo/weapp-demo-breadtrip ★100+ – 面包旅行 https://github.com/romoo/weapp-demo-breadtrip
- githinkcn/Giteer – Giteer For 码云，基于Taro + Taro UI + Dva的小程序。 https://github.com/githinkcn/Giteer
- bruintong/wechat-webapp-douban-movie – 豆瓣电影 https://github.com/bruintong/wechat-webapp-douban-movie
- bruintong/wechat-webapp-douban-location – 豆瓣同城 https://github.com/bruintong/wechat-webapp-douban-location
- mohuishou/scuplus-wechat – We 川大 https://github.com/mohuishou/scuplus-wechat
- hankzhuo/wx-v2ex – v2ex<a href="https://github.com/hankzhuo/wx-v2ex"> https://github.com/hankzhuo/wx-v2ex
- Hongye567/weapp-mark – 仿 Mark 影单的微信小程序 https://github.com/Hongye567/weapp-mark
- jae-jae/weapp-github-trending – Github今日榜单 https://github.com/jae-jae/weapp-github-trending
- alex1504/wx-guita_tab – 口袋吉他 https://github.com/alex1504/wx-guita_tab
- Airmole/ShellBox – 贝壳小盒子（校园教务信息查询类工具，获2019高校小程序开发大赛华北区二等奖）https://github.com/Airmole/ShellBox
- aquanlerou/WeHalo ★200+ – 爱敲代码的猫（WeHalo 简约风 的微信小程序版博客
） https://github.com/aquanlerou/WeHalo
- yuzexia/iw3cplus – 前端社区http://www.w3cplus.com的微信小程序 https://github.com/yuzexia/iw3cplus
- kilakila-heart/fuliba-front – 信息流福利吧小程序 https://github.com/kilakila-heart/fuliba-front
- AnsonZnl/bookshelf –
基于云开发的书架小程序（附教程）
https://github.com/AnsonZnl/bookshelf
- 健康菜谱 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%81%A5%E5%BA%B7%E8%8F%9C%E8%B0%B1/caipu_weixin-master
- 分答微信小程序 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%88%86%E7%AD%94%E5%B0%8F%E7%A8%8B%E5%BA%8F/fenda-master
- 图书管理系统 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%9B%BE%E4%B9%A6%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/bookLibrary-master
- 网易云课堂小程序 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E7%BD%91%E6%98%93%E4%BA%91%E8%AF%BE%E5%A0%82/wechat-Study163-master
- 仿芒果TV https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%8A%92%E6%9E%9CTV/wechat-Development-master
- 豆瓣图书<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%B1%86%E7%93%A3%E5%9B%BE%E4%B9%A6/DouBanBookApp"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%B1%86%E7%93%A3%E5%9B%BE%E4%B9%A6/DouBanBookApp
- 企业官网<a href="https://github.com/yaoshanliang/weapp-ssha"> https://github.com/yaoshanliang/weapp-ssha
小游戏
- natee/wxapp-2048 ★100+ – 2048 小游戏 https://github.com/natee/wxapp-2048
- yaoshanliang/weapp-jump ★100+ – 跳一跳<a href="https://github.com/yaoshanliang/weapp-jump"> https://github.com/yaoshanliang/weapp-jump
- yaoshanliang/weapp-monument-valley ★100+ – 纪念碑谷<a href="https://github.com/yaoshanliang/weapp-monument-valley"> https://github.com/yaoshanliang/weapp-monument-valley
其它
- huangjianke/Gitter ★700+ – Gitter for GitHub – 可能是目前颜值最高的GitHub小程序客户端 https://github.com/huangjianke/Gitter
- lypeer/wechat-weapp-gank ★600+) – Gank 客户端 https://github.com/lypeer/wechat-weapp-gank
- charleyw/wechat-weapp-redux ★300+ – Redux 绑定库 https://github.com/charleyw/wechat-weapp-redux
- zce/weapp-boilerplate ★300+ – 微信小程序快速开发骨架 https://github.com/zce/weapp-boilerplate
- lanshan-studio/wecqupt ★300+ – We 重邮 https://github.com/lanshan-studio/wecqupt
- SuperKieran/weapp-artand ★200+ – Artand<a href="https://github.com/SuperKieran/weapp-artand"> https://github.com/SuperKieran/weapp-artand
- dongweiming/weapp-zhihulive ★200+ – 知乎 Live https://github.com/dongweiming/weapp-zhihulive
- kunkun12/weapp – 小程序 hello world 尝鲜 https://github.com/kunkun12/weapp
- SeptemberMaples/wechat-weapp-demo ★100+ – 购物车 https://github.com/SeptemberMaples/wechat-weapp-demo
- hijiangtao/weapp-newsapp – 公众号热门文章信息流<a href="https://github.com/hijiangtao/weapp-newsa"> https://github.com/hijiangtao/weapp-newsapp
- charleyw/wechat-weapp-redux-todos ★100+ – 集成 Redux 实现的Todo list https://github.com/charleyw/wechat-weapp-redux-todos
- hardog/wechat-app-flexlayout ★100+ – flexlayout https://github.com/hardog/wechat-app-flexlayout
- zhuweiyou/fetop100 ★100+ – 前端TOP100 https://github.com/zhuweiyou/fetop100
- Symous/WechatApp-BaisiSister – 百思不得姐 https://github.com/Symous/WechatApp-BaisiSister
- zhengxiaowai/weapp-github – github https://github.com/zhengxiaowai/weapp-github
- Seahub/PigRaising – PigRaising<a href="https://github.com/SeaHub/PigRaising"> https://github.com/SeaHub/PigRaising
- uniquexiaobai/wechat-app-githubfeed – GitHubFeed https://github.com/uniquexiaobai/wechat-app-githubfeed
- kaiwu/weui-scalajs – 使用Scala.js开发<a href="https://github.com/kaiwu/weui-scalajs"> https://github.com/kaiwu/weui-scalajs
- tinajs/tina-hackernews – Hacker News 热点<a href="https://github.com/tinajs/tina-hackernews"> https://github.com/tinajs/tina-hackernews
- LDouble/WeOUC – WeOUC(教务小程序) LDouble/WeOUC – WeOUC(教务小程序) https://github.com/LDouble/WeOUC
- NewFuture/miniprogram-template – 原生API纯TypeScript开发小程序(VSCode as IDE)与完整开发流程 https://github.com/NewFuture/miniprogram-template
- arleyGuoLei/wx-words-pk ★100+ –
2020 云开发实现单词对战小程序（随机匹配、人机对战、好友对战），专业UI https://github.com/arleyGuoLei/wx-words-pk
小程序项目源码
小程序运营
资源
- We分析 · 小程序数据分析平台（官方视频教程）https://developers.weixin.qq.com/community/business/course/00004a73b1007048bc8ccc66e5140d
- 腾讯游戏：为什么你的社群不活跃（官方视频教程）https://developers.weixin.qq.com/community/business/course/0008aa0ac4c84048352d30f795c00d
- 周大福：社群运营团队与个性化服务（官方视频教程）https://developers.weixin.qq.com/community/business/course/000066de8c8b70217d2dc090e5540d
- 宝岛眼镜：「留量经营」启动期避坑指南（官方视频教程）https://developers.weixin.qq.com/community/business/course/0008ac75244ea08da62d63e4f5b80d
- 名创优品：从经营位置，到经营人（官方视频教程）https://developers.weixin.qq.com/community/business/course/000a82b2ebc12062b52d8ad8551c0d
小程序赚钱案例
小程序流量主
- 代开发小程序广告变现解决方案 「流量主代运营」模式 赋能服务商获得持续收益（官方视频教程）https://developers.weixin.qq.com/community/business/course/00068ca2c2c230cc0c2f4a9e956c0d
到这里已经接近4万字，其它部分内容可以看以下，是我这些年积累下来的实战经验。
江雨凡小程序开发 - 原创微信小程序学习路线，包含全面的知识点、免费资源、开源源码、开发框架、学习建议、项目、小程序技术变现、流量主、副业赚钱、资讯。yd.shucaigang.cn/
https://yd.shucaigang.cn/
专注于微信小程序开发6年，我写的是关于小程序的系列文章。如果有小程序 的问题和需求，欢迎一起交流学习。