最近有網(wǎng)友向我求助 H5 項(xiàng)目怎么集成到原生項(xiàng)目中寒矿，特意寫了這篇回復(fù)衅澈，希望能幫助到更多的人
- 這是他的問題嗅榕。
1.我們主要支持三端（iOS室奏，安卓火焰，微信);
2.我們的應(yīng)用形式會(huì)采取原聲+h5的形式；
3.目前的總體設(shè)想是胧沫，首頁昌简，個(gè)人信息占业，以及相關(guān)入口頁會(huì)采取原聲編碼的方式，比如說商品購買流程會(huì)采用h5的方式(類似京東纯赎，淘寶購買流程)谦疾，要求是新開頁面的形式（就是比如在商品詳情點(diǎn)擊立即購買會(huì)跳轉(zhuǎn)到下個(gè)頁面），不是說在一個(gè)webview里面加載整個(gè)流程;
4.目前是打算接入Dcloud的形式犬金。
遇到的問題：
1.我們目前的這種模式能用Dcloud的里面5+plus這個(gè)框架嗎念恍？
2.如果能用的話應(yīng)該用哪種集成方式呢？
3.Dcloud如何加載服務(wù)器的html代碼的晚顷？（官方文檔真的不行啊峰伙，只有本地的）。
4.Dcloud框架的穩(wěn)定性和功能性你覺得怎么樣该默？
很抱歉瞳氓，這么晚回復(fù)你，hybride app 是我6個(gè)月之前做的項(xiàng)目栓袖，現(xiàn)在只有一些大概的影響匣摘。希望可以幫助到你
- 我們目前的這種模式能用Dcloud的里面5+plus這個(gè)框架嗎？
是的叽赊，你們可以采用這種方式開發(fā)你們的項(xiàng)目
- 如果能用的話應(yīng)該用哪種集成方式呢恋沃？
按照你的描述必搞，我認(rèn)為你們可以采用
1.IOS平臺(tái)以WebView方式集成HTML5+SDK方法
這種集成方式：原生占%80 h5占%20
是項(xiàng)目中只有少數(shù)單個(gè)頁面可以用h5來寫必指，這里的h5頁面主要用來展示信息，但是無法做到交互性-->比如點(diǎn)擊按鈕恕洲，在此h5頁面上點(diǎn)擊調(diào)整等塔橡。
2.IOS平臺(tái)以Widget方式集成HTML5+SDK方法
這種集成方式：原生占%20 h5占%80
中可以使用大量的h5頁面，h5頁面之間可以跳轉(zhuǎn)霜第，調(diào)用iOS原生方法葛家，有點(diǎn)擊事件，并帶有下拉列表等常見UI控件泌类，這些都可以用h5來實(shí)現(xiàn)癞谒。
- Dcloud如何加載服務(wù)器的html代碼的？（官方文檔真的不行啊刃榨，只有本地的）弹砚。
我們所有的html代碼都是本地的，使用Dcloud 的編譯器Hbuild 編譯并打包號(hào)的本地html代碼枢希，你所說的服務(wù)器html代碼我們沒有接觸過桌吃，或許你應(yīng)該咨詢下Dcloud官方人員
這是Hbuidl 學(xué)習(xí)群485909096 ，里面有Dcloud官方人員苞轿。這里面的大神比我更懂這個(gè)框架
4.Dcloud框架的穩(wěn)定性和功能性你覺得怎么樣茅诱？
雖然官方文檔很渣逗物，但不能代表Dcloud的框架不行，個(gè)人認(rèn)為瑟俭，比較文檔翎卓，性能一般。不過做電商我覺得可以考慮摆寄，這里面有很多坑要跳莲祸，比如在繼承sdk時(shí)，文檔寫的很不詳細(xì)椭迎，iOS要配置的xcode系統(tǒng)庫不全锐帜，有很多配置使我們當(dāng)時(shí)自己一個(gè)一個(gè)連蒙帶猜湊齊的。
- 這里講一下我們當(dāng)時(shí)繼承h5的流程
- 前端工程師用Hbuild 完成h5頁面的編寫畜号，可以用h5和服務(wù)器交互缴阎，并實(shí)現(xiàn)了h5頁面之間的邏輯跳轉(zhuǎn)，頁面布局简软，控件添加蛮拔，事件實(shí)現(xiàn)等。這部分是獨(dú)立于iOS 平臺(tái)之外痹升。
- iOS和安卓搭建原生框架建炫，并分別集成HTML5+SDK。配置系統(tǒng)庫疼蛾，然后確保編譯成功肛跌。
- iOS和安卓分別引入 前端工程師編譯成功的h5包。內(nèi)嵌h5到原生框架中察郁，確保編譯成功衍慎。其實(shí)第2步和第3步是同時(shí)進(jìn)行的
- 接下來就是不斷填坑的過程。
當(dāng)我向Dcloud 官方人員提問時(shí)皮钠，他還是比較熱情的稳捆，甚至幫我遠(yuǎn)程調(diào)試過代碼，感謝曾經(jīng)幫助過我的Dcloud工程師
