摘要：之前做過(guò)一點(diǎn)前端的小項(xiàng)目所以前端還算熟練因?yàn)樽罱跍?zhǔn)備所以想能不能寫一個(gè)背單詞軟件正好這學(xué)期有個(gè)開(kāi)發(fā)課，就用來(lái)當(dāng)大作業(yè)了前端后端如何在下調(diào)試當(dāng)然是代理啦在之前兩個(gè)項(xiàng)目中為了不用代理強(qiáng)行在后端啟用了事實(shí)證明這是個(gè)愚蠢的決定因?yàn)橥耆贿m合做后端

之前做過(guò)一點(diǎn)前端的小項(xiàng)目所以前端還算熟練
因?yàn)樽罱跍?zhǔn)備GRE所以想能不能寫一個(gè)背單詞軟件
正好這學(xué)期有個(gè)Android開(kāi)發(fā)課，就用來(lái)當(dāng)大作業(yè)了

前端: webpack+react+redux
后端: sinatra+grape(API)+datamapper

當(dāng)然是代理啦！
在之前兩個(gè)項(xiàng)目中為了不用代理強(qiáng)行在后端啟用了nodejs
事實(shí)證明這是個(gè)愚蠢的決定
因?yàn)閚odejs完全不適合做后端，express的結(jié)構(gòu)倒是易懂，但異步編程模式很容易產(chǎn)生難以預(yù)料的錯(cuò)誤
比方說(shuō): 如果你傳一個(gè)回調(diào)函數(shù)用來(lái)接受數(shù)據(jù)庫(kù)的數(shù)據(jù)，如果這個(gè)函數(shù)拋出異常，express不會(huì)返回錯(cuò)誤信息，整個(gè)后端會(huì)崩潰，因?yàn)檎嬲\(yùn)行這個(gè)函數(shù)的時(shí)候已經(jīng)脫離express控制的范圍了，而這一點(diǎn)很難注意到
另外sequelize就是一坨翔，命令行工具竟然和庫(kù)不兼容，還沒(méi)有任何提示

我選擇Ruby

如果希望dev server和后端同時(shí)開(kāi)啟關(guān)閉的話，可以考慮concurrently

在引用其他js/css/html文件的時(shí)候不能用"/xxx.js"，因?yàn)閏ordova并不是開(kāi)了一個(gè)本地服務(wù)器，cordova的webpack使用的是file://協(xié)議，也就是說(shuō)路徑應(yīng)該長(zhǎng)這樣:"./xxx.js"，在使用create-react-app創(chuàng)建的項(xiàng)目中，可以寫一份新的paths.js和配置文件解決這個(gè)問(wèn)題，更改%PUBLIC_PATH%就可以

非常詭異的是圖片并不能按照上述做法訪問(wèn)到
以至于我一度以為cordova不能加載本地文件

不過(guò)事實(shí)證明其實(shí)只是需要寫完整路徑而已

如果你的圖片路徑是www/image.png的話，應(yīng)該用
cordova.file.applicationDirectory+"www/image.png"

可能需要安裝插件

因?yàn)槲易约旱氖謾C(jī)是iOS的，只能用Android模擬器調(diào)試
網(wǎng)上給出的做法大部分是基于adb 的，查了很久沒(méi)看到怎么直接看控制臺(tái)輸出

直到我看到這個(gè): chrome://inspect/#devices

Chrome提供的調(diào)試工具，可以直接看到Cordova里Webview的控制臺(tái)

可惜不支持Redux和React的dev tool

而且更新界面的時(shí)候好TM閃！

糾結(jié)了很久如果禁止跨域的話就需要在cordova里弄個(gè)代理代理到我的服務(wù)器上(就像webpack那樣)
不過(guò)這個(gè)問(wèn)題是不存在的

window.speechSynthesis不能用，結(jié)合下一條導(dǎo)致我查了4小時(shí)BUG

如果一個(gè)reducer崩潰的話控制臺(tái)不會(huì)有任何輸出，就是單純的沒(méi)反應(yīng)了
我打了一堆console.log才確認(rèn)這個(gè)問(wèn)題