DUICUO

16 の優れたオープンソース WeChat ミニプログラム プロジェクト – 注文を受けて収益を上げる強力なツール!

国内のインターネットToCアプリケーションにとって、WeChatミニプログラムは迅速な導入と容易な運用を可能にするプラットフォームです。そのため、多くのスタートアップ企業は、初期段階でミニプログラムのサポートを選択する傾向があります。この記事では、主に評価の高いオープンソースのミニプログラムを取り上げ、フレームワーク、UI、具体的なアプリケーション例などを紹介します。

1. wepy ミニプログラム コンポーネントベース開発フレームワーク

ソースコードアドレス: https://github.com/Tencent/wepy

星の数: 22.3K

はじめに:WePYは、WeChatミニプログラムをコンポーネントベースで開発するためのフレームワークです。プリコンパイル機能により、開発者は好みの開発スタイルを選択できます。フレームワークのきめ細かな最適化、Promiseや非同期関数の導入などにより、ミニプログラム開発をよりシンプルかつ効率的に行うことができます。さらに、WePYは、最適化されたフロントエンドツールやフレームワークの設計コンセプトやアイデアを積極的に取り入れています。

特徴:

  • Vueのような開発スタイル
  • カスタムコンポーネント開発をサポート
  • NPM パッケージのインポートをサポート
  • サポートの約束
  • 非同期関数などの ES2015+ 機能をサポートします。
  • Less/Sass/Stylus/PostCSS、Babel/Typescript、Pug などの複数のコンパイラをサポートします。
  • ファイル圧縮、画像圧縮、コンテンツの置換など、さまざまなプラグイン処理をサポートします。
  • Sourcemap、ESLintなどをサポートします。
  • リクエストのキューイングやイベントの最適化などのミニプログラムの最適化。

2.ヴァント・ウェアプリ

ソースコードアドレス: https://github.com/vant-ui/vant-weapp

星の数: 17.2K

はじめに: Vant は、2017 年にオープンソース化された、軽量で信頼性の高いモバイル コンポーネント ライブラリです。現在、Vant は Vue 2、Vue 3、WeChat ミニ プログラムのバージョンを公式に提供しており、React および Alipay ミニ プログラムのバージョンはコミュニティ チームによってメンテナンスされています。

3. iView ウェブアプリ

ソースコードアドレス: https://github.com/TalkingData/iview-weapp

星の数: 6.5K

はじめに: iView Aeapp は、WeChat ミニプログラム用の高品質 UI コンポーネント ライブラリです。

4. ウェイシン向けeチャート

ソースコードアドレス: https://github.com/ecomfe/echarts-for-weixin

星の数: 6.6K

はじめに:echarts-for-weixinは、Apache EChartsのWeChatミニプログラム版であり、様々な使用例が含まれています。EChartsに精通した開発者は、EChartsと同様の設定方法を使用して、さまざまな視覚化ニーズを満たすチャートを迅速に開発できます。

5.winxin-app-watch-life.net

ソースコードアドレス: https://github.com/iamxjb/winxin-app-watch-life.net

星の数: 2.6K

概要:本プロジェクトは、WeimuのWordPressミニプログラムのオープンソース版です。オープンソースのウェブサイトビルダーWordPressをバックエンドとして使用し、簡単な統合と迅速なミニプログラム生成を可能にします。WordPressウェブサイトの記事、カテゴリ、コメントなどのコンテンツをミニプログラムに同期できるほか、ワンクリックでWeChatミニプログラムプラットフォームに同期できます。モーメントへの共有、WeChatミニプログラム広告、記事ポスター、WordPressアルバム、ミニプログラムライブストリーミング、WeChat検索ページ統合とコンテンツ検索、動画アカウント、ミニプログラムの半画面表示、トピックの購読、ページの共有と転送、記事の閲覧数表示と更新、記事スコア、記事コメント、記事ランキングなどの機能をサポートしています。

6. WeChatアプリモール

ソースコードアドレス: https://github.com/EastWorld/wechat-app-mall

星の数: 18.1K

概要: wechat-app-mall は、ショッピング モールや小規模店舗向けの WeChat ミニ プログラムです。

機能一覧:

  • クラウド インターフェースと自動化されたバックエンド管理に基づいているため、バックエンドおよびサーバー リソースを展開する必要はありません。
  • 単一製品の複数の仕様に対する製品表示、個別の在庫および価格設定。
  • WeChat ミニプログラム ストレージ インターフェイスに基づくショッピング カート機能。
  • 注文管理。
  • ミニプログラムオンライン決済。
  • 物流追跡管理。

7. NideShopオンラインストア

ソースコードアドレス: https://github.com/wechat-miniprogram/weui-miniprogram

星の数: 7.7K

はじめに:これは、Node.js と MySQL に基づいて開発されたオープンソースの WeChat ミニプログラム電子商取引プラットフォーム (WeChat ミニプログラム) です。

プロジェクトの特徴:

  • インターフェースはNetEase Yanxuan Mall(主に2016 WAPバージョン)によく似ています。
  • テストデータはNetEase Yanxuan Mallから収集されました。
  • 機能とデータベースのリファレンスについては、ecshop を参照してください。
  • サーバー側 API は、Node.js、ThinkJS、MySQL に基づいています。
  • 計画では、Vue.js ベースのバックエンド管理システムと、PC および WAP バージョンを追加する予定です。

機能一覧:

  • 表紙
  • カテゴリホームページ、カテゴリ商品、新商品発売、人気おすすめ商品ページ
  • 製品詳細ページには、カートに追加したり、お気に入りに保存したり、製品レビューを残したりする機能が含まれています。
  • 検索機能
  • 特集
  • ブランド機能
  • 完全なショッピングプロセスには、アイテムの追加、編集、削除、一括選択、配送先住所の選択、支払いのための注文の確定が含まれます。
  • メンバー センター (注文、お気に入り、追跡履歴、発送先住所、フィードバック)...

8. プラットフォームミニプログラムストア

ソースコードアドレス:

  • ギティー:https://gitee.com/fuyang_lipengjun/platform
  • Github: https://github.com/lipengjun92/platform-wxshop

スター: gitee/18.7K

概要: プラットフォームは実用的な WeChat ミニプログラム電子商取引プロジェクトです。

9.xzsオンライン試験システム

ソースコードアドレス: https://github.com/mindskip/xzs

星の数: 2.9K

概要:Xuezhisi(xzs)オープンソース試験システムは、Java + Vue.jsベースのフロントエンドとバックエンドを分離した試験システムです。主な利点は、開発と導入が簡単で迅速、ユーザーフレンドリーなインターフェース設計、明確なコード構造です。WebおよびWeChatミニプログラムプラットフォームをサポートし、PCとモバイルデバイスの両方に対応しています。統合型デプロイメント、フロントエンド/バックエンド分離型デプロイメント、Dockerデプロイメントなど、複数のデプロイメント方式をサポートしています。

10. ギッター

ソースコードアドレス: https://github.com/nslogx/Gitter

星の数: 3.6K

はじめに: Gitterミニプログラムプロジェクトは、TaroフレームワークとTaro UIを使用して開発されています。ミニプログラム内のすべてのデータはGitHub API v3から取得されます。

11. Bee Cateringの注文

ソースコードアドレス: https://github.com/woniudiancang/bee

スター: 2K

概要:Beeは、飲食物を注文するためのWeChatミニプログラムです。ケータリング業界向けに開発された包括的なケータリングソリューションで、ユーザーはオンラインでの料理の注文、注文、テイクアウトの注文、列に並ぶ、支払い、配達の受け取りまでが可能になり、ケータリング業界の効率と利便性を高めます。

12. タロウミュージック

ソースコードアドレス: https://github.com/lsqy/taro-music

星の数: 1.7K

はじめに:taro-musicミニプログラムは、TaroとNetEase Cloud Music APIをベースに開発されています。主な技術スタックは、TypeScript + Taro + Taro-ui + Redux + React Hooksです。現在はミニプログラムの表示に重点を置いています。本プロジェクトの主な目的は、上記の技術スタックの活用を強化し、ベストプラクティスプロジェクトを作成することです。このプロジェクトを通じて、Taroを使って独自のミニプログラムを迅速に開発することもできます。

13. WeApp Library オンライン書籍貸出プラットフォーム

ソースコードアドレス: https://github.com/imageslr/weapp-library

星の数: 948+

概要:weapp-libraryは、オンライン書籍貸出プラットフォーム用のWeChatミニプログラムです。読者を図書館の貸出プラットフォーム、読者書籍データベース、書籍リストシステムに接続します。30ページ以上の構成と複数の再利用可能なコンポーネントを備え、WeChatミニプログラム開発の入門デモとして最適です。さらに、このプロジェクトではローカルモックサーバーソリューションも提供しています。

14. 住宅賃貸プラットフォームのミニプログラム

ソースコードアドレス: https://github.com/lx164/house

星: 450

概要:これは、CloudBase(TCB)をベースに開発された、賃貸アパート向けのWeChatミニプログラムです。このミニプログラムには管理バックエンドが統合されており、ユーザーは新築アパート、中古アパート、賃貸物件の物件情報を投稿できます。不動産会社は物件を審査し、おすすめ物件を推薦します。物件を選択した後、顧客は不動産会社または物件投稿者に直接連絡を取ることができます。ミニプログラムには、完全な管理バックエンドが付属しています。

15.neteaseクラウド音楽コミュニティ

コミュニティミニプログラム

ソースコードアドレス:

https://github.com/fanchaoo/netease-cloud-music-community

星: 328

概要:これは、NetEase Cloud MusicのCloud Villageをモデルにしたコミュニティミニプログラムです。バックエンドの技術スタックはJava、Spring Boot、MySQL、Redis、フロントエンドの技術スタックはuni-appです。

16. 素晴らしいWeChat WeApp

ミニプログラム情報概要

リソースアドレス: https://github.com/justjavac/awesome-wechat-weapp

星の数: 42.4K

概要: このライブラリは、WeChat ミニプログラムの開発プロセスで使用される資料、問題、サードパーティのコンポーネント ライブラリなど、WeChat ミニプログラム開発リソースのコレクションです。