ReactNative之坑爹的在線安裝


編譯一個github上ReactNative應用,根據說明只有3步:

npm install
react-native run-android
enjoy

但幾個步驟實在是一波三折充滿着坎坷,一點都不enjoy。

那就讓我們來說一下這個有(keng)趣(die)的故事吧

執行npm install主要的作用在安裝第三方依賴包,依賴包的內容在package.json里定義。

npm是node.js里的工具,本人之前並不了解。既然要學習ReactNative就需要了解npm究竟在搞什么鬼。

像這樣在線安裝的方式是很常見的,已解決項目依賴的問題。ubuntu或者其他的版本的liunx中都像apt-get這樣的命令來安裝/更新軟件。

java程序如果使用maven編譯,或者android studio中使用gradle,或者android sdk都是采用在線更新的方式。

實際上本人一直不喜歡在線更新,因為在線更新的工具下載速度往往比不上專門的下載工具,有的還不支持斷點續傳,更何況有的國外線路下載本來就很慢。更嚴重的是中國的網絡屏蔽了很多國外的資源導致下載失敗。

因此往往還要研究怎么手動跟新,看似簡單反而麻煩,還不如直接提供下載地址。

正式因為如此,本人在執行npm install的時候,很久也沒有動靜,經過一番研究后發現,執行npm install后會在相應的目錄下生成一個node_modules目錄,這個目錄中存放第三方的依賴庫,ReactNative程序會有一個react-native目錄,react-native 這個目錄比較大,所以導致執行npm install半天沒有反應。

由於速度太慢,我就把文件夾從其他的地方拷貝過來,發現也是可以的(這個目錄文件比較多,直接拷貝也不是很快),再執行命令就會更新其他的依賴包,一般依賴包都不是很大,如果網絡沒有問題,速度還可以,就是react-native這個依賴包比較大。

但不幸的是,我這里是是鐵通的寬帶,盡然下載失敗,於是我就想到,是不是有國內的鏡像呢,百度上查了一下還真有國內的鏡像:npm淘寶鏡像

http://npm.taobao.org/

npm install --registry=https://registry.npm.taobao.org

真是萬能的淘寶啊。

然后執行
node node_modules\react-native\packager\packager.js
就可以運行服務器端程序了,如果是windows下運行,需要更加前面文章中修復服務器端的bug(如果bug依然存在的話)。

如果是用windows編譯安卓端loader,也需要根據之前的文章來設置。

這個項目中,安卓端引用的ReactNative已經更新到0.12了,不需要下載前面文章中說的aar了,這樣要修復前面文章中android端的bug只需要修改依賴項的版本就可以了,我在寫前面那篇文的時候還沒更新,ReactNative的更新速度還是挺快的。

dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile 'com.android.support:appcompat-v7:23.0.1'
compile 'com.facebook.react:react-native:0.12.+'
}

github上ReactNative項目地址:
https://github.com/race604/ZhiHuDaily-React-Native

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM