- 最近公司要求以后的項(xiàng)目要用iOS原生框架和h5頁(yè)面結(jié)合完成,發(fā)現(xiàn)網(wǎng)上這方面的資料好少(js交互的資料是挺多的，我的h5頁(yè)面是用MUI完成的，這方面的資料真的好少)
把我最近的進(jìn)度做個(gè)總結(jié)
- 去MUI官網(wǎng)下載SDK 點(diǎn)擊這里查看官方文檔，下載SDK
- 下圖是SDK文件夾
MUI_SDK.png
- Feature-iOS.xls 里面是常用靜態(tài)庫(kù)和動(dòng)態(tài)庫(kù)(這些東西我也不太懂)
- HBuilder-Hello 純H5demo
- HBuilder-integrate iOS集成MUI SDK
- SDK 這個(gè)就不解釋了
用webView 加載h5頁(yè)面
- 1.SDK->Bundles->PandoraApi.bundle引入工程
- 2.SDK->inc 引入工程(注意是create groups形式)
找到工程里TARGETS->Build Settings ->Library Search Paths
360B1BE8-2C4E-40D9-A4AE-22278B6685EC.png
這里是引入動(dòng)態(tài)庫(kù)路徑(我是這么理解的，如有誤請(qǐng)指出)
- 3.SDK->Libs ->Release-iphoneos路徑引入Release(發(fā)布模式)
- 4.SDK->Libs ->Release-iphonesimulator路勁引入Debug(調(diào)試模式)
7F794218-1F74-41E5-84DD-B347E08D6C1D.png
- 5.在Feature-iOS.xls中找到上圖中的Framework畫圈圈部分，工程->TARGETS->BuildPhases->Link Binary With Libraries 加入圈出來(lái)的framework
- 6.找到工程里TARGETS->Build Settings ->Other Linker Flags 把上圖圈出來(lái)的-llibPDRCore 加進(jìn)去
做完這些MUI的基本庫(kù)就引入進(jìn)來(lái)了，如果想要用到MUI里面的第三方登錄，支付，地圖，就按照上面的流程繼續(xù)添加你需要的動(dòng)態(tài)庫(kù)和靜態(tài)庫(kù)
接下來(lái)引入h5文件
- 把h5工程拖入到你的工程，一定注意路徑名不能有中文，不然有可能會(huì)找不到h5文件
- 在適當(dāng)?shù)奈恢锰砑尤缦麓a(借用官方給的代碼)
80E7B858-CCF2-457E-B7AF-F691ABFA9548.png
- 不出意外，你已經(jīng)可以在oc 框架里顯示h5頁(yè)面了
- 這中間會(huì)出現(xiàn)各種莫名其妙的問(wèn)題，反復(fù)搞幾次就可以了
- 最后讓我狠狠地吐槽下官方文檔-->你TMD能再敷衍些么#￥%￥……#￥……#￥%……
- 關(guān)于 oc和js交互
2017-06-21 更新
一年多過(guò)去了, 很多人通過(guò)這個(gè)博客找到我, 其實(shí)我也就只用了 Hbuilder 一個(gè)多月的時(shí)間. 現(xiàn)在也忘得差不多了, 這篇文章也只是能幫你把項(xiàng)目跑起來(lái), 更深入的知識(shí)需要去查官方文檔(我繼續(xù)吐槽官方文檔, 一年前有多渣,現(xiàn)在就有多渣)
特意去看了下官方文檔. 照著官方的步驟下來(lái)是不會(huì)成功的. 因?yàn)樗鄙傧旅娴南到y(tǒng)庫(kù), 大家可以加上試試!
68E63EBD9D16A179114F71E1D5F1205E.png
