如何使用xCode運行reactnative程序呵晚、打包發(fā)布

一般使用RN開發(fā)的童鞋,估計很大一部分的代碼或者全部代碼都是在Android和iOS上公用的沫屡,因此在開發(fā)和調(diào)試的時候可能同時會需要Android和iOS兩個開發(fā)環(huán)境饵隙。但是,但是沮脖,但是這里我只說iOS的,因為我對Android的了解程度有限??!

當(dāng)然了速和,這里我并不是不想說Android這塊枣购,因為RN的代碼對于兩個的平臺的兼容性還是相當(dāng)高的,只是在屏幕適配和一些自由的控件展示上稍有區(qū)別免姿,這個的話在寫RN代碼的時候稍加判斷饼酿,單獨處理即可。另外我需要說的一點就是:只寫reactnative代碼养泡,是不能滿足移動應(yīng)用開發(fā)的嗜湃,因為也有一些東西需要native(原生)的開發(fā)經(jīng)驗來完成。比如如何通過xCode調(diào)試澜掩、配置一些第三方插件购披、封裝一些native模塊等,Android同樣也是肩榕,所以說在學(xué)習(xí)RN之前刚陡,還是需要移動端開發(fā)經(jīng)驗的。好了株汉,廢話不多說了筐乳,我們進(jìn)入正題。

==============分==========割===============線=============

模擬器運行

在前面搭建RN開發(fā)環(huán)境的時候乔妈,我已經(jīng)說過如何創(chuàng)建一個RN項目了蝙云。在創(chuàng)建好的項目根目錄就分別會有一個Android和iOS文件目錄,我們需要做的就是打開iOS目錄路召,并且打開里面的xCode工程(使用xCode??)勃刨。打開之后波材,可以試著用模擬器運行一下,操作方法完全和原生操作一樣身隐。

這里可能會遇到如下的錯誤:

這種情況修改一下AppDelegate.m中的方法廷区,如下圖:


注釋掉第一行的代碼,換成第二行的贾铝,IP地址是本機(jī)的IP地址


這里需要說明一下隙轻、出現(xiàn)這個錯誤是因為你的工程中少一個文件main.jsbundle


這個文件在打包的時候是必不可少的,我們上面這種修改方法垢揩,是在debug模式下運行的玖绿,這樣的話便于調(diào)試。

在debug模式下水孩,我們可以通過模擬器的模擬搖一搖調(diào)出調(diào)試菜單镰矿,如下圖:


其中Reload是點擊刷新,Debug JS Remotely 是在網(wǎng)頁中打開JS調(diào)試(這里可以打印俘种,也可進(jìn)行單步調(diào)試打斷點)秤标,Enable Hot Reloading 打開這個選項之后,每次編輯完頁面布局的時候宙刘,進(jìn)行保存操作之后苍姜,界面就會自動刷新,這樣的話悬包,就省去了不少原生應(yīng)用不停手動開關(guān)編譯的時間衙猪。

真機(jī)運行

以上都是在模擬器上操作,那么在真機(jī)上呢布近?

使用iPhone真機(jī)運行的話垫释,一個最基本的條件就是遵循蘋果公司的開發(fā)者協(xié)議,這個不多說撑瞧,在這些條件滿足的基礎(chǔ)上棵譬,你只需要滿足一個條件即可,那就是保證手機(jī)和你的電腦在同一個局域網(wǎng)下预伺,這樣才能根據(jù)之前Appdelegate.m文件中的IP地址獲取到相應(yīng)的js代碼订咸。

在真機(jī)上運行起來之后,所有的調(diào)試操作都和模擬器是相同的酬诀,唯一不同的是脏嚷,模擬器調(diào)出調(diào)試菜單需要點擊或者使用快捷鍵,而手機(jī)你就可勁兒晃動就行了瞒御。(一不小心說多了??)

打包發(fā)布

打包當(dāng)然還是需要使用xCode來完成的父叙,那么在這之前需要幾個操作必須完成

1、生成main.jsbundle文件,就是上面說到的標(biāo)紅的文件高每,這個可以直接使用如下命令屿岂,在終端中執(zhí)行即可:

運行命令打包react-native bundle --platform平臺--entry-file啟動文件--bundle-output打包js輸出文件--assets-dest資源輸出目錄--dev是否調(diào)試

eg: react-native bundle --platform ios --entry-file=./index.ios.js --bundle-output ./ios/main.jsbundle--assets-dest ./ios/bundle --dev false

這段命令執(zhí)行成功之后,再去xCode工程中查看鲸匿,之前標(biāo)紅的文件已經(jīng)不再標(biāo)紅了,說明已經(jīng)創(chuàng)建成功了阻肩。

2带欢、確定Scheme中build選項是Release模式,如下圖:


以上兩部操作執(zhí)行結(jié)束之后烤惊,你就可以根據(jù)iOS的打包經(jīng)驗開開心的打包發(fā)布了乔煞!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市柒室,隨后出現(xiàn)的幾起案子渡贾,更是在濱河造成了極大的恐慌,老刑警劉巖雄右,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件空骚,死亡現(xiàn)場離奇詭異,居然都是意外死亡擂仍,警方通過查閱死者的電腦和手機(jī)囤屹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來逢渔,“玉大人肋坚,你說我怎么就攤上這事∷嗬” “怎么了智厌?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長盲赊。 經(jīng)常有香客問我铣鹏,道長,這世上最難降的妖魔是什么角钩? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任吝沫,我火速辦了婚禮,結(jié)果婚禮上递礼,老公的妹妹穿的比我還像新娘惨险。我一直安慰自己,他們只是感情好脊髓,可當(dāng)我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布辫愉。 她就那樣靜靜地躺著,像睡著了一般将硝。 火紅的嫁衣襯著肌膚如雪恭朗。 梳的紋絲不亂的頭發(fā)上屏镊,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機(jī)與錄音痰腮,去河邊找鬼而芥。 笑死,一個胖子當(dāng)著我的面吹牛膀值,可吹牛的內(nèi)容都是我干的棍丐。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼沧踏,長吁一口氣:“原來是場噩夢啊……” “哼歌逢!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起翘狱,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤秘案,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后潦匈,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體阱高,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年历等,在試婚紗的時候發(fā)現(xiàn)自己被綠了讨惩。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡寒屯,死狀恐怖荐捻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情寡夹,我是刑警寧澤处面,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站菩掏,受9級特大地震影響魂角,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜智绸,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一野揪、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瞧栗,春花似錦斯稳、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春憎茂,著一層夾襖步出監(jiān)牢的瞬間珍语,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工竖幔, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留板乙,地道東北人。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓赏枚,卻偏偏與公主長得像亡驰,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子饿幅,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,522評論 25 707
  • 模擬器運行 在前面搭建RN開發(fā)環(huán)境的時候栗恩,我已經(jīng)說過如何創(chuàng)建一個RN項目了。在創(chuàng)建好的項目根目錄就分別會有一個An...
    wo不懂閱讀 2,054評論 0 0
  • 大學(xué)時和同學(xué)討論過機(jī)會成本和沉沒成本洪燥,今天看到你的分享磕秤,收獲還是挺大的。首先捧韵,對成本是想象出來的就很好奇市咆,成本在我...
    乾小龍閱讀 116評論 0 0
  • 前幾天清內(nèi)存的時候不小心把一份很重要的中醫(yī)養(yǎng)生課程的錄音刪掉了蒙兰,很可惜一份十足的干貨沒了。現(xiàn)在終于想起好記性不如爛...
    梅冬逆襲閱讀 2,638評論 8 26