台灣最大程式設計社群網站
線上人數
1247
 
會員總數:246740
討論主題:190153
歡迎您免費加入會員
討論區列表 >> Android APP 開發 >> HTML5開發APP
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
HTML5開發APP
價值 : 5 QP  點閱數:5766 回應數:17
樓主

町風
初學者
229 213
1974 203
發送站內信


網上看到HTML5可以開發APP,
http://technews.tw/2014/11/16/html-5-finalized/

不知好不好,如果真的會寫WEB就可以寫APP了

搜尋相關Tags的文章: [ app ] , [ html5 ] ,
本篇文章發表於2015-09-09 17:45
1樓
回應

小羊窒息
捐贈 VP 給 缺氧的羊:窒息 檢舉此回應
基本上這有得等了。。。

HTML 再怎麼進步,都需要【瀏覽器】來支援,

當然啦,你也可以解讀為:日後不需要特地寫android的app,
只需要寫HTML,就可以讓iOS, android等平台利用瀏覽器來完成許許多多的工作.....
這個部份是可行的,(尤其是現在大多數資料都儲存在 server, 也就是所謂的雲端),
基本上也不用思考實際存取手機資料的問題
(電腦的部份實際上早已做到了,玩遊戲只玩web遊戲,文書處理利用google doc,幾乎所有的工作都只需依靠瀏覽器即可完成)


話又說回來, 早期筆記型電腦內建的開機10秒即可立刻上網的功能, 就是一個超小型的Linux系統加上瀏覽器功能,
只是後來行動裝置的生態變了, 從輕型筆電變成智慧型手機大流行...
(也許日後真的又再走一次相同的路, 只不過由原本的電腦只需安裝瀏覽器 進步成 手機只需安裝瀏覽器...)

=====================
單純看戲的話,則沒差。
本篇文章回覆於2015-09-10 01:28
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

町風
檢舉此回應
感謝~
HTML5開發APP似乎還要很久

那如果會開發web來學會APP需要多久(會php mysql javascript msql、一點點用visual studio開發.NET經驗)
本篇文章回覆於2015-09-10 09:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

香帥
檢舉此回應
請參考
http://blog.toright.com/posts/2364/android-webapp-%E9%96%8B%E7%99%BC%E6%95%99%E5%AD%B8-html5-phonegap-%E5%A6%82%E8%99%8E%E6%B7%BB%E7%BF%BC.html
我有試過這種網頁寫法也是相當不錯喔
本篇文章回覆於2015-09-11 00:12
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
會php mysql javascript msql、一點點用visual studio開發.NET經驗
這些只能在後端架設網站
香帥前輩推薦的PhoneGap,只是將網頁包在PhoneGap這個大框架裡
運用webview這個元件顯示出來,唯一的好處是可以跨平台~~
而我們可以把android或ios以及其他的智慧型手機平台上的畫面看成是client端
原有的server端還是不變
不管是php,jsp,asp.net這些通通都可以用
在後端撈資料出來以web service或web api方式傳送到智慧型手機的畫面上
以phonegap製作出來的app對於效率上會有一些影響,但可以應付大多數情況~~
若要以純粹的html+js+css3來想寫web app
可以寫成自適應網頁的格式~~在android部分用webview這個元件把這個網頁讀入到手機裡的瀏覽器顯示(我就有看過有購物網站的app這樣寫)
但前提是server端不能掛掉,這樣寫的好處是開發速度快
用phonegap可以直接用js去跟智慧型手機裡的硬體去做溝通~~這方面phonegap官網有很多範例
而phonegap發展到現在,技術也很成熟~~台灣這裡有很多公司都是用phonegap來寫web app
不過原生程式還是有它的優勢在~~畢竟是直接跟智慧型手機的硬體做讀取寫入的動作少掉js在中間轉換的過程


本篇文章回覆於2015-09-15 23:42
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

町風
檢舉此回應
那在其他平台上也可以用WebView+PhoneGap方式嗎
IOS是不是不允許WEBAPP
本篇文章回覆於2015-09-16 09:55
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
phoneGap包起來的網頁是透過js跟智慧型手機裡的硬體做溝通
可以編譯成android跟ios的app以及其他的os種類(不清楚是否有包括windows)
webview是android裡讀取網頁到手機中的瀏覽器顯示的組件,ios實作的類似組件不清楚是哪個(官網上應該找的到範例)
編譯成ios或android的app~~都能夠允許執行(不然怎叫跨平台咧),不過有些功能可能支援程度不佳

本篇文章回覆於2015-09-16 20:44
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

香帥
檢舉此回應
它包含5個範例
android
blackberry
ios
windows
windows-phone
百聞不如一見,請去下載試試看
本篇文章回覆於2015-09-16 23:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓

不是用webview把phonegap的網頁呈現.


而是在封裝成app時.把webkit 一起封裝成app.

當你打開時.等於從手機開啟瀏覽器去看網頁.

因為在phonegap的框架下.會像是app程式.其實還是網頁.

只是打開的方式不同.

而用webview又不大相同.是把網頁放在網路上.而app所有的元件就是一個webview

指向網址後.就封裝成app





本篇文章回覆於2015-09-18 14:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
android的webView組件是讀取網路上的網頁同時也可以設定是否支援JavaScript
phoneGap是把webView封裝起來~~*.html檔案放置專案裡
再利用loadUrl ==>原本webview裡的函數放入要在載入的網頁(*.html檔)
如果要自己在android專案裡單純載入html5網頁也是用這樣的方式
程式小學徒~~http://blog.toright.com/posts/1994/html5-on-android-%E8%A1%8C%E5%8B%95%E6%87%89%E7%94%A8%E9%96%8B%E7%99%BC%E6%95%99%E5%AD%B8-%E5%88%9D%E6%8E%A2webview.html這個網頁自己看看吧
本篇文章回覆於2015-09-19 21:00
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
程式小學徒,網址在這,看看吧 ==>
本篇文章回覆於2015-09-19 21:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
11樓


很少人會用那種方式開發. 2012年的方式.你確定有人用他的方式嗎.

WebView webview = new WebView(this);
webview.getSettings().setJavaScriptEnabled(true);
setContentView(webview);
webview.loadUrl("http://html5test.com/");

他那是舊文章了.我想用phonegap沒人會那麼做.

一般都是直接loadUrl(....) 自己放在www的資料夾中的jquerymobile格式的網頁檔

他文章後面也自己說那種方式不好.

執行後 App 便能夠使用 WebView 載入 Internet 網頁,在上面的網址中我刻意使用 HTML5 Test 順便測試 Android Browser 對 HTML 5 的支援狀況。....原文..

使用 WebView 讀取遠端的網頁就像使用瀏覽器開啟網頁是一樣的,很顯然這對 App 的設計沒多太大的幫助。,因此我們需要使用讀取本機網頁的技巧來實現。

首先在 assests 下建立 index.html,這個檔案用來設計我們的 HTML5 App
..原文

他後面說的才是現在的方式.而且不用再宣告webview的元件去執行.這在網路或一般phonegap的入門書上都有教法.網路找一下或書店翻一下即可.

而為了安全性和更動.現在另一種做法是把CordovaLib 一起匯入.這我還在測試當中.

以上.謝謝








本篇文章回覆於2015-09-21 15:32
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
12樓
作者回應

町風
檢舉此回應
loadUrl是load 網際網路上的資料嗎?

我有個想法就是頁面都是HTML,然後透過javascript方式撈雲端資料庫資料,再塞入Client端HTML頁面。
這樣WEB跟APP就可以用同一個介面了,而且還可以視覺版面跟程式完全分開,回SEVER端撈只有撈資料庫,loading可以更少。
本篇文章回覆於2015-09-21 16:04
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
13樓

是放在本地中的網頁.簡單的說.開發原生的app.用的是java(放在src資料夾)(和原本的java略有不同.一個是跑java的模擬器.一個是生成apk.跑android自己的模擬)

而用Cordova生成的app.就是把phonegap 格式的網頁放在assests/www的資料夾打包成app.一些app的功能再透過api去呼叫原生api去支援.

伺服端的互動.則讓伺服器生成json或xml格式.再以ajax去抓取json..等方式去和sever做互動.






本篇文章回覆於2015-09-21 17:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
14樓
在phonegap中loadUrl是指向本機端的html網頁沒錯~~如果用webView元件自己實作則是要指向網際網路上的html網頁~
另外~~我只是提供另一種方式可以直接利用webview+js來讀取網際網路的html網頁
phonegap這個框架是把webview包裝起來~~不用去宣告webview這個組件
不然程式小學徒請你說說不用webview你是要怎麼去讀本機端的html網頁
phonegap入門書我都有看過~~我自然知道這個寫法
你說沒人用??呵~~在android app的開發中任何寫法都有可能
本篇文章回覆於2015-09-22 20:28
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
15樓

你別那麼激動.我沒有要起爭執.個人的認知和想法不同而已.只是覺得phonegap不會把webview元件打包在app中.因為根本不同架構.一個是原生的元件.一個是網頁.

打包後透過android去執行webview去執行網頁..那所有的phonegap都不能用了.因為webview這個元件是被公認有漏洞而且google不打算修補的.

我個人的小小認知是 到作業系統後.是去透過webkit去呼叫手機的瀏覽功能去開啟.才較合理.因為phonegap是跨平台的語言.打包後的webview元件..可以在IOS或Window phone中

執行..感覺不可能..以上
本篇文章回覆於2015-09-23 08:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   

回覆
如要回應,請先登入.