开发一个小程序到底有多难？

如果你会编程，略懂前端编程知识，学习小程序知识，开发一个小程序不难。

如果你是小白，不懂编程，零基础，这确实很难开发一个小程序。

开发小程序需要掌握很多知识，我们看到的、在用的小程序，只是小程序的冰山一角。小程序还有后端功能与之交互，用户信息数据的备份，服务器的搭建，服务器的选配，域名的购买，SSL证书的申请等，这些你都要具备。

虽然要掌握的知识比较多，如果你有强烈的兴趣和足够的执行力去坚持，开发属于自己的小程序就显得微不足道。

作为一个有6年开发微信小程序的程序员，把我学习小程序开发的经历，跟大家说说。同时，这也是我为这么多年开发做一次内容的整理，想学习开发小程序的伙伴值得收藏。

小程序学习路线

这份学习路线并不完美，还在持续更新，与时俱进，与时代同行。

什么是小程序？

微信小程序无需下载、触手可及、用完即走、无需卸载

路线特点

一份全面的小程序知识点大梳理和汇总分阶段学习使用符合对知识点的重要程度做了区分，按需学习知识点附有描述和资源链接提供大量优质学习资源

大纲

前言 – 学编程需要的特质学小程序前需要的知识基础HTMLCSSJavascript小程序官方资料小程序教程资源小程序学习阶段小程序开发工具小程序入门小程序基础小程序组件小程序API小程序进阶小程序框架小程序开源源码小程序项目源码小程序运营小程序赚钱案例小程序流量主小程序风向标

前言 – 学编程需要的特质

定目标拼命执行不半途而废

学小程序前需要的知识基础

描述：前端知识是小程序开发的基础，不需要你有多熟练，起码有了解，建议把小程序经常用到的知识点学好，再入门小程序会容易很多。前端资源：阿里云前端实战学习：https://edu.aliyun.com/roadmap/frontendW3Cschool 编程入门实战：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.htmlHBuilder 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循环语句 forswiper轮播图组件button组件checkbox组件form组件input组件label组件picker组件radio组件switch组件textarea组件代码注释函数函数创建带参合不带参函数的区别点击事件变量变量的使用和初始化变量重新赋值变量命名规范全局变量和局部变量css样式class选择器常见机型适配问题视频组件video地图组件map自定义组件小程序APIwx.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微信小程序「官方示例代码」浅析【上】 https://zhuanlan.zhihu.com/p/22574282微信小程序「官方示例代码」剖析【下】：运行机制 https://zhuanlan.zhihu.com/p/22579053「微信小程序」剖析（二）：框架原理 | 在浏览器上运行的猜想 https://zhuanlan.zhihu.com/p/22607204为什么我们需要一个兼容「微信小程序」的Web框架？ https://zhuanlan.zhihu.com/p/22623615让你的「微信小程序」运行在Chrome浏览器上，让我们使用WebStorm https://zhuanlan.zhihu.com/p/22644951「微信小程序」剖析（四）：原生的实时DOM转Virtual DOM https://zhuanlan.zhihu.com/p/22664265这【五篇】文章将带你深入了解「微信小程序」 https://zhuanlan.zhihu.com/p/22687497近两万字小程序攻略发布了 https://juejin.cn/post/6844903670589423623【微信小程序】性能优化 https://juejin.cn/post/6844903638226173965

小程序框架

工具

基于Vue

uni-app ☆37.6k 使用 Vue 语法开发小程序、H5、App的统一框架 https://github.com/dcloudio/uni-appmpvue ☆20.4k 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系 https://github.com/Meituan-Dianping/mpvuemegalo ☆1.6k 基于 Vue 的小程序开发框架 https://github.com/kaola-fed/megaloOkam 使用类 Vue 方式开发小程序的渐进增强框架，支持生成微信/百度等主流平台的小程序 https://github.com/ecomfe/okamrubic – 基于 Vue3 的小程序开发框架，在小程序中使用 Composition API https://github.com/jaskang/rubic

基于React

Taro ☆32.2k 使用 React 的方式开发小程序的框架，同时支持生成多端应用 https://github.com/NervJS/taroRemax ☆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-Workflowgulp-wxapp-boilerplate – 小程序+小程序云 Gulp 开发脚手架，支持云函数 mock https://github.com/ksky521/gulp-wxapp-boilerplateweapp-gulp – Gulp高效构建微信小程序，让开发变得更简单 https://github.com/sunnie1992/weapp-gulp

基于node

wcc.js – wcc.js 是wxml文件和wxs文件编译器的nodejs实现 https://github.com/caijw/wcc.jswcsc.js – wcsc.js 是wxss文件编译器的nodejs实现 https://github.com/caijw/wcsc.js

其它

WePY ☆22k 支持组件化的小程序开发框架 https://github.com/Tencent/wepychameleon ☆9k 一套代码运行多端，一端所见即多端所见<a href="https://github.com/didi/chameleon"> https://github.com/didi/chameleonkbone Web ☆4.5k 与小程序同构解决方案 https://github.com/Tencent/kbonewept ☆2.8k 微信小程序实时运行环境 https://github.com/wetools/weptwechat_web_devtools ☆2.7k Linux 下微信开发者工具 https://github.com/cytle/wechat_web_devtoolswafer ☆2.2k 快速构建具备弹性能力的微信小程序 https://github.com/tencentyun/waferMPX ☆3.2k 增强型小程序框架，深度性能优化，支持跨小程序平台开发，完全兼容原生小程序组件 https://github.com/didi/mpxLabrador ☆1.7k 支持 ES6/7 的微信小程序组件化开发框架 https://github.com/maichong/labradorlicia ☆2.1k 支持小程序的 JS 工具库 https://github.com/liriliri/liciaCloudBase Framework ☆1.9k腾讯云开发开源一键部署工具，支持部署小程序及云开发应用 https://github.com/Tencent/cloudbase-frameworktina ☆1.3k 轻巧的渐进式微信小程序框架 https://github.com/tinajs/tinaminapp ☆927 – TypeScript 版小程序开发框架（兼容原生小程序代码） https://github.com/qiu8310/minappxpmjs ☆100+ – 微信小程序云端增强 SDK https://github.com/xpmjs/xpmjsweapp-tailwindcss-webpack-plugin ☆100+ 在小程序里使用 TailwindCSS 吧 https://github.com/sonofmagic/weapp-tailwindcss-webpack-pluginweact 用 JSX 快速开发小程序 https://github.com/haojy/weactsocket.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-parserweappx – 基于 redux 的数据层管理框架 https://github.com/tolerance-go/weappxweapp-start – 基于插件机制的开发脚手架，改善原生小程序开发体验 https://github.com/tolerance-go/weapp-startEgret Wing – 支持微信小程序实时预览的 IDE http://developer.egret.com/cn/github/egret-docs/Wing/update/update320/index.htmlwxapp-graphql – 小程序 GraphQL 客户端 https://github.com/Authing/wxapp-graphqlwenaox – 小程序数据层管理 ，轻量性能好，支持中间件<a href="https://github.com/cnyballk/wenaox"> https://github.com/cnyballk/wenaoxcheers-mp – Almost零配置微信原生小程序脚手架，vue-cli般的体验~(ts、less、原生npm、云OSS、CI自动发布体验版) https://github.com/bigmeow/cheers-mpwe-mobx – 在微信小程序中使用 MobX https://github.com/cicec/we-mobxweconsole – 功能全面、界面与体验对标 Chrome devtools 的可定制化的小程序开发调试面板 https://github.com/weimobGroup/WeConsole

px 转 rpx 插件

postcss-pxtorpx-pro – postcss px 转 rpx 插件 https://github.com/Genuifx/postcss-pxtorpx-propx2rpx – Px 转 Rpx 在线工具 https://github.com/allanguys/px2rpx

插件

wxapp.vim – 提供微信小程序开发全方位支持的 vim 插件 https://github.com/chemzqm/wxapp.vimMatchmaker – IntelliJ IDEA 插件，注入方法 https://github.com/lypeer/MatchmakerwechatCode-complete – webstorm 插件（代码提示） https://github.com/qbright/wechatCode-completewxapp – sublime plugin https://github.com/FloydaGithub/wxappminapp – vscode 插件（支持 原生/mpvue/wepy 框架） https://github.com/qiu8310/minapp/blob/master/packages/minapp-vscode/README.mdvscode-live-sass-compiler – vscode插件根据.scss文件自动生成wxss文件 https://github.com/ritwickdey/vscode-live-sass-compilerWePY Plugin For IntelliJ Platform – 让PhpStorm/WebStorm全面支持WePY的开发，包括API(原生/WePY)和组件(官方/自定义)的自动完成/错误检查/高亮/不依赖Vue/… http://wepy.iniself.com/wxml – vscode插件–微信小程序格式化以及高亮组件(高度自定义) https://github.com/cnyballk/wxml-vscodewux-weapp-snippets – Wux Weapp Snippets for VS Code. https://github.com/wux-weapp/wux-weapp-snippetswux-weapp-atom-snippets – Wux Weapp Snippets for Atom. https://github.com/wux-weapp/wux-weapp-atom-snippetswux-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-wxssvant-weapp ☆12.3k+ – 高颜值、好用、易扩展的微信小程序 UI 库 https://github.com/youzan/vant-weappiview-weapp ☆5.5k+ – 一套高质量的微信小程序 UI 组件库 https://github.com/TalkingData/iview-weappwux-weapp ☆4.2k+ – 一套组件化、可复用、易扩展的微信小程序 UI 组件库<a href="https://github.com/wux-weapp/wux-weapp"> https://github.com/wux-weapp/wux-weappLin UI ☆2k+ – 一套设计优良、基于原生微信小程序语法的 UI 组件库<a href="https://github.com/TaleLin/lin-ui"> https://github.com/TaleLin/lin-uiWa-UI ☆200+ – 针对微信小程序整合的一套 UI 库<a href="https://github.com/liujians/Wa-UI"> https://github.com/liujians/Wa-UIwuss-weapp – 一款高质量，组件齐全，高自定义的微信小程序UI组件库 https://github.com/phonycode/wuss-weapp

日历

wx_calendar ☆300+ – 小程序日历 https://github.com/treadpit/wx_calendarminiprogram-datepicker – 小程序日期选择器（支持农历） https://github.com/pithyone/miniprogram-datepickermpvue-calendar – 微信小程序/浏览器端的日历组件mpvue-calendar；基于mpvue平台 支持农历、按周切换、可自定义。 https://github.com/Hzy0913/mpvue-calendar

富文本

wxParse ☆7.2K+ – 微信小程序富文本解析自定义组件，支持 HTML 及 markdown 解析 https://github.com/icindy/wxParsemp-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-viewwx-alphabetical-listview ☆100+ – 微信小程序带字母滑动的 listview https://github.com/zhongjie-chen/wx-alphabetical-listviewwx-drawer ☆100+ – 小程序模仿 QQ6.0 侧滑菜单 https://github.com/zhongjie-chen/wx-drawerwe-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-chartswxapp-charts ☆100+ – 微信小程序图表 charts 组件 https://github.com/hawx1993/wxapp-chartschartjs-wechat-mini-app ☆100+ – chartjs 微信小程序适配 https://github.com/xiabingwu/chartjs-wechat-mini-appwepy-com-charts – 微信小程序 wepy 图表控件<a href="https://github.com/CalvinHong/wepy-com-charts"> https://github.com/CalvinHong/wepy-com-chartsanka-tracker – 小程序打点库，用于统计用户行为数据<a href="https://github.com/iException/anka-tracker"> https://github.com/iException/anka-tracker

图片

image-cropper ☆900+ – 微信小程序图片裁剪组件 https://github.com/1977474741/image-cropperwxapp-img-loader ☆400+ – 微信小程序图片预加载组件<a href="https://github.com/o2team/wxapp-img-loader"> https://github.com/o2team/wxapp-img-loaderwe-cropper ☆400+ – 微信小程序图片裁剪工具 https://github.com/we-plugin/we-cropperxing-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-canvasWeZRender ☆300+ – 微信小程序 Canvas 开发<a href="https://github.com/guyoung/WeZRender"> https://github.com/guyoung/WeZRendermp_canvas_drawer – canvas绘制图片助手，一个json就制作分享朋友圈图片 https://github.com/kuckboy1994/mp_canvas_draweranka-brush – 一款为简化小程序里canvas画图操作而创建的工具库 https://github.com/iException/anka-brush

组件功能

WeiXinProject – 微信小程序列表上拉刷新和上拉加载 https://github.com/lidong1665/WeiXinProjectwxapp ☆300+ – 微信小程序功能组件 https://github.com/youzouzou/wxappwetoast ☆100+ – 微信小程序 toast 增强插件 https://github.com/kiinlam/wetoastwxSearch ☆200+ – 微信小程序优雅的搜索框 https://github.com/icindy/wxSearchcitySelect ☆100+ – 微信小程序城市选择器 https://github.com/chenjinxinlove/citySelectxing-weapp-component – 微信小程序基础组件扩展<a href="https://github.com/ianho/xing-weapp-component"> https://github.com/ianho/xing-weapp-componentwx-statuslayout – 小程序页面状态切换组件 https://github.com/ZzjBeatYou/wx-statuslayoutminapp-slider-left – 微信小程序左划删除组件 https://github.com/bigmeow/minapp-slider-leftmp-swipe-card – 小程序卡片滑动组件,类似探探的效果，貌似现在只支持左右滑动 https://github.com/qizf7/mp-swipe-cardwe-validator – 简单灵活的表单验证插件，支持小程序、浏览器以及Nodejs端使用。https://github.com/ChanceYu/we-validatorwx-pulltorefresh-view – 简单灵活的下拉上拉刷新组件，支持微信小程序 https://github.com/zhongxuqi/wx-pulltorefresh-viewweapp-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-polyfillwx-promise-pro ☆666+ – 微信小程序 Promise 库<a href="https://github.com/youngjuning/wx-promise-pro"> https://github.com/youngjuning/wx-promise-prominapp-api-promise – 微信小程序所有 API promise 化<a href="https://github.com/bigmeow/minapp-api-promise"> https://github.com/bigmeow/minapp-api-promisewx-api-promisify – 优雅地将微信小程序API Promise化 https://github.com/vv13/wx-api-promisifyweapp.request – 为微信小程序提供的网络请求组件，是 wx.request 的扩展，基于 Promise API，添加缓存控制。<a href="https://github.com/afishhhhh/weapp.request"> https://github.com/afishhhhh/weapp.requestminiprogram-network – Redefine the Network API of MiniProgram(小程序网络请求库) https://github.com/NewFuture/miniprogram-network

其它

wemark ☆1.100+ – 微信小程序 Markdown 渲染库 https://github.com/TooBug/wemarkwx-promise-request ☆100+ – 微信小程序请求队列管理库 https://github.com/JoeZheng2015/wx-promise-requestweapp-cookie ☆100+ – 一行代码让微信小程序支持 cookie

https://github.com/charleslo1/weapp-cookie

wxapp-lock – 微信小程序手势解锁 https://github.com/demi520/wxapp-lockhttp://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.iowxMD5 – 微信小程序 MD5 库 https://github.com/youngjuning/wxMD5wxBase64 – 微信小程序base64 库<a href="https://github.com/youngjuning/wxBase64"> https://github.com/youngjuning/wxBase64cue – A WX Compontent Tools https://github.com/WARJY/cuesol-weapp ☆300+ -微信小程序营销组件:红包雨、大转盘等营销组件 https://github.com/sunniejs/sol-weapp/we-debug – 一款灵活、易于拓展的微信小程序调试工具 https://github.com/dlhandsome/we-debugweapp-qrcode – 微信小程序生成二维码工具 https://github.com/tomfriwel/weapp-qrcodecheers-mp-router – 精巧强大的小程序原生路由 https://github.com/bigmeow/cheers-mp-routerwx-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_searchCC智慧物业小程序 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_searchHC智慧家园小程序<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-mpxtanyu/parsing-mini – 短视频去水印小程序（含Java版本服务端） https://github.com/xtanyu/parsing-minirealyao/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-zhihuimageslr/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-wechatdeepkolos/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-filmlsqy/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-weipiaoharveyqing/BearDiary ★200+ – 小熊の日记<a href="https://github.com/harveyqing/BearDiary"> https://github.com/harveyqing/BearDiaryleancloud/leantodo-weapp ★200+ – 集成 LeanCloud 实现的 Todo list https://github.com/leancloud/leantodo-weappkraaas/timer ★100+ – 番茄时钟<a href="https://github.com/kraaas/timer"> https://github.com/kraaas/timerdunizb/wxapp-sCalc ★100+ – 简易计算器<a href="https://github.com/dunizb/wxapp-sCalc"> https://github.com/dunizb/wxapp-sCalclitt1e-p/weapp-girls ★100+ – 豆瓣美女/妹子图<a href="https://github.com/litt1e-p/weapp-girls"> https://github.com/litt1e-p/weapp-girlsliumulin614/BeautifulGirl – 美女模特 https://github.com/liumulin614/BeautifulGirlvace/wechatapp-news-reader ★100+ – 新闻阅读器 https://github.com/vace/wechatapp-news-readerDengKe1994/weapp-calculator – IOS 计算器<a href="https://github.com/DengKe1994/weapp-calculator"> https://github.com/DengKe1994/weapp-calculatormonkindey/wx-github – GitHub 简历<a href="https://github.com/monkindey/wx-github"> https://github.com/monkindey/wx-githubfluency03/weapp-500px – 国外摄影社区 500px<a href="https://github.com/fluency03/weapp-500px"> https://github.com/fluency03/weapp-500pxxujinyang/CoderCalendar-WeApp – 程序员老黄历<a href="https://github.com/xujinyang/CoderCalendar-WeApp"> https://github.com/xujinyang/CoderCalendar-WeAppbrucevanfdm/WeChatMeiZhi – 妹子图 https://github.com/brucevanfdm/WeChatMeiZhizce/weapp-todos – TODOS 任务清单 https://github.com/zce/weapp-todosarkilis/weapp-jandan – 煎蛋 https://github.com/arkilis/weapp-jandanbodekjan/wechat-weather – 微信天气 https://github.com/bodekjan/wechat-weatherjasscia/ChristmasHat – 我要圣诞帽 https://github.com/jasscia/ChristmasHatnanwangjkl/sliding_puzzle – 滑块拼图 https://github.com/nanwangjkl/sliding_puzzlew1109790800/We-Todo – 基于LeanCloud的Todo-List<a href="https://github.com/w1109790800/We-Todo"> https://github.com/w1109790800/We-Todolonnng/etym – 芒果词源助手 https://github.com/lonnng/etymwuhou123/wxxcx – 武侯的猫，基于wepy构建,整合了n多查询工具（快递，天气，记账，搞笑视频等）<a href="https://github.com/wuhou123/wxxcx"> https://github.com/wuhou123/wxxcxupupming/HITMers – 博物馆小助手（统计值班表、签到、值班日历及备忘录、国际化、http://Streamable.com 视频上传等）https://github.com/upupming/HITMersWarpPrism/SubwayRoutineMP – 【东京首尔曼谷新加坡巴黎地铁线路图】https://github.com/WarpPrism/SubwayRoutineMPGoKu-gaga/today – 口袋工具（一个小工具的集合）https://github.com/GoKu-gaga/todaycy920820/weapp-motor-movies – 马达电影助手（一个院线电影小助手） https://github.com/cy920820/weapp-motor-moviesGwokhov/chronus – Chronus 目标日记（一款能帮助你管理生活目标的云开发微信小程序）https://github.com/Gwokhov/chronusimliubo/Wechat_MQTT_ESP8266_BaiduIoT – 微信智能小管家 (使用微信小程序控制你的硬件设备) https://github.com/imliubo/Wechat_MQTT_ESP8266_BaiduIoTZhuPeng/mp-githubtrending – 以 Feed 流形式查看 GitHub Trending 仓库集合的工具 https://github.com/ZhuPeng/mp-githubtrendingyociduo/scrum-planning-poker – Scrum敏捷估算,基于wepy构建 https://github.com/yociduo/scrum-planning-pokerbranliang/game-stop-app – PSN降价了（一个可以订阅PS4游戏价格的工具）https://github.com/BranLiang/game-stop-appwk989898/wxchat-mail – 仿Gmail邮箱的微信小程序 https://github.com/wk989898/wxchat-mailarleyGuoLei/wechat-1password – 有本密码，云开发实现的AES加密密码本，支持指纹、人脸，UI简约大方<a href="https://github.com/arleyGuoLei/wechat-1password"> https://github.com/arleyGuoLei/wechat-1passwordwilhantian/periodic-table – 精致的元素周期表小程序<a href="https://github.com/wilhantian/periodic-table"> https://github.com/wilhantian/periodic-tableterryso/super9 –

抖音一键去水印小程序: Taro + 微信云开发 https://github.com/terryso/super9

redhat123456/upPhysicalExercise – up体能训练小程序(健身训练、观看视频、制定计划于一身的综合小程序) https://github.com/redhat123456/upPhysicalExerciseredhat123456/Tanger_query – 查询小程序(查询各种各样的信息的小程序) https://github.com/redhat123456/Tanger_querymark420524/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-malltumobi/nideshop-mini-program ★2000+ – 基于 Node.js + MySQL 开发的开源微信小程序商城 https://github.com/tumobi/nideshop-mini-programbayetech/wechat_mall_applet ★300+ – 电商平台 https://github.com/bayetech/wechat_mall_appletsteedos/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/WeAppericzyh/wechat-chat ★100+ – 聊天室 https://github.com/ericzyh/wechat-chatYYJeffrey/july_client ★100+ – 七月（一款社交小程序，集内容发布、动态分享、点赞评论、互动聊天等功能） https://github.com/YYJeffrey/july_clientRAOE/show-videos – 秀视频（微信小程序短视频社交软件，视频上传，音视频合成，评论，点赞，转发，分享等） https://github.com/RAOE/show-videoswechat-im 即时通讯 https://github.com/unmagic/wechat-im

体育

汽车

资讯

jectychen/wechat-v2ex ★300+) – V2EX https://github.com/jectychen/wechat-v2exmyronliu347/wechat-app-zhihudaily ★200+ – 知乎日报<a href="https://github.com/myronliu347/wechat-app-zhihudaily"> https://github.com/myronliu347/wechat-app-zhihudailyahonn/weapp-one ★200+ – 仿 ONE https://github.com/ahonn/weapp-oneyaoshanliang/weapp-ssha ★200+ – 企业宣传小程序 https://github.com/yaoshanliang/weapp-sshahilongjw/weapp-gold ★100+ – 掘金主页信息流<a href="https://github.com/hilongjw/weapp-gold"> https://github.com/hilongjw/weapp-goldzce/weapp-douban ★100+ – 豆瓣电影 https://github.com/zce/weapp-doubanhingsir/weapp-douban-film ★100+ – 豆瓣电影 https://github.com/hingsir/weapp-douban-filmBelinChung/wxapp-hiapp ★100+ – HiApp https://github.com/BelinChung/wxapp-hiappromoo/weapp-demo-breadtrip ★100+ – 面包旅行 https://github.com/romoo/weapp-demo-breadtripgithinkcn/Giteer – Giteer For 码云，基于Taro + Taro UI + Dva的小程序。 https://github.com/githinkcn/Giteerbruintong/wechat-webapp-douban-movie – 豆瓣电影 https://github.com/bruintong/wechat-webapp-douban-moviebruintong/wechat-webapp-douban-location – 豆瓣同城 https://github.com/bruintong/wechat-webapp-douban-locationmohuishou/scuplus-wechat – We 川大 https://github.com/mohuishou/scuplus-wechathankzhuo/wx-v2ex – v2ex<a href="https://github.com/hankzhuo/wx-v2ex"> https://github.com/hankzhuo/wx-v2exHongye567/weapp-mark – 仿 Mark 影单的微信小程序 https://github.com/Hongye567/weapp-markjae-jae/weapp-github-trending – Github今日榜单 https://github.com/jae-jae/weapp-github-trendingalex1504/wx-guita_tab – 口袋吉他 https://github.com/alex1504/wx-guita_tabAirmole/ShellBox – 贝壳小盒子（校园教务信息查询类工具，获2019高校小程序开发大赛华北区二等奖）https://github.com/Airmole/ShellBoxaquanlerou/WeHalo ★200+ – 爱敲代码的猫（WeHalo 简约风 的微信小程序版博客） https://github.com/aquanlerou/WeHaloyuzexia/iw3cplus – 前端社区http://www.w3cplus.com的微信小程序 https://github.com/yuzexia/iw3cpluskilakila-heart/fuliba-front – 信息流福利吧小程序 https://github.com/kilakila-heart/fuliba-frontAnsonZnl/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-2048yaoshanliang/weapp-jump ★100+ – 跳一跳<a href="https://github.com/yaoshanliang/weapp-jump"> https://github.com/yaoshanliang/weapp-jumpyaoshanliang/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/Gitterlypeer/wechat-weapp-gank ★600+) – Gank 客户端 https://github.com/lypeer/wechat-weapp-gankcharleyw/wechat-weapp-redux ★300+ – Redux 绑定库 https://github.com/charleyw/wechat-weapp-reduxzce/weapp-boilerplate ★300+ – 微信小程序快速开发骨架 https://github.com/zce/weapp-boilerplatelanshan-studio/wecqupt ★300+ – We 重邮 https://github.com/lanshan-studio/wecquptSuperKieran/weapp-artand ★200+ – Artand<a href="https://github.com/SuperKieran/weapp-artand"> https://github.com/SuperKieran/weapp-artanddongweiming/weapp-zhihulive ★200+ – 知乎 Live https://github.com/dongweiming/weapp-zhihulivekunkun12/weapp – 小程序 hello world 尝鲜 https://github.com/kunkun12/weappSeptemberMaples/wechat-weapp-demo ★100+ – 购物车 https://github.com/SeptemberMaples/wechat-weapp-demohijiangtao/weapp-newsapp – 公众号热门文章信息流<a href="https://github.com/hijiangtao/weapp-newsa"> https://github.com/hijiangtao/weapp-newsappcharleyw/wechat-weapp-redux-todos ★100+ – 集成 Redux 实现的Todo list https://github.com/charleyw/wechat-weapp-redux-todoshardog/wechat-app-flexlayout ★100+ – flexlayout https://github.com/hardog/wechat-app-flexlayoutzhuweiyou/fetop100 ★100+ – 前端TOP100 https://github.com/zhuweiyou/fetop100Symous/WechatApp-BaisiSister – 百思不得姐 https://github.com/Symous/WechatApp-BaisiSisterzhengxiaowai/weapp-github – github https://github.com/zhengxiaowai/weapp-githubSeahub/PigRaising – PigRaising<a href="https://github.com/SeaHub/PigRaising"> https://github.com/SeaHub/PigRaisinguniquexiaobai/wechat-app-githubfeed – GitHubFeed https://github.com/uniquexiaobai/wechat-app-githubfeedkaiwu/weui-scalajs – 使用Scala.js开发<a href="https://github.com/kaiwu/weui-scalajs"> https://github.com/kaiwu/weui-scalajstinajs/tina-hackernews – Hacker News 热点<a href="https://github.com/tinajs/tina-hackernews"> https://github.com/tinajs/tina-hackernewsLDouble/WeOUC – WeOUC(教务小程序) LDouble/WeOUC – WeOUC(教务小程序) https://github.com/LDouble/WeOUCNewFuture/miniprogram-template – 原生API纯TypeScript开发小程序(VSCode as IDE)与完整开发流程 https://github.com/NewFuture/miniprogram-templatearleyGuoLei/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

篇幅有限，内容太多，写到这里已经3万字，后面的几大部分也要很大篇幅拓展详细讲讲。

内容将会持续更新，如果对内容感兴趣，可以看这 小程序学习资源大全指南 - 江雨凡小程序开发