Awesome
跨平台多端应用前端框架uni-app一站式开发资源汇总
<br />uni-app是一个基于Vue.js的跨平台多端应用前端开发框架,由数字天堂DCloud开发并开源。
通过uni-app开发框架,开发者只需编写一套代码,即可同时编译生成多个平台的应用。
uni-app目前已经支持开发的应用:
- Android App
- iOS App
- H5(Web)网站
- 微信小程序 (包括QQ轻应用)
- QQ小程序
- 阿里小程序 (支付宝、淘宝、钉钉、饿了么、高德地图、微博等阿里系App将同时支持)
- 百度智能小程序 (百度、百度地图、百度网盘、百度贴吧、百度视频、爱奇艺等百度系App将同时支持)
- 字节跳动小程序 (今日头条、抖音、皮皮虾等字节跳动系App将同时支持)
- 360小程序 (由奇虎360公司推出,目前仅Windows平台支持,需要在360浏览器中打开)
- 快应用 (由华为、小米、vivo、oppo、一加、魅族等国内主流安卓手机厂商联合推出)
若欲深入了解uni-app框架,请点击下面的相关链接。
<!-- ### :point_right: 小程序/小游戏挂靠、代运营服务 - **合作前提:** 我方为具有《网络文化经营许可证(俗称文网文)》、《增值电信业务经营许可证(俗称ICP)》资质证书的公司,贵方有急于上线的小程序或小游戏,但没有公司或有公司但没有相关资质证书 - **合作范围:** - 社交红包类小程序(该类小程序由于涉及到红包功能与支付功能,必须具有ICP才能上线); - 小游戏(小游戏必须同时具有文网文和ICP,才能开通微信支付功能); - 其他必须具有文网文和/或ICP的小程序。 - **合作方式:** 以服务器费用、运营费用等相关费用由哪方负责为基准,分为以下几种合作方式: - 相关费用全部由贵方负责,每月固定费用1000元+我方收取收入的10%; - 相关费用全部由我方负责,我方收取收入的30%~60%; - 其他合作方式:具体项目具体协商。 ### :point_right: 月付20K以上找uni-app开发兼职程序员或外包团队 - **报酬:** 报酬可按周支付,同时可按收入分成,收入上不封顶 - **要求:** - 实际使用uni-app开发过从前端到后端完整的小程序、H5、Android App、iOS App的个人和团队; - 有社交类应用开发经验者或者对社交分享有独到理解者优先; - 能力十分出众、经验异常丰富的开发者,以上优先条件可忽略。 - **不看学历和履历,只看资历和能力** ### :exclamation: 欢迎微信扫码联系(请务必注明“uni”以通过验证): ![image](https://github.com/aben1188/CommonResources/blob/master/JackyLinWXQR.jpg) ### :point_right: “刨根究底学编程”微信公众号文章推荐 - [码农心中永远的痛,除了月饼和996,还有什么?](https://mp.weixin.qq.com/s?__biz=MzI1ODcxNDcyNw==&mid=2247483778&idx=1&sn=8401789ab8b6ba04d3ec405811815c1d&chksm=ea02bc8add75359ca886ce4e460f0b84daca0d7aa938f849972db70dd3f16b2a38eb9109d229&token=550170726&lang=zh_CN&scene=21#wechat_redirect) - [刨根究底CSS](https://mp.weixin.qq.com/s?__biz=MzI1ODcxNDcyNw==&mid=2247483778&idx=2&sn=3776910914f4e8f6fbf9b88cb2858c7f&chksm=ea02bc8add75359cb87cb4fc283d384a5285fcd653ff0a509c184d59715542cdd344d4c380ad&token=550170726&lang=zh_CN&scene=21#wechat_redirect) - [刨根究底正则表达式](https://mp.weixin.qq.com/s?__biz=MzI1ODcxNDcyNw==&mid=2247483778&idx=3&sn=fdb05fbfa819a76c0e2385d2d30046ec&chksm=ea02bc8add75359c9c9554a463035420224ea1284f05014a9fd29b374443b91d9fb5ff590097&token=550170726&lang=zh_CN&scene=21#wechat_redirect) - [刨根究底字符编码](https://mp.weixin.qq.com/s?__biz=MzI1ODcxNDcyNw==&mid=2247483778&idx=4&sn=caf4028f7b847f7f3b63999d283af824&chksm=ea02bc8add75359c5df15837a92903963519ba59cd1da8252daaffeb1a817287b7521abd7881&token=550170726&lang=zh_CN&scene=21#wechat_redirect) --- -->
uni-app相关资源官方网址
- <br>
- <br>
- <br>
- <br>
-
阿里小程序官方网站 (注:现虽然仍名为“支付宝小程序”,但实际上淘宝App也已经支持)
- <br>
- <br>
uni-app特别说明
uni-app 1.8 之前的版本借鉴了部分 mpvue 的实现,因此 mpvue 的所有开源资源都可以用于 uni-app。
而 uni-app 从 1.8 开始虽然进行了完全重构,除了性能上有提升之外,还实现了更多 mpvue 所不支持的 Vue 特性,不过依然保证了对 mpvue 项目的兼容。
因此,无论是 1.8 之前的老框架,还是 1.8 之后的新框架,mpvue 项目的代码基本都不用修改,只是工程配置需进行适当修改(详见下面的迁移指南)。
uni-app开源项目
- hello-uniapp: uni-app框架演示示例
- 仿One·一个: 使用uni-app开发的「ONE · 一个」
- uni-shop: 用uni-app创建的类微信应用
- ironInfoWeapp: 钢材信息小程序
- 得推B2C商城: 基于uniApp开发的支持小程序、iOS、Android的B2C商城
- uniBBS: deituicms + uni-app的bbs项目
- 笑一波: 基于uni-app开发的跨平台应用
- 仿QQ音乐: 用uni app框架开发的兼容三端(H5、小程序、App)仿QQ音乐
- 音乐电子书库: 使用uni-app开发的小程序和安卓App
- 仿微信朋友圈: 基于uni-app开发的仿微信朋友圈小程序
- 碧波世界: 通过uni-app实现移动端+iOS端+小程序的虚拟币交易应用
- 博客小程序: 基于uni-app开发的博客小程序
- cnode社区: 基于uni-app开发的cnode社区开源版
- DCIM管理系统: 用uni-app开发的DCIM管理系统
- 微酒柜: 基于uni-app开发,支持微信小程序、支付宝小程序以及Android App、iOS App
- 生活街: 使用uniapp框架开发的移动端应用(包括安卓App、微信小程序、H5网站)
- uniapp-chat: 借助uni-app开发的chat聊天界面
- Vault: 基于uni-app框架开发的简单APP
- Shop: 基于uni-app的商城app
- aiplat: 基于uni-app开发的AI智能空间应用
- uniapp-mix: 基于uni-app开发的应用(有较详细的说明)
- FeedBackStar-Android: 反馈星应用,兼容iOS、Android、H5、小程序等多个平台
- OneVideo: 基于OneBase+UniApp开发的小视频播放移动应用,一次开发7端运行
- self-service-terminals: 基于uniapp和安卓混合开发自助终端
- uniappblog: 简单网站uni-app示例
- jony-uniapp: 一拍即传相册管理 uniapp 版本
- uniapp_kameleon: 基于uniapp的猫头鹰的巢
- uniapp-jielong: 故事接龙uni-app
- douban-movie: 基于豆瓣电影API,使用uniapp完成的小程序
- uniApp-maoyan: 使用uniapp写的一个猫眼电影App
- uniApp_ceshi: 基于uniApp的仿叮当APP
- faxian: 用uniapp来实现百果园用户端发现模块(主要包括发现主页、详细页、作者页)
- thinkjs-uniapp-framework: uni-app应用项目快速开发框架
- Jshop小程序前台简约模板: 基于uni-app开发的简约前台H5+小程序模板
- byrz-uni-app: 用uni-app写的简易小程序,可同时生成支付宝、百度、微信小程序,已上线
- uni_app_fengshui_network: 基于uni-app开发的风水网
- syblog: 基于uni-app开发的博客系统,同时支持PC站点、APP端、小程序端
- yyh-uni-app: 基于uni-app开发的购物小程序,微信小程序、安卓、iOS三端开发
- qunar_demo: 使用uni-app模仿去哪儿h5页面开发app
- uni-app-project: 使用uni-app框架,编译微信小程序及H5,项目是从mpvue迁移过来
- yuedu书城: 基于uni-app开发的书城项目前端部分)(注:服务端部分参见uniapp-yuedu-server)
- uniapp-demo: 基于uni-app开发的多端统一项目Demo(注:有详细的项目目录结构说明以及注意事项)
- zhihu-uni-app: 基于uni-app开发的仿知乎日报App
- uni-app-tice: 使用uni-app框架制作的青少年体测中心(注:包含了免密码登录、密码登录,设置密码、修改密码、绑定资料、补充资料、个人中心、我要测试、测试列表、测试详情等功能)
uni-app开源组件
-
UI类组件
- uni-ui: 官方开源的基于uni-app的ui框架(ui组件库)
- ColorUI: 专注视觉的高颜值ui组件库(同时支持uni-app和微信原生小程序)
- dt-ui: 基于css的手机ui模板库(适用于uni-app、H5、小程序、react、vue、weex)
- uni-app-bottom-navigation: uni-app自定义底部导航栏
- uni-app-slidelist: 超级列表左滑组件
- uni-inputs: uni-app inputs 组件库(注:包括了input、textarea、radio、checkbox、switch、slider、上传图片、日期选择、城市选择、省市区乡镇街道、picker等组件)
- uni-app-tools: uni-app组件库(注:该组件库也包括了功能类组件)
- sunUi-for-uniApp: sunUi组件库
- uni-app-tabbar: uni-app底部导航栏凸起实现(注:该组件目前仅支持Android和iOS App,不支持小程序、H5)
- RichAlert: uni-app原生(iOS、Android)插件:富文本提示框
- uniapp-plugin-collections: uni-app组件库(包括了验证码输入、密码输入、数字滚动、文字滚动、保存图片等组件)
- rui-uni-components: 为uni-app开发的RUI组件库
- uni-app-left-navigation: uniapp侧边导航分类
- uni-app-range-slider: uni-app区间选择滑块
- fr_uni_app: 基于UNI-APP的tabbar、loading、request、上传图片等组件(兼容微信小程序、APP)
- uni-custom-scan-code: uni-app自定义扫码界面
- uniapp_date_and_time_selector: Uni-app日期时间选择插件(支持日期范围,日期时间范围选择)
- indexlist: uniapp indexlist组件
- uniapp-picker: uniapp选择器(包含一级、二级级联、三级级联)
- ynGallery-for-uniapp: 多端画廊组件(用于图片展览、影片墙,类似猫眼影廊)
- teaset: 一个uniapp开源组件库
- iviewComponents: iview 转 mpvue uniapp vue components
- uniapps_animate_plugin: 使用uni-app简单封装Animation动画
- i-price: uni-app 常用价格组件i-price
- PFUIN: 基于UNI-APP开发跨平台应用的精致移动端组件库(注:有详细的目录结构说明;该组件库也包括了功能类组件)
- 聚合UI: 运行在UNI-APP环境下的一套UI系统
- uniapp-components: 适用于uniapp开发框架的一些组件
- uni-app常用插件: 基于uni-app开发的一些常用插件(组件)
- wjsc-tools-uni-app: 无境书茶工具集合
-
功能类组件
- uni-template-login: 基于uni-app框架的登录模板
- uni-template-picture: 基于uni-app框架的看图模板
- uni-template-news: 基于uni-app开发的新闻/资讯类App模板
- uParse: 适用于uni-app/mpvue的富文本解析自定义组件(修改自mpvue-wxParse)
- uni-app-citySelect: 基于uni-app开发的城市选择器,基本与美团小程序一致
- uni-app-qrcode: uni-app二维码生成器
- uniapp-markdown: uniapp的markdown编辑器插件
- qrcode: 基于uni-app的二维码生成组件
- uniApp-faceScan: UNI-APP 登录模板
- uniapp-alioss-util: uniapp阿里云oss图片直接上传(不需要后端做签名)
- mimc-uniapp-sdk: 小米即时消息云 MIMC uni-app SDK
- uniFly: 基于uni-app + Fly封装request请求,实现请求和响应拦截,支持h5和小程序(可代替uni-request)(注:uniFly支持uni-request所有功能,而且更具有模块化思想,详细使用说明看这里)
- btoolkit-for-uniapp: uni-app便捷开发工具库
- uniapp-cropper: 图片裁剪组件的uniapp版本
- uniapp-wslimg: uniapp版的七牛上传组件
uni-app相关工具
uni-app相关文章
- :new: 跨端开发框架深度横评之2020版
- 如何评价 DCloud 推出的 uni-app?
- Taro vs uni-app选型对比
- 跨端开发框架深度横评
- uni-app:基于Vue的跨端框架(闪电演讲内容整理)|掘金开发者大会
- 关于uni-app你需要了解的基本问题及选型评估23问
- 小程序开发:用原生还是选框架(wepy/mpvue/uni-app/taro)?
- 使用uni-app开发小程序,比直接原生开发小程序好在哪里
- uni-app 1.2 发布,iOS、Android、小程序、H5主流四端全覆盖
- uni-app 1.4 发布,一套代码,发行小程序(微信/支付宝/百度)、H5、App多个平台
- uni-app 1.8 发布,微信端性能翻倍,并增加若干 Vue 语法支持
- uni-app 1.9 发布,App平台升级为新版编译器(自定义组件模式),支持更多Vue语法
- uni-app 2.2 发布,大幅优化H5端性能体验
- uni-app不同编译模式差异说明
- uni-app官方教程学习手记
- uni-app中使用 Vue 注意事项
- uni-app各环节版本兼容性说明
- 微信小程序转换uni-app详细指南
- 谜之wxs,uni-app如何用它大幅提升性能