h5代替app

『壹』 談談你對原生APP和WebApp的想法原生APP會被H5替代嘛

會。
Web APP應用呈現以下特點：
（1）每次打開APP，都要通過APP框架向雲網站取UI及數據；
（2）手機用戶無法上網則無法訪問APP應用中的數據。
（3）框架型的APP無法調用手機終端的硬體設備（語音、攝像頭、簡訊、GPS、藍牙、重力感應等）
（4）框架型APP的訪問速度受手機終端上網的限制，每次使用均會消耗一定的手機上網流量；
（5）框架型APP應用的安裝包小巧，只包含框架文件，而大量的UI元素、數據內容剛存放在雲端；
（6）APP用戶每次都可以訪問到實時的最新的雲端數據；
（7）APP用戶無須頻繁更新APP應用，與雲端實現的是實時數據交互；
適用企業：電子商務、金融、新聞資訊、企業集團需經常更新內容的APP應用。

『貳』 h5做app和原生app有什麼區別

您好，H5和APP是兩個互聯網信息的載體平台，前者是一種承載信息的網頁形式，專常用於單次廣屬告宣傳；後者是一個應用，安裝在手機上，長期使用。

• H5和APP都可以代碼開發出來，H5一般也不能直接生成APP，以前epub360曾經做過這樣的業務，是給pad上生成輕應用，安裝在pad上的電子雜志，教育讀物和小游戲。

• 兩者的區別：工具製作，效率比較高，但靈活性不如原生開發。

H5頁面製作工具

『叄』 h5頁面和app的區別

h5頁面和app的區別如下：

1、開發不同。

對於app開發，每一種移動操作系統都要重新開發一個app，比如安卓操作系統就需要基於java開發app，而蘋果操作系統就需要基於Objective-C開發app。

h5頁面是運行再瀏覽器端的應用，所以無論是什麼操作系統只要可以打開瀏覽器就可以運行h5頁面，因此不需要基於操作系統額外開發。

2、運行能力有差距。

移動app可以完全發揮手機硬體的優勢，比如攝像頭、獲取本地信息等等，而h5頁面則無法發揮這些功能，只能使用少量的硬體功能。

3、獲取來源不同。

移動app需要用戶下載安裝到自己的移動端手機上才可以使用，而h5頁面則沒有這些要求，只需要手機可以訪問瀏覽器就可以使用h5頁面，這一點比移動端app方便不少。

4、存儲容量不同。

由於移動端app需要下載安裝到本地才可以運行，所以與之相之是需要佔用手機本地內存，且運行過程中會產生大量的臨時數據或緩存數據也會佔用大量的存儲空間。

h5頁面由於運行再瀏覽器端，所以它消耗的是伺服器端的內存，而不需要佔用本地有限的內存空間，為用於節省了大量空間，但是缺點是對網路要求較高。

『肆』 h5做app和原生app有什麼區別

h5做app和原生app有什麼區別？

H5開發的web APP和原生APP的區別有以下幾個方面：
一、開發方面
原生App
⊙ 每一種移動作業系統都需要獨立的開發專案
⊙ 每種平台都需要獨立的開發語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等
⊙ 需要使用各自的軟體開發包，開發工具以及各自的控制元件
移動Web App
⊙ 因為執行在移動裝置的瀏覽器上，所以只需要一個開發專案
⊙ 這種應用可以使用HTML5,CSS3以及JavaScript以及伺服器端語言來完成（PHP,Ruby on Rails,Python）
⊙ 這里可沒有標準的SDK，基本任意選擇別忘了有一些跨平台的開發工具，比如PhoneGap, Sencha Touch 2，APPcan以及Appcelerator Titanium等等。
二、能力方面
原生App
⊙ 能夠與移動硬體裝置的底層功能，比如個人資訊，攝像頭以及重力加速器等等
移動Web App
⊙ 只能使用有限的移動硬體裝置功能。
三、獲取方法
原生App
⊙ 直接下載到裝置
⊙ 以獨立的應用程式執行(並不需要瀏覽器)
⊙ 使用者必須手動去下載並安裝這些原生App
⊙ 有一些商店與賣場來幫助使用者尋找你的App，目前app市場不計其數
移動Web App
⊙ 從移動裝置上的瀏覽器訪問
⊙ 不需要安裝額外的軟體
⊙ 軟體更新只需要伺服器就夠了
⊙ 因為現在沒有什麼商品或賣場提供這種App，所以如何搜尋這些移動Web App相當不簡單。
四、版本控制
原生App
⊙ 使用者可以自由地選擇是否更新軟體版本，所以會出現不同使用者同時使用不同版本的情況
移動Web App
⊙ 所有的使用者都是用同樣的版本
五、優勢
原生App
⊙ 比移動Web App執行快
⊙ 一些商店與賣場會幫助使用者尋找原生App
⊙ 官方賣場的應用稽核流程會保證讓使用者得到高質量以及安全的App
⊙ 官方會發布很多開發工具或者人工支援來幫助你的開發
移動Web App
⊙ 跨平台開發
⊙ 使用者不需要去賣場來下載安裝App
⊙ 任何時候都可以釋出App，因為根本不需要官方賣場的稽核
⊙ 如果你已經有了一個Web App，你可以使用 responsive web design來輔助改進
六、缺陷
原生App
⊙ 開發成本高，尤其是當需要多種移動裝置來測試時
⊙ 因為是不同的開發語言，所以開發，維護成本也高
⊙ 因為使用者使用的App版本不同，所以你維護起來很困難
⊙ 官方賣場稽核流程復雜且慢，會嚴重影響你的釋出程序
移動Web App
⊙ 無法使用很多移動硬體裝置的獨特功能
⊙ 要同時支援多種移動裝置的瀏覽器讓開發維護的成本也不低
⊙ 如果使用者使用更多的新型瀏覽器，那問題就更不好處理了
⊙ 對於使用者來說，這種App很難被使用者發現
附：原生App 與 移動Web App:您如何選擇？
所以在你准備做移動App時，你應該先問問自己以下幾個問題：
1. 你的應用是否需要使用某些裝置的特殊功能，比如攝像頭，攝像頭閃光燈或者重力加速器
2. 你的開發預算是多少？
3. 你的應用是否一定需要網路
4. 你的應用的目標硬體裝置是所有的移動裝置還是僅僅只是一部分而已
5. 你自己已經熟悉的開發語言
6. 這個應用對於效能要求是否苛刻
7. 如何靠這個應用贏利

H5 APP即是一種框架型APP開發模式(HTML5 APP 框架開發模式)，該開發具有跨平台的優勢，該模式通常由「HTML5雲網站+APP應用客戶端」兩部份構成，APP應用客戶端只需安裝應用的框架部份，而應用的資料則是每次開啟APP的時候，去雲端取資料呈現給手機使用者。

原生APP又稱Native App，該開發針對IOS、Android、Windows等不同的手機作業系統要採用不同的語言和框架進行開發，該模式通常是由「雲伺服器資料+APP應用客戶端」兩部份構成，APP應用所有的UI元素、資料內容、邏輯框架均安裝在手機終端上。

1、開發方面的區別（這個地方太專業啦，請教了團隊的開發小夥伴）

目前React Native開發越來越火，微信小程式是基於React Native開發的，體驗接近原生APP，發展前景值得重視。不過好在現在非原生APP同樣可以呼叫藍芽、相機等硬體，也能順利釋出到蘋果APP store。

移動Web App

1、因為執行在移動裝置的瀏覽器上，所以只需要一個開發專案

2、這種應用可以使用HTML5,CSS3以及JavaScript以及伺服器端語言來完成(PHP,Ruby on Rails,Python)

3、這里可沒有標準的SDK，基本任意選擇別忘了有一些跨平台的開發工具，比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。

原生App

1、每一種移動作業系統都需要獨立的開發專案

2、每種平台都需要獨立的開發語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows phone)等等

3、需要使用各自的軟體開發包，開發工具以及各自的控制元件

2、能力方面的區別

移動Web App

只能使用有限的移動硬體裝置功能。

原生App

能夠與移動硬體裝置的底層功能，比如個人資訊，攝像頭以及重力加速器等等。對於這一點感觸很深刻，2016年做新年H5營銷小活動的時候，就是因為沒有考慮到H5不能使用移動硬體端重力加速器而導致臨時替換設計方案。

3、獲取方法的區別

移動Web App

1、從移動裝置上的瀏覽器訪問

2、不需要安裝額外的軟體

3、軟體更新只需要伺服器就夠了

4、因為現在沒有什麼商品或賣場提供這種App，不過一般都是巢狀在系統內部，或者內部系 統中使用

5、跨平台開發，使用者不需要去賣場來下載安裝App

6、需要過度依賴網路，沒有任何快取資料

7、任何時候都可以釋出App，因為根本不需要官方賣場的稽核

8、如果你已經有了一個Web App，你可以使用 responsive web design來輔助改進(這也是優勢?)

9、所有的使用者都是用同樣的版本

原生App

1、直接下載到裝置

2、以獨立的應用程式執行(並不需要瀏覽器)

3、使用者必須手動去下載並安裝這些原生App

4、有一些商店與賣場來幫助使用者尋找你的App，app store裡面應有盡有。

5、原生型APP應用的安裝包相對較大，包含UI元素、資料內容、邏輯框架;

6、手機使用者無法上網也可訪問APP應用中以前下載的資料。

7、原生型的APP可以呼叫手機終端的硬體裝置(語音、攝像頭、簡訊、GPS、藍芽、重力感應等)

8、APP應用更新新功能，涉及到每次要向各個應用商店進行提交稽核。

9、使用者可以自由地選擇是否更新軟體版本，所以會出現不同使用者同時使用不同版本的情況

即使兩者之間有很大的區別，即使H5有一大堆的坑和問題，但是仍舊不妨礙移動WEB無所不在，移動web是目前唯一的支援各種裝置訪問的平台，也是唯一一個可供開發者釋出移動應用的平台，它將各種移動互動與PC系統任務有效的結合在一起。而原生native app可以充分利用裝置的特性，這一點是它得天獨厚的優勢。

正式因為它有復雜多變的CSS樣式消耗了大量效能，它才有一個更有競爭力的優勢——它帶來了多樣性的排版，能夠細致到每一個字寬行高和風格的畫素級處理，能夠給你帶來不一樣的圖文匯合的排版。

app原生開發和h5app有什麼區別

原生是基於他們自己平台的語言開發，比如ios和安卓是2個平台，也就是要開發2份app。h5的開發完一個，兩個系統可以相容(除錯測試好)就可以，所以h5比原生app要便宜。 h5的app，載入速度不如原生，受網路影響大，體驗度偏低，開發成本一般。 原生app，載入速度快，受網路影響較小，體驗度很高，開發成本偏高。 很多市面上的h5雖然功能有了，效果卻差了很大，要知道一款好的app光ui設計上就會比普通能湊合用的app高出幾倍，也就是說正常二十萬左右的appui可能也僅僅佔了一萬兩萬，甚至有的公司為了賺錢ui都是修改之前的成品app。

使用H5開發的App和原生App有什麼區別？

1.H5的效能很差，一般經常改的地方可以用H5，比如論壇，咨詢之類的，而且限制也是很大，很多效果是沒辦法做到的。GUI框架的WebView普遍是這樣的。如果一個APP全部由H5來做(不太可能，送審很可能被拒)，那麼會顯得非常卡。

2.用iOS SDK，如果實現熱更新是比較麻煩的。對於論壇，咨詢這種模組，動不動就改版，做起來比較頭疼，用H5就很合適了。尤其在APP跨安卓和iOS的時候，這類模組如果直接用H5，那麼就很容易共用。

H5網頁App開發和純原生的App的差距主要聚集在以下幾個方面：

1、動畫

動畫有很多種，比如側邊欄選單的滑入滑出、元素的響應動畫、頁面切換之間的過場等等，在H5之下的眾多實現方法都沒有辦法達到純原生的效能。一般這些的話有幾種不同的選擇：css3動畫、javascript動畫、原生動畫。

css3動畫非常的消耗效能，如果某一個元素用到css3動畫可能還看不出來，但大面積或過場使用css3動畫會讓app低端手機體驗非常差。最好的選擇一般是通過框架呼叫底層的動畫，但不管怎麼樣等於在原來的程式碼上包上了一層，效能還是不可避免的受到影響。

比如在一個新頁面的載入上，如果呼叫底層動畫要考慮的問題有兩個，一個是本身資源頁面的渲染問題，另一個是遠端資料的獲取。即便是這些動畫能夠很快的響應，但大量的css頁面會導致渲染卡頓，滑入時可能會有白屏/機器卡頓的現象。為了解決這些效能問題又必須要用到預載入或模擬動畫。即便是這樣，滑入滑出的動畫在低端的安卓機器上還是有很多問題，如果獲取服務端資料處理的方式不合適，卡頓白屏的現象會更嚴重。具體看下面的資料獲取方式。

2、獲取服務端資料

首先要接受的是，這里的資料獲取都是在資源頁面上非同步完成的，因為只有這樣才能讓這些資源頁面完成預載入或者渲染。但是非同步拿到的資料在填入頁面中時可能會涉及DOM操作，眾所周知，DOM操作非常消耗效能，如果頁面小還好，頁面稍大資料稍微復雜一點，頻繁的DOM操作會導致明顯的閃白。而且最重要的一點是，如果頁面載入進來之後資料更新的速度太慢，也會讓頁面模板等待很長時間，對使用者體驗又不友好，總不能每次開啟都像瀏覽器一樣等待重新整理是吧

這個問題如果沒有得到解決，H5開發是很難承擔大規模資料的頁面，在它們之中頻繁切換更是難上加難，那麼肯定有人也會想到用MVVM的方式，其實我也寫過一些基於MVVM的H5app開發，相對來說它們獲取資料和更新資料的方式更敏捷更科學，但寫的過程中又要注意很多H5獨有的問題，這些問題在下面的頁面切換里來講。

3、頁面切換

上面我們看到了幾種不錯的實現方式，比如預載入和模擬動畫，甚至有批量的預載入，批量的截圖模擬動畫等等，雖然看起來很友好解決了不少問題，但事實上如果頁面足夠多就會引發另一個問題——頁面的生存周期。

試想一下，如果引導頁或者主頁面快取了5個子頁面的資源，在跳轉到響應的子頁面時又會快取這些子頁面的下級頁面資源，如此反復肯定會占據大量記憶體使APP的體驗下降。那麼怎麼知道那些頁面是需要的，最多快取多少頁面，什麼時候結束哪些頁面的生存周期呢？在我用過的很多H5APP的框架里都沒有對這些問題有一個完美的解答，因此在頁面較多內容較多的app開發中可能會因這些資源分配的問題降低效能。

這時候我們回過頭來再看看MVVM的資料載入問題，實際上不管哪個MVVM框架，寫過的人都知道管理這種新型的前端程式碼最重要的問題是記憶體的問題，你既要保證程式碼寫的足夠優雅沒有任何記憶體泄露問題，也要考慮到在頁面生存周期結束時它們的控制器/頁面資源是否得到釋放，這對全域性有沒有什麼影響，在多個請求時也要合理的分配資源，甚至是復用這些父級頁面傳過來的快取資源等等。較小的APP可能並不會有這些問題，如果你想用純H5來開發大型app，這很可能會浪費你很多時間——而且結果還不會讓你滿意。

4、Android/iOS的區別

很多人都說純H5app開發一次編寫就能編譯Android/iOS兩種不同的APP，大大降低了成本。實際上這個觀點本身就是值得懷疑的，如果你寫過這類APP就能明白我在說什麼，它們既不省事，又存在很多BUG，除錯時尤其繁瑣。舉一個很簡單的例子，Android和iOS在返回上一頁的處理方式上就有明顯的區別，iOS的頂部bar在全屏下怎樣處理，Android機器出現 *** art bar怎樣處理頁面的布局，呼叫底層硬體時怎樣區分不同的場景等等，你需要寫一個又一個機型和系統的判斷，然後分別在Android和iOS下除錯，最後你卻發現這並沒有卵用，累的要死卻什麼沒學到，只有一堆不知道什麼時候會過時的經驗。

現在做H5混合APP開發的人很多，但是純H5卻很年輕，很多問題都沒有很好的解決，這幾個是我在做這些APP時考慮最多的問題。最後說一個很少人注意到的H5優勢，大家大談H5APP時都是快速開發、低成本、多平台等等，但我卻覺得它和很多APP開發方式相比有一個不同之處——圖文混合的排版。正是這些復雜多變的CSS樣式消耗了效能，但是它帶來了排版的多樣性，能夠細致到每一個字寬行高和風格的畫素級處理，才是H5的優異之處。

原生APP和HTML5APP有什麼區別？

原生App更流暢，這個是web app無法比的，但是原生的想更新就得下載新的包或者打補丁，這方面來說，web app的優勢更大一些，從體驗來說，肯定選擇原生，但從開發效率和迭代成本，就選擇web app

web app 跟原生app有什麼區別

區別如下：
Web APP應用呈現以下特點：
（1）每次開啟APP，都要通過APP框架向雲網站取UI及資料；
（2）手機使用者無法上網則無法訪問APP應用中的資料。
（3）框架型的APP無法呼叫手機終端的硬體裝置（語音、攝像頭、簡訊、GPS、藍芽、重力感應等）
（4）框架型APP的訪問速度受手機終端上網的限制，每次使用均會消耗一定的手機上網流量；
（5）框架型APP應用的安裝包小巧，只包含框架檔案，而大量的UI元素、資料內容剛存放在雲端；
（6）APP使用者每次都可以訪問到實時的最新的雲端資料；
（7）APP使用者無須頻繁更新APP應用，與雲端實現的是實時資料互動；
適用企業：電子商務、金融、新聞資訊、企業集團需經常更新內容的APP應用。
Native App（原生型APP）應用呈現以下特點：
（1）每次獲取最新的APP功能，需要升級APP應用；
（2）原生型APP應用的安裝包相對較大，包含UI元素、資料內容、邏輯框架；
（3）手機使用者無法上網也可訪問APP應用中以前下載的資料。
（4）原生型的APP可以呼叫手機終端的硬體裝置（語音、攝像頭、簡訊、GPS、藍芽、重力感應等）

wex5開發的app和原生的app有什麼區別

原生App ⊙ 每一種移動作業系統都需要獨立的開發專案 ⊙ 每種平台都需要獨立的開發語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等 ⊙ 需要使用各自的軟體開發包，開發工具以及各自的控制元件 移動Web App

APP原生開發和H5開發以及APP混合開發三者有什麼區別？

APP原生開發一般指 手機/PC程式 以及相關應用開發。
H5開發一般指 HTML5 PC或者 手機網頁的開發。
APP混合開發 就是集中的兩者以上的共同內容。

網站製作的APP和原生開發APP有什麼區別

• 開發方面

1. 原生開發的App

   每一種移動作業系統都需要獨立的開發專案，需要獨立的開發語言，使用各自的軟體開發包，開發工具以及各自的控制元件。

2. 手機網站打包的APP

   從原生演變過來的通過APP嵌入網站來是實現的，以及伺服器端語言來完成。

• 功效方面

1. 原生開發的App能夠與移動硬體裝置的底層功能，比如個人資訊，攝像頭以及重力加速器等等。

2. 網站製作的App只能使用有限的移動硬體裝置功能。

H5 和原生 APP 之間的區別

微信H5支付介面，這種介面可以用在 手機網站支付，也可以用於APP， 它的支付方式是通過瀏覽器吊起微信APP端進行支付，這種介面主要用於游戲，直播等行業，普通APP支付介面也就是SDK，只能用於APP，穩定。還有H5通道切換通道很方便，SDK的話就比較復雜。希望可以幫助到你，我司是第三方支付，接支付介面撩，希望採納！

『伍』 H5能取代移動app（Android和iOS）嗎

完全取代是不行的，雖然現在網速這么快，但有些東西還是要原生的。而且能不能取代也要看APP的使用環境與功能。
你好。溫州網輝工作室為你解答！

『陸』 h5會取代app嗎

也不能這么說，h5隻是手機網頁版的網站，app是屬於應用類的，兩者之間還是有一點區別的。雖然h5效果可以做的app的那種效果，但是他局限於只能通過瀏覽器打開的，而手機app是可以直接點擊應用程序打開的。不過你可以先看看悠雲數字這家公司做的h5，效果，模板都比較成熟，在app和h5之間你要看需求來製作，只不過app相對成本較高。h5就簡單一些。悠雲數字很多模板和文案都是可以借鑒的。希望能幫到你。

『柒』 隨著h5 的普及，是不是不再需要開發 app 了

H5和App各有各的優勢，誰也不好取代誰。
有一個基於HTML5一鍵開發App的平台，無需編程，人人都能開發，網站叫做應用之星，你可以去試試看。

『捌』 有人懂HTML5嗎相比原生APP有啥優勢

其實，相比於APP，HTML5的有些優勢是顯而易見的，比如：

1. 在跨平台上，H5不用考慮終端設備或者操作系統的不同，因為它採用網路通用語言，所以在這一方面H5完勝APP；（目前，W3C(萬維網聯盟World Wide Web Consortium，簡稱W3C)正在與汽車業、出版業、電視業進行討論，將web引入新的設備平台中。隨著平台逐漸豐富，這方面的成本問題將會日益凸 顯。）

2. 在開發速度和成本方面，H5的開發比原生開發更節省時間和人力，畢竟HTML5有著跨平台帶來的無可比擬的好處。不需要投入兩個團隊或者更多的人去開發；

3. 在版本控制和BUG修復方面，由於H5是web網頁端的內容，若是出現BUG不需要迭代版本，秩序在後台修改即可修復，而這是原生app拍馬不可及的；

4. 對於碎片化挑戰而言，盡管二者同樣面臨嚴重的碎片化問題，但HTML5先天具備的跨平台特性，可以在這方面占據先機；

5. HTML5不需要安裝，它可以直接打開看，而APP是需要的安裝。

但是，原生APP也有自己的優勢：

1. 在用戶體驗和表現方面，HTML5仍然面臨著不同移動終端設備本地瀏覽器的功能接入問題，同時在提供用戶展示圖形界面和數據展現的豐富性方面還有不足，繼續得到提高，相比原生APP則得天獨厚；

2. 在變現能力方面，原生應用的分發平台，如App Store和Google Play，目前是獲得收入的較為成熟的商業模式;而HTML5應用，除了付費下載以外，還沒有形成其他成熟的商業模式。

雖然一番對比下來，原生APP開發略站弱勢，但是原生APP的優勢確實有的是不能被HTML5所代替的。就目前狀況來看，最好的開發模式是兩種技術混合並進。

『玖』 隨著h5 的普及，是不是不再需要開發 app 了

H5雖然很方便，但是依然取代不了App，在交互性、功能性上，App更加方便，打開率也很高。
雖然你要做無需編碼的App開發，用app製作平台。免費app製作平台很多，像國外的有appmaker，國內的應用之星，我都用過。感覺應用之星更適合國人，操作很方便，不用懂任何編程技術，是個人一看就會，而且應用之星還免費，不像其他的製作平台要年費什麼的。樓主有不懂的地方可以繼續追問我哈~

『拾』 h5做app和原生app有什麼區別

H5的優點
1、h5開發速度快，一端開發多端運行
2、如果APP用戶常見頁面頻換，如（淘寶首頁各種不同活動），那麼用H5，維護起來更容易。
3、如果app中出現大量文字且格式比較豐富（比如加粗、字體大小，圖文展示）等用H5比較方便
4、迭代版本時，不需要打包便可以發布（實時更新、快速迭代），與雲端實現實時數據交互
原生的優點
1、原生的響應速度快
2、對於有無網路操作時，譬如離線操作基本選用原生開發
3、需要調用系統硬體的功能（攝像頭、方向感測器、重力感測器、撥號、GPS、語音、簡訊、藍牙等功能）
4、在無網路或者若網的情況下體驗好。