blog

南京小児科オンライン× mPaaS|H5パフォーマンスの経験があまりにも立ち往生している、試してアプリを変更した!

HTML5からアプレットへの技術選択は、徐々に製品に慣れた後、あなたは高騰研究開発のパフォーマンスとスムーズな経験を得ることができます。"南京小児科オンライン "は南京小児病院のために開発された公式医...

Jun 27, 2020 · 6 min. read
シェア

HTML5からアプレットまでの技術選択、徐々に製品に慣れる段階を経て、高騰するR&Dパフォーマンスとスムーズな体験を得ることができます。

"南京小児科オンライン "は、南京小児病院(NCH)のために開発された公式医療アプリで、オンラインとオフラインの医療体験をサポートします。この記事では、mPaaSのアプレットにアクセスすることで、アプリ体験のパフォーマンスを向上させた話を紹介します。



プロジェクトの背景

その結果、医療関連事業は基本的にHTML5で開発されることになり、ワンエンド開発とツーエンドの適応が期待できます。

しかし、しばらく運用してみると、純粋なHTML5開発手法にはパフォーマンス上の問題が多いことがわかりました。例えば、ユーザーの携帯電話では、HTML5のページが開かなかったり、読み込みが続いたり、ラグが発生したりすることがよくあります。

もちろん、toB指向のビジネスは問題ありません。医師のユーザーベースのボリュームは比較的制御可能であり、パフォーマンスの問題を解決するために最適化することができます。しかし、一旦C指向のビジネスになると、例えば、アプリのパフォーマンスに問題が発生し続けたり、制御不能な患者からの苦情や悪いレビューが続いたりすると、ユーザーエクスペリエンスに影響を与えるだけでなく、会社のブランドにも傷がつきます。

NJ Paediatrics Online」アプリのユーザーベースが成長し続けることを評価し、純粋なHTML5開発モデルを容認しないことを決定し、コンシューマーレベルの市場の要件を満たすアプリを出力するためにアプリを再設計しました。
  • Cordovaの性能はタスクに追いついておらず、互換性の問題も多くありました;

  • Uni-Appは純粋なHTML5開発モデルである傾向があり、ネイティブアプリとの統合にはあまり適していないと評価されました;

  • Flutterのエコシステムは現段階ではまだ完成しておらず、対応する学習コストも高いため、チームには不向きです。

最終的にはアプレットに照準を合わせます。

アプレットはブラウザ カーネル用に最適化されており、レンダリング エンジンとロジック実行エンジンを分離し、レンダリング レイヤーにも最適化が加えられています。最初のダウンロードに時間がかかることを除けば、その後の体験はネイティブアプリに非常に近いものです。個人開発者向けのHeraフレームワークもいくつかのアイデアを提供していますが、APIの拡張、SDKのHTML5エンド、オフラインダウンロード戦略、レンダリングの最適化......など、あまりに多くの事柄の拡張のその後の開発のため、短期間で完成できないことは明らかです。



mPaaSにアクセスするプロセスのレビュー

一連の調査の後、我々はmPaaSアプレットが我々の現在のニーズと一致することを発見しました。そこで、mPaaSをテストし、mPaaSアプレットを通してアプリのパフォーマンス体験を改善することにしました。
デバッグの結果、RPCリクエストが7001を報告し、署名チェックが失敗していることがわかりました。最終的に、私は作業指示を出し、開発者はインストールパッケージをmPaaSコンソールにアップロードし、新しい設定ファイル'Ant-mpaas-xxxxx.config'をダウンロードして元の設定ファイルを上書きするように促してきました。

この問題は、初期の段階でドキュメントに慣れていないために、問題の判断や解決策が明確でなく、回り道をしてしまうことを反映しています。そのため、開発者はドキュメントに目を通してアクセスプロセスを理解し、アクセス効率を向上させる必要があります。

デフォルトでは、mPaaSのオフラインパッケージは30分ごとに自動的に更新されます。しかし、時には緊急のビジネス調整やバグがあり、迅速に修正する必要があるため、ユーザが開いたときに最新のパッケージがロードされるようにします。

このニーズに基づき、リアルタイム更新のメカニズムを自律的に実装しました。



固定された位置で入力ボックスからポップアップするキーボードは入力ボックスを押し上げ、入力ボックスの内容は固定されます。

トラブルシューティングの結果、キーボードの伸縮状態が最初から取得されていないことが核心的な原因であり、対応する解決策はプロパティを設定することです:

enableNative="false"


アリペイアプリの制限によるものです。

現在のアプローチは、POSTがPOST/USER/PATCHになるように、PATCH/USERなどのバックエンドインターフェースにGET/POSTサポートを追加することです。

もちろん、アプリがJSAPIを提供し、ネットワーク通信はアプリに任せ、フロントエンドがJSAPIを呼び出して実現するという方法もあります。

この問題は、アクセスから始まり、ほぼオンラインプロジェクトに続け、最終的に解決された、具体的なパフォーマンスは、iOSエンドアプレットは、デフォルトのタイトルを表示していない、アプレットは手動で'my.setNavigationBar'セットパーティーを呼び出す表示することができます。期間中に、クライアント側の問題を見つけるが、多くのプログラムを試してみましたが、問題を発見したことはありません。

最終的に、mPaaSの開発者はSSZipArchiveというポッドライブラリの1つがフレームワークの実行に影響を与えていることを発見し、問題を解決するためにその参照を削除しました。

mPaaSの公式ドキュメントに従って、できるだけmPaaS自身の依存関係を使用し、1つずつチェックして置き換えていくことをお勧めします。

実際の需要では、アプレットは、HTML5をジャンプし、ジャンプアプレットやその他のニーズがあります。そして、アプリ側は、小さなプログラムが同時に存在することができ、小さなプログラムジャンプお互いを達成することはできませんが見つかりました。ジャンプアプレットは、現在のアプレットを閉じる必要があります特定のパフォーマンスは、それ以外のジャンプは無効です。

その後、作業指示書とドキュメントを比較することで、複数のアプレットが互いにジャンプすることを実現できるパラメータ設定があることがわかりました。アプレットを作成する際、startTinyAppWithIdメソッドでstartパラメータを渡すことで実現できます:

@{@"startMultApp":@"YES",@"appClearTop":@NO} 



新しい開発経験

mPaaS開発者の学生の協力により、すべての問題が解決され、プロジェクトの立ち上げに成功しました。プロジェクト開始後、何人かの保護者にインタビューしたところ、新しいアプリの体験はとてもスムーズで使いやすかったとのことでした。

最初のバージョンの後、いくつかの反復がありました。反復的な開発プロセスは、クライアントが唯一の "HTML5 /アプレット "インターフェイスの拡張との相互作用に焦点を当てる必要があり、HTML5 /アプレット側は、より多くのビジネス開発を懸念し、どのようなインターフェイスが必要であり、契約上のクライアントの合意は、ほぼ実現することができ、クライアントの "分離 "開発。"開発。

ビジネス開発が完了した後、ワンクリックでバージョンをリリースし、AlipayアプレットIDE上でテストすることができ、非常に便利です。mPaaSコンソールで手動でバージョンをリリースするだけで、セカンドレベルのアップデートを実現できます。

その後、新しい仲間も加わり、医師側で新規事業を開発することになりました。mPaaSアプレットとmPaaSアプレット開発ドキュメントの蓄積に基づき、誰もが非常に迅速に着手することができました。mPaaSは研究開発の効率を大幅に改善しました。

mPaaSは、パフォーマンス・エクスペリエンスに関する最大の問題を解決し、ビジネス・モジュールの開発に集中することを可能にします。

もちろん、mPaaSはさらに多くの価値をもたらします。それはクライアントを解放するだけでなく、クライアントは、統一されたUIコンポーネントライブラリ、ID認証システム、IM通信、オーディオおよびビデオ放送などのプラットフォームの機能を常に豊かに、アプリケーションコンテナに集中することができます。



「NJ小児科オンライン申請インターフェース



将来の展望

オーバールックにとって、ヘルスケア事業は生命線。

絶え間ない反復と革新によってのみ、私たちはユーザーや顧客の要求を満たす真に価値ある製品を作ることができるのです。オンライン・プロジェクトは始まりにすぎません。

mPaaSをベースにして、さらに他の機能、例えば、ユーザーサイドのバグ報告を得るのに役立つモバイルログアップロード、例えば、無分別なアップデートを実現するのに役立つホットフィックスなどにアクセスしたいと考えています。

最後に、mPaaSチームの無私の貢献と、休暇中も問題解決に協力してくれている開発者に感謝したいと思います。mPaaSはまだ改善中で、mPaaSは信頼できるプラットフォームであり、mPaaSは将来さらに強くなると信じています!





Special thanks to: Xiong Chenliang, Li Jun, Chen Gang, Xu Jingjing





アリペイのアプレットフレームワークから派生し、何億ものオンラインビジネスのボリュームによって洗練されており、そのセキュリティはアリペイのネイティブ能力に匹敵します。アリペイ、タオバオ、ネイル、その他のアプリケーションをカバーするパッケージを構築することができます。











Read next

Ubuntu 13.10、Unity 8が興味深い内容でアップデートされる

Unityの次世代版であるUnity 8は、Ubuntuデバイスのデスクトップと開発的に一貫するように設計されており、携帯電話、タブレット、コンピュータ向けに、審美的に特徴的で、強力で、専門的に設計されていることを意図しています。

Jun 27, 2020 · 2 min read