WeChat ミニ プログラム用のサードパーティ開発ツール (WEPT) の導入

WeChat ミニプログラム開発ツール サードパーティ開発ツール WEPT、WEPT 主な機能: リアルタイム更新、wxml wxss javascript json のサポート、より安定しています、間違いが多い公式ツールとは異なり、制限なし、インターネットに接続する必要はありません、いいえバックエンド構成 CORS、モバイル ブラウジングをサポートします。

プロジェクトアドレス: github.com/chemzqm/wept

WEPT 主な機能:

リアルタイム更新、wxml wxss javascript json のサポート

間違いが多い公式ツールとは異なり、より安定しています

制限なし、必要ありませんインターネットに接続する場合、モバイル ブラウザーのデバッグをサポートするためにクライアントで後処理 CORS が構成されていません。バグが発生した場合は、Github で問題を報告してください。

詳細な紹介

WEPT は、現在公式に提供されている開発者ツールと比較して、次の特徴があります:

1. wxml、wxss を完全にサポートします。 、javascript および json ファイルの自動ホット アップデート。ファイルが保存された後、開発者は、ほとんどの場合、操作を再構築したり再起動したりする必要はありません。 .json は変更されています）、更新する必要はありません。更新がないため、開発者は、変更前のページの状態を再現するためにインターフェイスを操作して時間を無駄にする必要がなくなりました。プロセス全体で複数の端末を同時にサポートします。

2. より安定しています: WEPT のミニ プログラム構築プロセスは、公式ツールのように頻繁にアプリサービスの準備ができていないエラーを報告したり、バックグラウンド エラーやミニ プログラム構築エラーが発生した場合でも直接クラッシュしたりすることはありません。ページ上にエラーのリマインダーを即座に提供します。 Growl または Terminal-Notifier がインストールされている場合は、デスクトップにエラー リマインダーもポップアップ表示されます。

3. 制限なし: WEPT によって生成されたミニ プログラム ページはモバイル ブラウザーで実行でき、使用するためにインターネット接続は必要ありません。バックエンドを使用して、開発者がバックエンド CORS を構成せずにデバッグできるカスタム プロキシ プロトコルを通じて XHR リクエストを転送します。

4. その他の API: WEPT は、公式にサポートされているすべての API に加えて、重力検知 API とコンパス API も実装しており、対応する html5 インターフェイスをサポートするモバイル ブラウザーでデバッグできます。

実装原理

簡単に言うと、WebSocketインターフェイスを介してフロントエンドとリアルタイムに通信するWebサービスです。バックエンド サービスが要求されると、必要なファイルが動的にコンパイルされます。フロントエンドは、マルチパーティ通信と、iframe を介したビュー レイヤ、サービス レイヤ、およびコントロール レイヤ ページの制御ロジックを実装します。

フロントエンド ビュー レイヤーとサービス レイヤーのコードは、WeChat 開発者ツールの最新バージョンから取得されています (現在 101100、

iframe 通信と自動更新をサポートするためにわずかに変更されています)。コントロール レイヤー ページは完全に再実装されています。少し React を使用して

UI ステータスの同期を実行します。

インストールと使用

1. まず、ノードをインストールする必要があります。それより前のバージョンではエラーが報告される可能性があります。

2. 次に、任意のディレクトリで実行します:

3.npm install -g wept

4. インストール後、プロジェクトのルート ディレクトリで実行し、公式デモをダウンロードします:

5.wept

デバッグを開始するには、localhost :3000 にアクセスします (スタートアップ モードのデバッグを有効にするには、Chrome 開発者 devtools を使用することをお勧めします)。

-p パラメーターを使用してポートを変更することもできます。例:

wept -p 4000

次のことを忘れないでください。携帯電話のアクセスにはコンピュータの LAN IP アドレスを使用します。

API サポート ステータス

以下は、すべてのミニ プログラム API の現在のサポート ステータスです:

✓ app.json ウィンドウ設定

✓ app.json タブバー設定

✓ WeChat ログイン: 現在、同じ公式ツールを返します。 appid ステータスなし 一貫性があり、シミュレーションに戻ります

✓ ユーザー情報インターフェイスの取得: テストデータを返します

✗ 支払いの開始: appid ステータスなしの公式ツールと同じ、使用できません

✓ インターフェイスのタイトルを設定します

✓ タイトルバーの読み込みアニメーション

✓ ページジャンプ 回転

✓ 下に引っ張って更新

✓ アニメーションを作成

✓ キャンバスペイントを作成

✓ 携帯電話のネットワークステータスを取得: デフォルトでWIFIに戻ります

✓ 電話システム情報を取得: 公式ツールと同じ、シミュレーションに戻ります

✓ 重力センサーデータの監視: Safari モバイルなどのモバイルブラウザのデバッグをサポートします。公式ツール (101100) はサポートしません

✓ コンパスデータの監視: Safari モバイルなどのモバイルブラウザのデバッグをサポート、公式ツール (101100)ツール (101100) は、

✓ request request インターフェース

✓ websocket インターフェース

✓ ファイルのアップロードとダウンロード

✓ ファイルの保存

✓ 写真の選択/プレビュー

✓ ビデオの選択

✓ 録画 API

✓オーディオ再生制御

✓ バックグラウンドミュージック制御

✓ 現在位置を取得

✓ ネイティブマップを使用して位置を表示

✓ ストレージ同期API

✓ ストレージ非同期API

将来の計画

画像プレビュー機能のサポート

wxml、ストレージ、appData 開発者ツール パネルのサポート

デスクトップ ツールのサポートを提供

以上がWeChat ミニ プログラム用のサードパーティ開発ツール (WEPT) の導入の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。