Cordova調用服務器上H5

之前已經將本地h5調試成功,可以正常顯示h5網頁,並調用h5上的js(彈出alert對話框),也實現了通過h5上面的button調用android原生的toast。現在打算將h5部署到服務器上,然後加載網頁,看能否實現一樣的功能。

1.    將項目裏面本地assets文件夾下面的www文件夾全部上傳到服務器。www文件夾和網頁開發一樣,專門用來存放h5的頁面和相關資源(js、css、img)等。www文件夾裏面的cordova.js和cordova_plugins.js也要帶上。

 

	2. 網頁的相關資源部署在服務器之後,接下來修改本地項目config.xml裏面的content,將<content src="xxx " />改成你服務器上h5的地址。例如<content src="http://10.10.10.10/test " />(地址是隨意編造的)。運行之後就可以看到直接加載了服務器上的h5頁面。

 
        突然想看看加載百度官網是什麼效果(www.baidu.com,然後將config.xml裏面的content設置成了<content src="http://www.baidu.com" />。在這裏遇到了一個問題,運行程序之後,雖然每次都打開了百度的官網,但每次都直接跳轉到了外部瀏覽器。之前加載我自己服務器上的h5頁面時沒有任何問題。後來知道是需要在白名單裏面進行設置,要不然就只會跳轉。在白名單裏面,猜測CustomConfigXmlParser類應該是解析config.xml內容的一個類,然後在content下面添加了兩行代碼,在運行之後就發現百度的官網就是在android內部打開了。
allowedNavigations.addWhiteListEntry("http://*/*", false);
allowedNavigations.addWhiteListEntry("https://*/*", false);

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章