アプリ開発の原生開発、H 5開発とハイブリッド開発の違い

APP開発モード
現在の市場上の主流のAPPは三つに分けられています。

原生アプリ

Webアプリケーション（HTML 5）

ハイブリッドアプリはもちろん、flunterなどの

もあります。
APP開発モードの比較
1.原生開発
原生開発（Native App開発）は、Android、IOSなどのモバイルプラットフォームで、公式に提供された開発言語、ライブラリ開発、開発ツールを利用してApp開発を行う。例えばAndroidはJava、Eclipse、Android studioを利用します。IOSはObjective-CとXcodeを利用して開発します。
利点:

は、GPS、カメラなどの携帯電話のあらゆる機能にアクセスでき、最も機能がそろっていることができる。

運転速度が速く、性能が高く、優れたユーザー体験。

は大量の図形とアニメーションを支持して、カートンではありませんて、反応は速いです。

互換性が高く、各コードはプログラマーによって丹念に設計されています。一般的にフラッシュバックが発生することはなく、ウイルスや脆弱性の出現を防ぐこともできます。

は、デバイス端末が提供するインターフェースをより迅速に使用し、処理速度において有利である。

短所:

開発時間が長く、早ければ3ヶ月ぐらいで完成します。遅ければ5ヶ月ぐらいです。

制作費が高く、コストが高い。

可変性は比較的に悪くて、1項の原生のApp、AndroidとIOSはそれぞれ開発しなければならなくて、同じ論理、インターフェースは2セット書きます；

コンテンツ制限（App Store制限）；

は、ダウンロードが完了したら、ユーザーが開くことができます。新しいバージョンが得られたら、アプリケーションの更新を再ダウンロードする必要があります。

新しい需要の反復は、オンラインが遅い。

2.webアプリ（h 5開発）
HTML 5アプリケーション開発は、Web技術を利用したApp開発で、携帯端末のブラウザで開くことができるサイトをwebappといいます。Web技術自体はブラウザのサポートが必要で、展示とユーザーのインタラクションができますので、主にHTML、CSS、Javascript、jQuery、Vue、ReactなどのJSフレームワークが使われています。
利点:

は設備の範囲が広くて、プラットフォームにまたがります。編纂したコードはAndroid、IOS、Windowsで同時に実行できます。

開発コストが低く、サイクルが短い。

コンテンツ制限がない。

は、ニュースや攻略などの大きな文字が展示され、フォーマットが豊富（太字など、フォントが多様）なページです。

ユーザは、最新バージョン（自動更新、ユーザ手動更新なし）を直接使用することができる。

短所:

は、Web技術自体の制限により、H 5移動アプリケーションがデバイスハードウェアとオフラインメモリに直接アクセスできないため、体験と性能に大きな限界がある。

はネットワークに対する要求が高く、オフラインはいかなる操作もできない。

機能が限られています。

APPの反応速度が遅く、ページの切り替えの流暢性が悪い。

画像と動画のサポートが高くないです。

ユーザの体験感が悪いです。

は、携帯電話のハードウェア（カメラ、マイクなど）を起動できません。

ハイブリッド（原生+H 5）開発-Hybrid App開発
ハイブリッド開発（Hybrid App開発）とは、App製品を開発する際に、効率を高め、コストを節約するために、原生とH 5の開発技術を利用したハイブリッドアプリケーションのことです。通俗的には、これはウェブページのモードであり、通常は「HTML 5クラウドサイト＋APPアプリケーションクライアント」の2つの部分から構成されている。
ハイブリッド開発は、WebViewプラグインまたは他のフレームを利用してコンテナを提供し、プログラムの主要な業務実現、インターフェースディスプレイはH 5に関連するWeb技術を利用して実現される。例えば、京東、淘宝、今日の頭条などのAPPはすべて混合開発のモードを利用したものです。
利点:

開発効率が高く、時間を節約します。同じコードのAndroidとIOSは大体使えます。

更新と展開が便利で、アップグレードするたびにサーバー側でアップグレードすればいいです。App Storeにアップロードして審査する必要はありません。

コードの維持が便利で、バージョンの更新が速く、製品のコストを節約します。

はウェブ版よりも機能が多いです。

はオフラインで動作します。

短所:

機能/インターフェースは自由に決められません。すべての内容は固定されています。インターフェースを変えたり、機能を増やすことはできません。

ローディングが遅い/ネットワーク要件が高い：混合APPデータはすべてサーバから取り替える必要があり、各ページは再ダウンロードが必要であるため、オープン速度が遅く、ネットワークの占有率が高く、バッファ時間が長いため、ユーザーの反感を買いやすい。

安全性は比較的低いです。コードは以前の古いコードです。最新の携帯電話システムとうまく互換できなくて、安全性が低いです。インターネットの発展がこんなに速くて、ウイルスが多いです。リアルタイムに更新しないと、定期的に検査して、穴ができやすくて、直接的な経済損失をもたらします。

現在のハイブリッド開発には二つの開発モードがあります。

原生主導の開発モード：AndroidとIOS原生開発者が必要で、全体のアプリには原生開発のページがあります。H 5ページが必要な時に原生開発技師が埋め込みを実現します。最近開発中のプロジェクトはこの開発モードを使います。

H 5主导的な开発モード：H 5开発エンジニアだけが必要で、いくつかのパッケージされたツールを使ってアプリケーションのパッケージ化と生产デバイスの机能の呼び出しなどのアプリケーションを実现します。

混合開発APPの中でどうやって原生とH 5を見分けますか？

上図は上半分が原生で、下半分がH 5です。
1.ロードの仕方を見てください。
新しいページのナビゲーションバーを開くと、下にロードされている線があります。このページはH 5ページです。ないと元のものになります。WeChatの中で私達のH 5ページを開けます。よくあるのは緑のロードラインです。
例えば国美APPで開くと赤色の進捗状況です。

2.アプリ上部のナビゲーションバーを見ると、閉じた操作があるかどうか-（正確ではない）

APP上のナビゲーションバーに閉じるボタンや閉じるアイコンがあると、現在のページに肯定的なH 5が表示されません。
美団の、大衆的なコメントのAPP、WeChat APPはh 5をロードしすぎると、左上の隅に二文字が閉じられます。
3.レイアウトの境界を見る（Android携帯だけに使える）
開発者オプションの中の表示レイアウトの境界を開くことができます。ページ要素が多い場合、レイアウトはh 5で構成されます。レイアウトは元のコントロールです。ページにはオリジナルのレイアウトがあります。さもなければh 5ページです。Android携帯だけを使ってみます。）

4.コピーした文章のヒントを見て、対比して結果を出す必要があります。正確ではない
例えば記事情報ページはページを長押しすることができます。文字選択、貼り付け機能があるのはH 5ページです。そうでないと、native元のページです。
いくつかの原生アプリはコピー＆ペースト機能を開放しています。または閉じています。H 5のcssはコピー選択機能などを遮断しています。目標テストAPPを比較することによって知ることができます。

5.ネットを切った状況を見る
携帯のネットを切断します。をクリックして、ページを開きます。そして正常に表示されるものが原生で書かれています。
404またはエラーページを表示するのはhtmlページです。原生部分のページは正常に開けられます。開けられない原生とH 5のエラーも違います。
6.ページのドロップダウンリフレッシュを判断する場合（ドロップダウンリフレッシュ機能があることが前提）
もし画面が明確に更新されていない場合は原生です。明らかに更新された現象（フラッシュなど）があれば、H 5ページ（iosとandroid）です。
たとえばタオバオの衆はページを計画します。
7.ページを下げる時、URLの提供者がH 5に違いないと表示します。

記事の要約:
https://segmentfault.com/a/1190000020146197?utm_source=tag-newest
締め括りをつける
現在、ハイブリッド開発の先端技術スタックが多く、選択型vue、reactが多く、海外ではangglarが多く、国内では少なく、求人難があります。

純H 5のアプリケーションは、最悪の体験

です。

hybirdの応用の中で、webview方式はH 5を埋め込む方式は現在大きい工場と中小企業が使うのが多いです。

Futterは、iOSとAndroidの2つの高機能、高忠実なアプリケーションを同時に生成することができるモバイルアプリケーションSDKである。多くの中小企業がすでに大量に利用し始めている。

weexは今プロジェクトで使ったことがありません。その製品は多くないと分かりました。

rnは現在、京東で少量使用されています。

思考

私たちのAPPは、どのように自分のチームに適した技術の枠組みを選択し、私たちのAPPの反復をより速くし、体験をより良くするかを追求しています。現在、国内のvue、reactは、生態、組立品倉庫、家族全員の桶の各方面から、すでに非常に成熟しています。新しいものを試してみたいなら、flunterをやってもいいです。プロジェクトの安定的な発展を考えると、やはりvue、reactが中心です。

はRNの開発投入、人力はほとんど原生に近いと知っています。今のところ私たちのチームは

を考えていません。
この文章はここまで紹介します。必要な友達は参考にしてください。