身為一個(gè)只有h5開(kāi)發(fā)經(jīng)驗(yàn)的程序猿偏竟，對(duì)iOS開(kāi)發(fā)一直懷著一份好奇和恐懼的心情呛哟，oc從來(lái)沒(méi)有學(xué)過(guò)拯腮，Xcode也只是把它當(dāng)成在React Native開(kāi)發(fā)時(shí)，運(yùn)行一個(gè)application的載體港柜。
在某天學(xué)習(xí)WebViewJavascriptBridge相關(guān)知識(shí)時(shí)，心血來(lái)潮咳榜，想玩玩iOS開(kāi)發(fā)夏醉，要求不高，能跑個(gè)webview涌韩，然后native和h5能通信就行畔柔。可不曾想臣樱，打開(kāi)Xcode, 連怎么往app里拖控件靶擦，都需要求助度娘，真的是一頭霧水雇毫，所以決定記錄一下玄捕，供像我這樣的小白使用。
接下來(lái)是一大波步驟棚放，只要夠細(xì)心枚粘，一般是不會(huì)有問(wèn)題的，不過(guò)即使有問(wèn)題飘蚯，給我留言馍迄，我也不一定能幫你解決~~~~
-
打開(kāi)Xcode, File->New->Project, 選擇“Single View Application”, 點(diǎn)擊Next;
-
輸入項(xiàng)目名稱，比如：webviewDemo, 點(diǎn)擊Next;
-
選擇存放的位置孝冒，點(diǎn)擊Create, 這樣一個(gè)應(yīng)用就成功被創(chuàng)建了柬姚。
-
視圖左邊，展開(kāi)webviewDemo文件夾庄涡，選中Main.storyboard文件量承，
-
右上角設(shè)置Xcode,如下圖
右上角視圖設(shè)置 -
選中View Controller, 設(shè)置模擬器大小
4.png -
然后就會(huì)看到如下圖的Scene的場(chǎng)景
Scene -
在Xcode的右下角，組件面板中穴店，輸入webview搜索組件
-
選中Web View, 并將其拖拽至Scene撕捍，調(diào)整webview大小
webview -
確保右上角設(shè)置如下圖，先按住control鍵, 然后點(diǎn)擊Web View文件泣洞，將其拖拽至ViewController.h文件箭頭的位置忧风。
-
彈出對(duì)話框，輸入組件名稱球凰，比如：webView, 點(diǎn)擊connect, 然后會(huì)在ViewController.h以及ViewController.m文件中自動(dòng)的新增幾行代碼狮腿。
-
在ViewController.m文件的viewDidLoad方法中腿宰，輸入以下代碼
- 這時(shí)候控制臺(tái)可能會(huì)出現(xiàn)如下錯(cuò)誤
解決方法：
圖片來(lái)源：stackoverflow
主要包括：
（1）添加App Transport Security Settings
（2）添加Allow Arbitrary Loads, 并將其設(shè)置為YES
(3) 添加Exception Domains, 將www.baidu.com設(shè)置成為其中的一個(gè)Item -
點(diǎn)擊工具欄中的三角形按鈕，或者command + R, 運(yùn)行程序缘厢，這樣吃度，webview就創(chuàng)建成功了。
接下來(lái)有空就來(lái)一片超詳細(xì)的WebViewJavascriptBridge的文章贴硫，敬請(qǐng)期待椿每。
最后說(shuō)一句，截步驟圖英遭，真的好煩~~~
