Ⅰ html5開發的移動web app如何連接伺服器資料庫交互信息
1、利用先進的WebRTC
WebRTC是一種新的Web標准,用於實現Web環境中的實時點對點通信,可以傳輸數據、語音和視頻。有一些第三方javascript庫可以方便的支持WebRTC,比如PeerJS - Simple peer-to-peer with WebRTC。
2、自行通過WebSockets實現
WebSockets是一種為實時雙向數據傳輸建立的Web傳輸協議,它使得伺服器端能夠主動push數據到瀏覽器端。WebSockets目前在移動端的支持要略好一點,iOS 7以上和Android 4.4以上都可以支持。如果使用Crosswalk打包,應該可以在更多版本的Android系統上使用。基於WebSockets的第三方庫也不少。
Ⅱ 如何用html5開發app和網站的手機版訪問頁面
可以參考html5的開發指南 現在新的瀏覽器都支持html5
app訪問的話 需要參考自適應的css
Ⅲ html5開發的移動web app如何連接伺服器資料庫交互信息
WebRTC是一種新的Web標准,用於實現Web環境中的實時點對點通信,可以傳輸數據、語音和視頻。有一些第三方javascript庫可以方便的支持WebRTC,比如PeerJS - Simple peer-to-peer with WebRTC。但是!可惜的是,目前在「相對先進」的移動端的瀏覽器世界中,也只有Android Chrome 37支持它。想要利用它的優秀特性,可能只能再等等。
參見:Can I use... Support tables for HTML5, CSS3, etc。
Ⅳ (html5相對URL)如何訪問同一台伺服器上相同或不同文件夾的資源
相對路徑是這樣的
<ahref="2.1.html">//這是跳轉到2.1
<ahref="2/test.html">//這是訪問文件夾2中的test.html文件(假設2中有test.htnl這個文件)
不懂再問我,好好看一下絕對路徑和相對路徑,這個很重要的
Ⅳ html5 app是怎麼運行的
可以通過webview方式訪問遠程,也可以把html5頁面放在手機app端,本地方式進行訪問。但都離不開webview。
HTML5現在現成的框架比較多,photogap,jquery mobile,bootstrap等都可以,如果功能簡單,也可以不使用框架,自己寫幾個html5頁面就行了。
Ⅵ 如何通過手機app獲取伺服器資料庫數據
首先不要管安卓端還是蘋果端,現在一般都是響應式的app,你放到安卓或者蘋果或者pc或者平板都是沒有問題的。一般採用的是http介面通訊,或者socket連接。具體你要去查資料找Demo了。而且現在主流是採用html5開發或者混合開發了。所以最好是伺服器提供appAPI介面,通過http訪問伺服器,獲取數據,數據一般是json,或者xml,拿到後解析數據就可以了,然後再用UI框架或者其他框架或者自定義的UI封裝下格式很漂亮了,至於cookie和session等,看你的習慣,網路驗證和簽名那些也自己看習慣,如果涉及到大數據,還需要引入第三方框架的,直接引入就可以了,不過推薦自己寫,防止侵權。都是很通用的。
Ⅶ html5開發App入門求助
html5+javascript,可以藉助appscan、apicloud這種跨平台開發工具,可以同時開發多端。
使用HTML5+開發的移動App並非mobile web頁面。這是新手最容易混淆的地方。mobile web的文件存放在web伺服器上,而移動App的文件存放在手機本地,編寫移動App的html、js、css文件被打包到ipa或apk等原生安裝包,在手機客戶端運行。
用個更形象的列子,web app仍然是b/s結構,而移動App是c/s結構甚至是完全脫線的單機應用。
這或許有點超過一些人的想像,他們認為HTML就是web、就是b/s,事實上javascript早已可通過nodejs等技術運行在伺服器側,而在HBuilder的移動App里,HTML、JS等文件也可以被打包成原生安裝包。
當然這些移動App里某些頁面也可以繼續從伺服器端以網頁方式下行,就像任何原生應用(如微信)都可以內嵌網頁一樣。
所以mobile web,在HBuilder里新建項目時,屬於web項目。不要放置到移動App項目下。mobile web項目也不能真機聯調和打包。
智游教育:舉幾個例子說明mobile web和移動App的區別。
例1:把一個mobile web項目,打包成移動App。
1. 在HBuilder里新建一個web項目,把mobile web代碼放進去。
2. 在HBuilder里新建移動App
3. 在新建的移動App下找到manifest.json,將其中的入口頁面配置為mobile web的網路地址。
4. 然後點發行打包,就得到一個移動App的安裝包。除了有個安裝包和桌面有個快捷方式外,與瀏覽器的體驗不會有其他區別。
5. 不過注意,這樣的移動App體驗很差,它在頁面跳轉時會像瀏覽器那樣切換並且白屏,它完全無法脫線使用,沒有網路時點開這個app只能看到一片白板。這樣的app在Apple的Appstore審核時是無法通過的,其他大的安卓市場也不會允許發行。
例子2:正規的移動App
1. 在HBuilder里新建移動App項目
2. 在移動App里編寫html、Js、css文件,本地js通過ajax方式請求伺服器數據,通過plus.net對象避開跨域限制
3. 移動App里的js可以通過plus對象調用手機原生能力
4. 編寫好的移動App點打包變成安裝包,這才是一個體驗良好的、可上線的移動App。
Ⅷ html5 怎麼調用原生app
生App vs 移動Web App
Git@OSC 的 Android 和 iOS 客戶端全面開源
每當你打算開發移動應用程序時,都要考慮你的應用如何創建以及如何部署。如今已有兩個主要的方向:原生App 以及 移動Web App。那麼在今天這篇文章中就來比較一下兩者的區別來供大家參考。
原生App vs 移動Web App : 定義
什麼叫做原生App?
原生App是專門針對某一類移動設備而生的,它們都是被直接安裝到設備里,而用戶一般也是通過網路商店或者賣場來獲取例如 The App Store 與 Android Apps on Google Play .
隨便說幾個原生App的例子,比如 iOS 的 Camera+ 以及 Android 的 KeePassDroid
什麼叫做移動Web App?
一般說來,移動Web App都是都是需要用到網路的,它們利用設備上的瀏覽器(比如iPhone的Safari)來運行,而且它們不需要在設備上下載後安裝。
原生App 與 移動Web App的比較
用戶界面
有些公司為同樣的產品製作了原生App與移動Web App,下圖就是Facebook的原生App與移動Web 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以及Appcelerator Titanium等等。
能力方面
原生App
能夠與移動硬體設備的底層功能,比如個人信息,攝像頭以及重力加速器等等
移動Web App
只能使用有限的移動硬體設備功能。
贏利
原生App
可以使用專門的移動平台的廣告,比如AdMob
移動Web App
基本沒有限制,但也沒什麼優勢
注意原生App能夠直接在對應的官方商店進行定價就能馬上贏利,然而移動Web 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 vs 移動Web App : 你如何選擇?
所以在你准備做移動App時,你應該先問問自己以下幾個問題:
你的應用是否需要使用某些設備的特殊功能,比如攝像頭,攝像頭閃光燈或者重力加速器
你的開發預算
你的應用是否一定需要網路
你的應用的目標硬體設備是所有的移動設備還是僅僅只是一部分而已
你自己已經熟悉的開發語言
這個應用對於性能要求是否苛刻
如何靠這個應用贏利
我想這幾個問題應該能讓你做出明智的選擇。
結論
你的選擇是原生App還是移動Web App,主要受商業目標,目標用戶,以及技術需要這些因素影響的。其實更多時候你也不要為選擇那種App模式煩惱,正如上文提到,類似Facebook這樣的公司就為用戶提供了兩種選擇。然而對於大部分人來說,預算,資源限制將會逼迫我們只能選擇其中一種(或者只能以其中一種為重點)。
Ⅸ 手機app怎樣跨域訪問mv5中的控制器
1.2 、html5 : 下載一個支持html5的瀏覽器就行了 ,支持的最好的是 Google Chrome , 這個還可以調試js,不錯推薦。
1.3 、myEclipse 版本6.0以上就行,自帶jdk 和tomcat ,這個寫jsp當做伺服器用。
1.4 、editplus 這個是文本編輯器,寫html代碼用的。
這一節的開發工具就准備這些,我們這節只在瀏覽器上面看效果,下節講打包發布到安卓手機上面還需要一些東西。
2、 開發流程:
2.1 製作提交用戶名和密碼的 html5表單 。
2.2 通過jsonp方式跨域提交到tomcat伺服器上的jsp文件。
2.3 服務程序返回ok。
Ⅹ html5開發的移動web app如何連接伺服器資料庫交互信息
兄弟,我的問題和你一模一樣啊,但是怎麼就沒有人回答呢