八个小程序开源项目助你快速搭建小程序

趣谈前端 2023-12-12 08:35:14编程技术
280

1.png

今天和大家分享几个小程序开源项目, 帮助我们轻松搭建自己的小程序应用. 我会从大家最熟悉的小程序UI组件, 到可视化库, 再到完整项目, 一一和大家介绍。

  • 小程序UI组件库

  • 小程序多端开发框架

  • 小程序可视化图表库

  • 经典小程序开源项目

小程序UI组件库

1、vant-weapp

2.png

Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

我个人觉得, 如果你是一名前端开发人员, 使用该UI库可以更灵活高效的开发小程序, 同时还能提高自己的编程能力. 移动端的访问界面如下:

3.png

开源地址: https://github.com/vant-ui/vant-weapp。

2、iView Weapp

4.png

iView 是一套高质量的微信小程序 UI 组件库, 和 vant-weapp 类似, 是一个开箱即用的组件库, 对于两者区别来说, 笔者认为 vant-weapp 在文档,性能和社区使用率上略胜一筹。

界面如下:

5.png

开源地址: https://github.com/TalkingData/iview-weapp。

小程序多端开发框架

1、Uni-app

6.png

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。接下来我来分享一下它的架构:

7.png

github地址: https://github.com/dcloudio/uni-app。

2、网易考拉 Megalo

8.png

Megalo 是基于 Vue(Vue@2.6.6) 的小程序开发框架,让开发者可以用 Vue 的开发方式开发小程序应用。Megalo 是为了跨 H5 和小程序两端的应用提供一个高效的解决方案,只需要少量改动即可完成 H5 和小程序之间的代码迁移。

Megalo 目前支持微信小程序,支付宝小程序,百度智能小程序,字节跳动小程序。

github: https://github.com/kaola-fed/megalo。

3、京东Taro

9.png

Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。

现如今市面上端的形态多种多样,Web、React Native、微信小程序等各种端大行其道。当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

同时它还提供了一套京东风格的组件库 NutUI:

10.png

NutUI 从功能、组件、性能、官网四方面放入手,不断在组件库的丰富性、轻量化、易用性上进行改进,力求打造一款好用的移动端组件库,为开发者提效,为业务赋能,为开源贡献一份力量。

github地址: https://github.com/nervjs/taro。

4、Remax

11.png

remax 将 React 运行在小程序环境中,让我们可以使用完整的 React 进行小程序开发。  其具有如下特点:

  • 真正的 React - 不同于静态编译的方案,在 Remax 中使用 React 没有任何限制,包括 React Hooks。我们可以把 Remax 理解为针对小程序的 React Native。

  • 多端支持 - 使用 Remax 把代码转换到多个小程序平台。

  • TypeScript - 完整的 TypeScript 支持,给你满满的安全感。

github地址: https://github.com/remaxjs。

小程序可视化图表库

echarts-for-weixin:Apache ECharts 的微信小程序版本

12.png

开发者可以通过熟悉的 ECharts 配置方式,快速开发图表,满足各种可视化需求。

13.png

github地址: https://github.com/ecomfe/echarts-for-weixin。

经典小程序开源项目

1、wechat-app-mall:微信小程序商城

14.png

微信小程序商城,微信小程序微店,长期维护版本.我们可以使用它轻松搭建商城小程序, 只需要加上自己的后端, 对前端小修小改即可快速上线一个属于自己的小程序。

github地址: https://gitee.com/javazj/wechat-app-mall。

2、taro-music:网易云音乐小程序

15.png

taro-music是基于Taro与网易云音乐 api 开发,技术栈主要是:typescript+taro+taro-ui+redux+react-hooks,目前主要是着重小程序端的展示,主要也是借此项目强化下上述几个技术栈的使用,打造一个最佳实践项目,通过这个项目也可以帮助你快速使用Taro开发一个属于你自己的小程序。

github地址: https://github.com/lsqy/taro-music。

3、lowcode_news_mini 小程序的低代码内容社区

16.png

lowcode_news_mini 是一个小程序的博客内容社区, 帮助开发者建立自己的博客技术体系, 技术栈使用taro编写, 非常适合想学习taro 开发跨端小程序的前端伙伴, 并且代码完全开源。

github地址: https://github.com/MrXujiang/lowcode_news_mini。

总结:

本文介绍了八个小程序开源项目,这些项目可以帮助开发者快速搭建小程序。涵盖了不同的技术和应用场景。对于想要快速开发小程序的开发者,这些开源项目提供了很好的参考和帮助。有需要的朋友可以参考下!

小程序 开源项目
THE END
zhanid
勇气也许不能所向披靡,但胆怯根本无济于事

相关推荐

Gogs: 一款类似GitHub的开源文件/代码管理系统
Gogs(发音为/gɑgz/)作为一款以Go语言开发的开源文件/代码管理系统,凭借“简单、稳定、可扩展”的核心定位,成为诸多开发者和团队替代GitHub进行私有代码托管的优选方案。...
2025-09-15 新闻资讯
650

WebVm:完全在浏览器中运行的 Linux 虚拟机环境,无需任何后端服务器支持
WebVM是一个革命性的开源项目,它实现了一个完全在浏览器中运行的Linux虚拟机环境,无需任何后端服务器支持。该项目由Leaning Technologies开发并开源,通过HTML5和WebAssemb...
2025-09-15 新闻资讯
617

Motia:多语言统一后端开发框架,整合 API、任务与 AI 代理的一站式解决方案
Motia是一个统一的后端框架,旨在消除现代软件工程中的运行时碎片化问题。它将 API、后台任务、工作流和 AI 代理整合到一个连贯的系统中,支持在同一个代码库中使用 JavaScri...
2025-09-14 新闻资讯
601

Artalk:一款开源、轻量且可自托管的评论系统,支持部署到任何网站
Artalk 是一款基于 Golang 后端和 JavaScript/TypeScript 前端的开源自托管评论系统,专为博客、静态网站、企业官网等场景设计。项目采用 MIT许可证,支持多语言、多站点管理...
2025-09-12 新闻资讯
556

FluentRead:开源的沉浸式浏览器翻译插件,支持20+AI与传统翻译引擎
FluentRead(流畅阅读)是一款开源的浏览器翻译插件,旨在为用户提供接近母语体验的多语言网页阅读解决方案。它通过集成多种翻译引擎和智能功能,帮助用户跨越语言障碍,特别适...
2025-09-11 新闻资讯
630

VTJ.PRO:AI驱动的企业级低代码开发平台,让Vue3开发更高效
VTJ.PRO是一款AI驱动的企业级低代码开发平台,专注于前端开发领域,基于Vue3 + TypeScript + Vite构建,深度融合可视化设计、源码工程与AI智能引擎,旨在解决传统开发中的效率...
2025-09-11 新闻资讯
559