目錄
開發(fā)環(huán)境
最佳實踐
爬坑記錄
參考資料
開發(fā)環(huán)境
MacOS Mojave 10.14.5
Android SDK API 27
Node 12.6.0
最佳實踐
Cordova 應用通常由嵌入在應用本身中的html礁竞,css和javascript組成。但是杉辙,可以創(chuàng)建可從Web服務器遠程加載內(nèi)容的Cordova應用程序苏章。這不是最佳實踐,也不建議這樣做奏瞬,但這并不意味著它不能完成枫绅。
除非你必須這樣的理由
為Web瀏覽器和移動應用程序使用單一代碼庫的想法很誘人∨鸲耍跨平臺的功能可能是最大的好處并淋。想象一下,將功能添加到Web瀏覽器使用的網(wǎng)站上珍昨,移動應用程序也毫不費力地獲得了該功能-無需更新應用程序县耽。
爬坑記錄
URL 地址無法訪問
html 注釋或刪除 <meta http-equiv 標簽,禁用安全策略
由于 Android9.0 不再支持http,需要代碼加設置用程序镣典⊥帽校可將構建環(huán)境降低到 Android API 27 及以下版本
通過`cordova-plugin-inappbrowser`插件加載瀏覽器,細節(jié)可看官方文檔兄春,該方案可繞過系統(tǒng)安全策略澎剥,但實際操作起來過程并不順利。最終在GitHub找到一個可運行模板赶舆,此基礎上進行簡單改動哑姚,實現(xiàn)了 android 和 ios 加載遠程服務效果
安裝細節(jié)值得注意
項目介紹包含以下功能祭饭,我們在下載該項目后需手動 npm 安裝系列插件進項目
cordova-plugin-dialogs
cordova-plugin-email-composer
cordova-plugin-inappbrowser
cordova-plugin-native-spinner
cordova-plugin-nativestorage
cordova-plugin-network-information
cordova-plugin-splashscreen
cordova-sqlite-ext
其次,找到 www 目錄下 index.js 文件的 onDeviceReady 方法最后插入代碼叙量,實現(xiàn)加載遠程web 服務
...? app_setup();+ cordova.InAppBrowser.open('http://www.baidu.com', '_blank', 'location=no');}
參考資料
加載遠程服務
Cordova/Phonegap load external site in main Cordova webview
URL地址無法請求
cordova打包之后,不能跟服務器請求數(shù)據(jù)了
擴展知識