ミニプログラムフレームワークの選び方

はじめに:

小規模プログラムの社内テストから現在に至るまで、さまざまな企業で小規模プログラム ビジネスの開発に対する需要が高まっています。開発者は、特により複雑なビジネスを伴うプロジェクトの場合、小規模なプログラムの開発にネイティブを使用するのは難しいと感じており、依然としてネイティブ開発を使用している場合、管理と反復が困難になります。

(学習ビデオの共有: プログラミング入門)

ネイティブ開発の使用に関する問題:

• アプレット自体は一般的に使用されるサポート CSS プリコンパイラー

• は、非同期 await やその他の機能など、ES7 より上の高度な構文をサポートしません。

• はエンジニアリングをサポートしません。環境、変数、その他の管理など

• #統合されたリクエスト インターセプト要求の欠如

• 統合されたローカル キャッシュ読み取り管理の欠如

フレームワークを使用して解決できる問題:

• CSS プリコンパイラーのサポート

• ES7 以降の構文のサポート

• サポート エンジニアリング

• ほとんどのフレームワークは複数の端末をサポートしており、一連のコードは複数の端末で再利用できます

フレームワークの紹介と比較

Wepy

WePY (発音: /'wepi/) は、小さなプログラムがコンポーネント開発をサポートできるようにするフレームワークです。好みの開発スタイルを選択して、小さなプログラムを開発します。フレームワークの詳細な最適化、Promise、および非同期関数の導入はすべて、小規模なプログラム プロジェクトの開発をより簡単かつ効率的に行うように設計されています

Mpvue

mpvue あり Vue.js を使用して小規模なプログラムを開発するためのフロントエンド フレームワーク。このフレームワークは Vue.js のコアに基づいています。mpvue は、ミニ プログラム環境で実行できるように Vue.js のランタイムとコンパイラの実装を変更し、ミニ プログラム開発に完全な Vue.js 開発エクスペリエンスを導入します。

主な機能

• 徹底したコンポーネント開発機能: コードの再利用性の向上

• 完全な Vue.js 開発エクスペリエンス

• 便利な Vuex データ管理ソリューション: 複雑なアプリケーションの構築に便利

• 高速 Webpack 構築メカニズム: カスタム ビルド戦略、開発フェーズ中のホットリロード

• npm 外部依存関係の使用をサポート

• Vue.js コマンド ライン ツール vue-cli を使用してプロジェクトを迅速に初期化します

##H5 コードを小さなプログラム ターゲット コードに変換する機能
Taro

Taro は、React 構文仕様に準拠したマルチターミナル開発ソリューションです

Uni-app

uni-app は、Vue.js を使用してクロスプラットフォーム アプリケーションを開発するフロントエンド フレームワークです。

Chamelon

Chameleon/kəˈmiːlɪən/、略称CML、中国語名キャメロン; 中国語でカメレオンを意味し、カメレオンのようにさまざまな環境に適応できることを意味します環境 包括的なクロスエンド ソリューション。

主な機能

ディレクトリ構造: エンタープライズレベルの大規模アプリケーションの開発に適した、標準化されたプロジェクト構造を提供します。

ビュー レイヤー: ビュー レイヤーは CML および CMSS によって記述され、そのコアは標準の応答性の高いデータ駆動型ビューの更新です。

ロジック層: ロジック層は JavaScript で記述されており、データ処理後にビューを自動的に更新し、ビュー層にイベント応答メソッドを提供します。

ポリモーフィック プロトコル: 複数の端末にわたる各エンドの基礎となるコンポーネントとインターフェイスを統合するソリューションを提供します。

仕様検証: 開発効率とコードの保守性を向上させるために、包括的なコード仕様と検証が提供されます。

#フレーム比較

星の数は2019-09-17に記録されました

フレームワークの長所と短所の分析

wepy

利点: WeChat チームが提供するフレームワークは WeChat ミニ プログラムを高度にサポートしており、エンジニアリング開発プロジェクトに使用でき、コンポーネントと関連ドキュメントのコンテンツが豊富で、フォーラムとコミュニケーション コミュニティが活発です。

欠点: サポートのみ WeChat アプレットは単一クライアントをサポートします。フレームワーク自体は静的にコンパイルされます。動的繰り返し中に重大なバグが発生する可能性があります。文法解析エラーが発生することがあります。エラー処理は比較的簡単です。

mpvue

利点: オープンソース時代の最も初期のマルチターミナル フレームワークです。インターネット上には関連する問題や例が多数あります。エンジニアリングおよびコンポーネント開発プロジェクトに適しています。

欠点:開発チームは基本的にフレームワークを維持しなくなり、ユーザーの数はますます少なくなり、フレームワーク自体に存在するさまざまな問題は、長期間の繰り返しにもかかわらず解決されていません

taro

利点: サポート側の機能が豊富で、開発チームのメンテナンス作業が強力で、フォーラムと公式の問題解決速度が速く、WeChat アプレット自体が WeChat アプレット API に基づいて開発されており、WeChat アプレットは強力なサポート機能を備えています。

欠点: ファイルの静的コンパイルであるため、複雑なコードの変換で問題が発生します。H5 とモバイル端末の最終互換性機能の比較 Bad

uni-app

利点: 開発チームは主にフレームワークを推進しており、フォーラムやコミュニケーション コミュニティは非常に活発で、端末の互換性は非常に強力で、特定の IDE がフレームワーク コードと互換性を持つように仕様が記述されています

短所: 一部のコードはオープンソースではなく、公式の問題フィードバック 速度がタイムリーではなく、エディターのバインディング

chameleon

長所: 完全な計画、統一された多態性プロトコル、プログレッシブなクロスターミナル、基本的な開発スキャフォールディング コマンド ツールを提供し、ヘルパー開発者は、開発、共同デバッグ、テスト、起動の全プロセスを通じてビジネス開発を効率的に完了することから始めることができます。

欠点: オープンソース時間が短く、関連性の低い情報と問題

# 選択分析

既存のミニプログラムフレームワークは数多くありますが、プロジェクト開発の際には、ビジネスとプロジェクトの実際の状況に基づいて選択する必要があります。それ自体

WeChat miniプログラムと互換性がある

WeChat miniプログラムとのみ互換性があり、wepy、taro、またはchameleonを使用できる場合 これらのフレームワークのAPIはWeChat miniに基づいているためWeChat ミニ プログラムとの互換性は基本的にネイティブ プログラムと同じで、Vue 開発者は wepy、Chameleon を選択でき、react ベースの開発者は taro を選択できます。もちろん、開発を容易にするために、開発者は glup を使用してエンジニアリングを行い、ネイティブで開発することもできますが、フレームワーク自体はパッケージのサイズを大きくしますが、フレームワークは setData の繰り返しレンダリングなど、パフォーマンスの最適化ポイントをネイティブ ベースでカプセル化します。等。

mpvue を選択しない理由は、mpvue の開発チームがもうそれを保守していないことと、mpvue には WeChat ミニ プログラムとの互換性という複雑なビジネスにおいて未解決の問題がいくつかあるためです。

ユニアプリを選択しない理由は 1 つだけです。HBuild を使いたくないからですX

複数の端末との互換性

複数の端末と互換性を持たせたい場合互換性のある端末機能の要件に応じて taro またはカメレオンを選択できます。カメレオンはオープンソースになってから時間が経っていませんが、多態性プロトコルを統合するという設計コンセプトは非常に優れています。 Taro は Ou-convex Lab が推進するプロジェクトです。使用プロセス中に、フォーラムからのフィードバックとコミュニケーション グループの回復速度が依然として非常にタイムリーであることがわかります。taro の使用は WeChat ミニ プログラムと非常に互換性があります。他の端末と互換性を持たせたい場合は、コードに応じてコードを追加する必要があります 末尾の特別な処理

概要

ミニプログラムフレームワークの選択ですが、最終的にはどのフレームワークを選択してもミニ プログラムによって認識され、WeChat クライアント上で実行できるコードにコンパイルされる ビジネス ニーズに基づいてミニ プログラムを選択する フレームワークはミニ プログラムのネイティブ機能を理解する必要がある最後に、WeChat 開発ドキュメントの粗さについて苦情を言わなければなりませんが、多くの重要な点が詳細に説明されていません。

関連する推奨事項:

ミニ プログラム開発チュートリアル

以上がミニプログラムフレームワークの選び方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。