JD.com のミニプログラム プラットフォームは、Kuaishou がクロスターミナル実装を実現するのに役立ちます | JD.com クラウド テクニカル チーム

序文:

JD ミニ プログラム オープン プラットフォームは、JD.com が独自に開発した開発者向けオープン プラットフォームです。WeChat や Alipay のミニ プログラム オープン プラットフォームに似ており、完全なミニ プログラム開発ライフ サイクルに必要な豊富なオープン機能と機能を提供します。開発者は、開発者ツールIDEを使用して開発、デバッグ、プレビュー、コード変換を簡単に行うことができ、オンラインミニプログラムのリリース、レビュー、グレースケール、ABテストなどのプロセスをコンソール上で実行できるほか、管理画面でミニプログラムを監視することもできます。背景、例外、パフォーマンス、およびビジネス データ。

ミニ プログラムは、軽量、便利、パーソナライズされたアプリケーション フォームとして非常に柔軟であり、その強力な機能と低い研究開発コストにより、速達によるクロスエンド配信の実現に効果的に役立ちます。Dada Express の JD ミニ プログラム プロジェクトへのアクセスは、多くの面で顕著な成果を上げており、他の企業がミニ プログラムにアクセスする際の有益な参考にもなります。

背景:

Kuaishou は、15 個のミニ プログラム (7 チャンネル) とアプリ (2 個)、PC、h5、およびオープン プラットフォームを含む、商店および個人ユーザーに市内運送状を発行するためのアプリケーションです。

速達配送の概要:

従来のアプローチは、各エンドのコード セットを個別に開発することです。このアプローチには、強力なカスタマイズと、相互に影響を与えることなく反復を分離できるという利点があります。欠点は、高コストと一貫性のないエクスペリエンスです。PCやH5は基本的にイテレーションをしないので、小さなプログラムやアプリにチャンスがあるかどうかが優先されます。効率の向上と研究開発コストの削減という目的は、クロスターミナルによって達成されます。

1.1 ミニプログラムのクロスターミナル

2019年のクロスエンドの状況:

2019 年時点ではクロスエンド ソリューションが未熟だったため、自社開発ツールを使用してコンパイル時ソリューションを通じてクロスエンド ミニ プログラムの問題を解決し、7 つのミニ プログラムの統一コード セットが完成しました。

1.2 アプリに h5 クロスターミナルが導入される

アプリをクロスターミナルで探索する:

そのとき、私たちは h5 と flutter の 2 つの方向を模索しました。

Flutter: メインプロセスを使用する必要がある場合、既存の機能を Flutter を使用して再開発する必要があり、移行コストが高くなります。

h5: アクセスコストは低いですが、エクスペリエンスが悪く、読み込み速度が遅いため、一部の非コアプロセスと一部のアクティビティページ (15% を占める) でのみ使用され、メインプロセスでは使用できません。 。

Kuaisong アプリのクロスエンド H5 ソリューション

速達端の次のクロスエンドの方向はどこですか? チャンスはありますか?

現在、各プラットフォームの小さなプログラムには 1 セットのコードがあり、iOS と Android の反復の 95% は依然として 2 セットのコードです。

WeChat アプレット、iOS、Android は統合できますか? メインプロセスを乗り越える上で最も重要なことは、コンバージョン率を落とさないことです。

アクション

1.1 ソリューションの調査と選択

グループ横断プラットフォーム

JD.comとの統合を背景に、グループのクロスエンドソリューションの検討に注力しました。このグループには次の 4 つのクロスエンド ソリューションがあることがわかります。

上記の調査に基づいて、私たちは当初、ミニ プログラム ソリューションがより実現可能なソリューションであると判断し、ミニ プログラム ソリューションについてさらなる調査を実施しました。

ミニプログラムリサーチ

調査は主に、包括的な理解、デモテストのパフォーマンス、オンラインテストの安定性の3つの部分に分かれています。

1. JD.com内のさまざまな事業分野でのJDミニプログラムの利用

•成熟したビジネスと主要プロセスが使用されている

•メンテナンスのための専任チームがいる

ホスト 仕事 シーン アクセス理由
京東 高級品(例:LV) メインウェブサイトのアプリでLVブランドを検索し、LVミニプログラムに参加してください ブランドアイデンティティを維持する
京東 JDエクスプレス メイン Web サイトのアプリで JD Express を検索し、JD Express アプレットに入ります。 排水
京東 保険 保険を検索し、保険購入アプレットに入力します 保険ビジネスは各国のコンプライアンス制限の対象となります。メイン Web サイトで国内のコンプライアンス要件を満たしたい場合は、フロント エンドとバック エンドの両方に多くの変更を加える必要があり、コストがかかります。JD ミニ プログラム プラットフォームは、オープンな開発者プラットフォームは独立しており、高度にカスタマイズ可能な機能により、基本レベルで国内のコンプライアンス要件を満たすことができます。
京me 印刷アプレット チャット ページには、印刷設定アプレットに入る簡単な入り口があります。 プラットフォーム化
JD ヘルス 一部のモジュール(健康管理など) アプリには小さなプログラムである独立したビジネス モジュールがいくつかあります。 WeChat ミニ プログラムの機能を再利用すると、アクセス効率も向上します
JD ダオジャ クーポンページ モジュール内のクーポンをクリックしてクーポン ページに入ります。これは小さなプログラム開発です。 エクスペリエンスの最適化 (h5)

2. デモによるパフォーマンスのテスト (マップ効果を含む)

結論: ハイエンドモデルもローエンドモデルも数秒で開き、その効果はネイティブエクスペリエンスに近く、特にマップのドラッグとロードの効果はネイティブ効果と一致しています。

3.「価格詳細」ページを起動して実際のユーザーデータを収集します

「価格詳細」ページはマップ付きで使用頻度が高いため、メインの処理を妨げないことがポイントです。オンラインテストページに最適です。

結論:初版の劣化率は5%だが、アプリケーションを標準化する場合は劣化率を1%以内に抑える必要があるため、オンラインでの状況監視やデータ分析などを活用して原因を究明する問題を解決し、最終的な劣化率が 0.3% 以内に制御されるように最適化します。

1.2 困難を克服する

ユーザーがミニ プログラム ページに入ろうとしているのかネイティブ ページに入っているのかをユーザーが認識できないようにするにはどうすればよいですか?

市場のミニ プログラム モデルはすべて独立した形式で存在します。たとえば、WeChat ミニ プログラムの各ビジネス ミニ プログラムには完全なビジネス機能があります。ミニ プログラムの読み込みには完全で独立したプロセスがあり、ホスト アプリによって制御されません。当方としては、ミニプログラムがユーザーに意識されずにプロセスに埋め込まれることが期待されると同時に、ミニプログラムのロードタイミングを制御でき、ロード速度が向上することが期待されます。新しいミニ プログラムを使用するには、Kuaishou チームと JD ミニ プログラム プラットフォーム チームが協力する必要があります。上記 2 つのニーズを満たすプログラム モード。

上流と下流への影響を可能な限り軽減するにはどうすればよいでしょうか?

なぜなら、ビジネスバックエンドと運用プラットフォームには、以前はエンドに基づいて差別化された管理が行われるいくつかのシナリオがあったからです。また、アプリ上の埋没ポイントデータとミニプログラム上の埋没ポイントデータは統一されておらず、データレポートも別々となっております。システムの上流と下流への影響を軽減するには、さまざまなシナリオに応じてさまざまな処理を実行する必要があります。

1.3 リスクを回避する方法

コンプライアンスリスクにどう対処するか? 新たなポリシー変更によりミニプログラムが利用できなくなり、事業が停止されることはありますか?

四半期に一度、バックアップとして注文を発行する基本機能のみを維持しており、状況が変化した場合にはすぐに元の機能に切り替えることができ、業務停止のリスクを回避できます。通常、ネイティブ ページは、極端な場合のダウングレードにのみ使用されます。

進捗

現時点では調査と詳細ページへのアクセスが完了しており、ダウングレード率は1%未満であり、ビジネスコンバージョン率は低下していません。注文詳細ページを例として、「注文の変更」、「支払いの詳細」、「注文のキャンセル」、「チップの追加」の 4 つのビジネス指標に焦点を当てます。注文詳細ページではこれら 4 つの主要な操作が行われますが、使用状況データから判断すると、ビジネス コンバージョン率は低下していません。

段階的な結果:

計画

どのモジュールがクロスターミナル ミニ プログラムに適していますか? いくつかの側面から検討してみてはいかがでしょうか?

1. 準拠しているかどうか - App Market のレビューに合格できるかどうか たとえば、ホームページが Apple App Market にネイティブでない場合、直接レビューに合格することはできません。

2. 将来的に高頻度の反復はありますか? 複数の注文に対する反復がずっと存在しない場合は、ミニ プログラムを移行する必要はありません。

3. プロセスは内部的に閉じたループですか -- ネイティブとの対話が増えるほど、その後のメンテナンス コスト (ログイン、支払い) が高くなります

1. コスト: 反復の 80% で 3 つの端末用の一連のコードが実装され、2HC のマンパワーが節約されることが期待されます。

2. 安定性: オンライン問題の収束時間を短縮 - 14 日から 1 日に

3. 効率化:新機能の検証時間を短縮 - 58%短縮(53日→22日)

付録:

カード効果

ネイティブ プログラムとミニ プログラムのエクスペリエンス効果の比較:

著者: JD Retail 王恵晶

出典:JD Cloud Developer Community 転載の際は出典を明記してください

雷軍氏: Xiaomi の新オペレーティング システム ThePaper OS の正式版がパッケージ化されました Gome App の宝くじページのポップアップ ウィンドウが創設者を侮辱 米 政府が NVIDIA H800 GPU の中国への輸出を制限 Xiaomi ThePaper OS インターフェース マスターが Scratch を使用して RISC-V シミュレータを操作し、正常に実行されました Linux カーネル RustDesk リモート デスクトップ 1.2.3 がリリースされ、Wayland サポートが強化されました Logitech USB レシーバーを取り外した後、Linux カーネルがクラッシュしました DHH の「パッケージング ツール」のシャープ レビュー": フロントエンドはまったくビルドする必要がありません (No Build) JetBrains が技術文書を作成するために Writerside を起動 Node.js 21 用ツールが正式リリース
{{名前}}
{{名前}}

おすすめ

転載: my.oschina.net/u/4090830/blog/10120871