cordova 爬坑指南

lujs發表於2017-10-18

cordova 爬坑指南

環境配置

  1. 先安裝java，配置環境變數（百度一下）
  2. 安裝sdk（建議安裝android studio），這裡需要要翻牆，或著用站長工具，修改android studio下載地址對應的ip，修改host。
  3. 用cordova-cli安裝gradle的時候經常會卡著不動，如果cordova自己下載的很慢，建議手動下載gradle， 然後把gradle的路徑新增到環境變數path；把下載的壓縮包放在==C:\Users\admin.gradle\wrapper\dists==亂碼檔名的檔案裡面，這個亂碼檔案是cordova未下載完的地址。
  4. 設定完環境變數之後重啟一下吧。（這一步完成就很順利了）
  5. 安裝nodejs 按照cordova官網安裝cordova
  6. 連線手機測試
cordova run android
複製程式碼

在手機連線測試的時候，碰到了個坑，360手機助手佔用了對應的埠，導致報錯

  • 埠占用CMD 用netstat -ano 命令看10048埠被什麼程式佔用了。
    1. Windows平臺 在windows命令列視窗下執行：
C:\>netstat -aon|findstr "80"

TCP    127.0.0.1:80        0.0.0.0:0              LISTENING      2448 
複製程式碼
    1. 看到了嗎，埠被程式號為2448的程式佔用，繼續執行下面命令：
C:\>tasklist|findstr "2448" 

thread.exe                    2016 Console                0    16,064 K
複製程式碼
    1. 很清楚吧，thread佔用了你的埠,Kill it 如果第二步查不到，那就開工作管理員，看哪個程式是2448，然後殺之即可。 如果需要檢視其他埠。把 80 改掉即可

除錯

在cordova建議使用spa來寫應用，我們公司用的是vue，這裡就不細說了，vue的教程一大堆。

因為是webapp平時除錯還是用chrome來除錯，在手機上則用eruda

打包釋出，應用簽名

打包釋出和生成應用簽名方面可以參考這個教程。第三方介面需要這個應用簽名

外掛

paypal

paypal
這是paypal官方出的外掛，簡單易用。

wechat

微信
在使用微信支付的時候，需要伺服器先呼叫統一支付介面，然後再次生成簽名，在客戶端呼叫這個外掛。使用微信外掛的時候，在呼叫微信支付時要注意伺服器簽名的正確，欄位大小寫

定義啟動頁

啟動頁外掛 這個是更換啟動頁的外掛，文件說明很詳細。

狀態列

由於安卓和ios的狀態列不一樣，這裡就需要外掛來統一，或者做相容了。

facebook

這個可以用在facebook登入facebook

極光推送和極光統計

我們推送和統計都是用極光的外掛 極光推送 極光統計

定義圖示

定義圖示

這裡有兩個要注意的地方：

  1. 新增icon的時候要用png格式。之前用了jpg格式就報錯。
  2. 在更換icon的時候也容易報錯
Execution failed for task ':mergeDebugResources'.
> Error: java.util.concurrent.ExecutionException: com.android.ide.common.process.ProcessException:
複製程式碼

解決方法：

在platforms\android\build.gradle 新增程式碼
出現錯誤的原因是因為png圖片不通過，加上這兩句就表示不就行稽核圖片

android {  

   ......  

    aaptOptions.cruncherEnabled = false  
    aaptOptions.useNewCruncher = false  

   ......  
} 
複製程式碼

相關文章