寫在前邊
將Cordova項目連接遠(yuǎn)程服務(wù)器,訪問服務(wù)器上的h5頁面.個人覺得這是使用Cordova的最大的優(yōu)勢.將本地插件等打包到App中,留出借口給服務(wù)器,頁面放到服務(wù)器,當(dāng)有一些頁面或者業(yè)務(wù)改動時,可以直接在服務(wù)器修改h5頁面,客戶端不需要重新發(fā)包就可以實現(xiàn)更新,在h5頁面遠(yuǎn)不如原生頁面流暢,頁面風(fēng)格不統(tǒng)一等一系列的缺點(diǎn)面前,這是我們能使用Cordova的一個還不錯的理由.
cordova版本:6.5.0
示例代碼:
準(zhǔn)備工作
用cordova命令創(chuàng)建一個cordova項目(操作見Cordova學(xué)習(xí)筆記-1.環(huán)境搭建和編寫Demo),將目錄下的platforms 文件夾里的iOS文件夾拉出來,然后打開后綴名為.xcworkspace的文件,進(jìn)入工程。
目錄結(jié)構(gòu).png
進(jìn)入工程后,刪除掉紅框里的文件關(guān)聯(lián)即可
項目目錄.png
方法一
在MainViewController.m的initWithNibName的重寫方法中添加代碼:
self.wwwFolderName = @"https://www.baidu.com";
self.startPage = @"";
方法二
在config.xml配置文件中,更改
<content src="index.html" />
為
<content src="https://www.baidu.com" />
問題及解決方法
使用上述的兩種方法中的任意一種,都可以實現(xiàn)訪問服務(wù)器頁面,(示例代碼可以打開百度首頁),但是現(xiàn)在存在一個問題,就是app啟動后,會跳轉(zhuǎn)到瀏覽器中打開網(wǎng)頁。
參考資料
要解決這個問題,需要更改一下config.xml配置文件:
去掉:
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
添加:
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />