目前關(guān)于weex的資料相對比較少,而且官網(wǎng)資料有一些比較陳舊,網(wǎng)上的資料頁相對比較雜亂,學(xué)習(xí)起來十分吃力.個(gè)人覺得官方的demo對于學(xué)習(xí)者來說是一個(gè)比較好的學(xué)習(xí)資料,這樣我們可以根據(jù)demo來深入研究學(xué)習(xí).
- 準(zhǔn)備: 將項(xiàng)目克隆到本地
git clone https://github.com/alibaba/weex.git
完成后別急,也不要按照網(wǎng)上說的拷貝sdk什么的,往下執(zhí)行:
- 第一步 : 定位到weex目錄(也就是根目錄)
cd weex
- 第二步 :下面這句注意要加上
sudo,否則可能失敗
sudo npm install
- 第三部: 執(zhí)行start命令,也就是讓當(dāng)前電腦當(dāng)做一個(gè)服務(wù)器,手機(jī)可以訪問并讀取js文件
./start
第四部: 其它準(zhǔn)備工作,安裝
xcode,cocoapods(這個(gè)可以百度或者看我之前的文章)等第五步: 更新cocoapods本地倉庫,這個(gè)如果不更新,
可能會(huì)導(dǎo)致下一步報(bào)錯(cuò),從而使demo無法編譯通過,表示這里有坑,這一步可能會(huì)時(shí)間較長,耐心等待吧
pod repo update
- 第六步: 找到podfile文件,執(zhí)行pod install命令,安裝相關(guān)依賴
cd ios/playground
pod install
-
第七部: 如果沒報(bào)錯(cuò),恭喜你成功了90%,如果報(bào)錯(cuò)了,看上一步,最后一步,對代碼稍作修改:
找到DemoDefine.h這個(gè)文件,將第11行的CURRENT_IP修改為 當(dāng)前電腦的局域網(wǎng)地址,比如我的是192.168.1.25,并且確保手機(jī)和電腦處在用一個(gè)局域網(wǎng)內(nèi)PS: 這個(gè)時(shí)候手機(jī)實(shí)際上訪問當(dāng)前電腦來獲取js文件,如果將debug模式改為release模式,則不需要執(zhí)行第三步,直接可以運(yùn)行,因?yàn)檫@時(shí)手機(jī)訪問的是網(wǎng)絡(luò)上的js文件
第八步: 編譯,運(yùn)行
下次我還要運(yùn)行demo怎么辦?
比如電腦重啟了,或者關(guān)機(jī)了,那么其實(shí)手機(jī)已經(jīng)不能再訪問當(dāng)前電腦了,我們只需要重新執(zhí)行第一,三,七,八步即可.
