cordova和phonegap開發(fā)手機(jī)APP都不需要mac,最終程序提交到在線打包就行了,這跟直接用object-c開發(fā)IOS app是不同的。
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),平順企業(yè)網(wǎng)站建設(shè),平順品牌網(wǎng)站建設(shè),網(wǎng)站定制,平順網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,平順網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
創(chuàng)建完成后,目錄結(jié)構(gòu)如下:
創(chuàng)建完成后,目錄結(jié)構(gòu)如下:
在我們剛才創(chuàng)建好的 cordovaDemo 文件目錄下,為我們的 cordova 添加適用平臺
cordova 適用的平臺 cordova platform add ios / amazon-fireos / android / blackberry10 / firefoxos / wp8 / windows8 / amazon-fireos
命令 cordova platform add ios
我們可以使用 命令 build ios
也可以使用 目錄中 找到 platformsiosHtoolCordova.xcworkspace 運(yùn)行
運(yùn)行結(jié)果
1、添加 cordova.xcodeproj 到 原有的APP 項(xiàng)目中。
2、添加 www 目錄到工程中,記得此處使用 create folder references。
3、添加 config.xml 到工程中。
4、選擇工程的Build Settings-Other Links, 設(shè)置 -Objc -all_load
5、添加 Build Phases- Link Binary With Librarys添加 libCordova.a , MobileCoreServices , AssetsLibrary
此時編譯下原有的 APP 查看有沒有報錯。
我們創(chuàng)建一個webviewViewController 繼承自 CDVViewController ,
運(yùn)行可能會報錯,我們需要把頭文件修改成 #import Cordova/CDV.h 即可
運(yùn)行此時的APP,我們會去加載www文件夾中的 index.html 文件
如果我們需要訪問外部鏈接,需要在我們的 viewWillAppear 中添加 請求
此時便可以訪問外部鏈接,但是不在在內(nèi)部APP訪問,而是跳轉(zhuǎn)到 手機(jī)的瀏覽器,修改我們上面導(dǎo)入的 config.xml 文件即可,在內(nèi)部訪問URL。
運(yùn)行結(jié)果如下
公司的項(xiàng)目是使用vue做前端的界面和邏輯,后面有一部分是使用phaser3.0 做了一個小游戲放到里面,然后整個項(xiàng)目打包成ios 和 android 項(xiàng)目。
其中遇到的幾個問題總結(jié)一下,希望給有遇到同樣問題困擾的人一個解決問題的方向:
這是我們最先面臨的問題,我們需要數(shù)據(jù)的交互傳遞。
1、從vue界面?zhèn)鬟f到phaser游戲界面:(變量和無參數(shù)方法)
我們在vue界面中定義好變量和方法,將這些變量和方法傳遞給phaser的游戲界面中。
而我們在phaser 中的調(diào)用是直接這樣使用:
上面是沒有參數(shù)的時候調(diào)用。
2、phaser 和 vue 相互傳遞參數(shù)的調(diào)用
vue界面
phaser 界面
我們使用的是Cordova 打包的,在這個過程中,強(qiáng)調(diào)的一點(diǎn)是使用的phaser3打包的,而且用到了WKWebview,這個問題好像phaser2 是不存在這個樣的,我搜索的好像是phaser3 加載器無法加載file://這樣的資源。
我總結(jié)嘗試了很久,找到了一個解決的辦法。
我們需要在其中間加一個cordova插件:
cordova-plugin-wkwebview-file-xhr
我只解決了phaser3.0 使用cordova 打包過程中不能加載圖片的問題,可能是一類問題,但是具體的不知道。
我找到這個問題在 github issuse .
這就是我的探究出來的,感覺改這個bug找了好長時間,記錄一下吧。
不是,不止,cordova(原來的phonegap)只是跨平臺解決方案之一,但是你還是需要原生的android和ios環(huán)境,因?yàn)閯?chuàng)建的項(xiàng)目,本質(zhì)上來說,還是android和ios項(xiàng)目,cordova只不過是幫你組織他們而已
if ([urlStr hasPrefix:@"XXXXX"]) {
if (bcVc == nil) {
bcVc = [[NewBCShowViewController alloc]init];
}
// 取得用戶id
NSArray *array = [urlStr componentsSeparatedByString:@""];
bcVc.userId = [array lastObject];
ASLog(@"%@",bcVc.userId);
bcVc.address = @"2";
// order.orderDetailUrl = absUrl;
[self.navigationController pushViewController:bcVc animated:YES];
從URL中取到你需要的XXXX 對其操作 DEMO如上
Apache Cordova是一套設(shè)備API,允許移動應(yīng)用的開發(fā)者使用JavaScript來訪問本地設(shè)備的功能,比如攝像頭、加速計(jì)。它可以與UI框架(如jQuery Mobile或Dojo Mobile或Sencha Touch)等相結(jié)合使用,這些UI框架可以使用HTML、CSS和JavaScript開發(fā)智能...