最近有网友向我求助 H5 项目怎么集成到原生项目中,特意写了这篇回复,希望能帮助到更多的人
- 这是他的问题。
1.我们主要支持三端(iOS,安卓,微信);
2.我们的应用形式会采取原声+h5的形式;
3.目前的总体设想是,首页,个人信息,以及相关入口页会采取原声编码的方式,比如说商品购买流程会采用h5的方式(类似京东,淘宝购买流程),要求是新开页面的形式(就是比如在商品详情点击立即购买会跳转到下个页面),不是说在一个webview里面加载整个流程;
4.目前是打算接入Dcloud的形式。
遇到的问题:
1.我们目前的这种模式能用Dcloud的里面5+plus这个框架吗?
2.如果能用的话应该用哪种集成方式呢?
3.Dcloud如何加载服务器的html代码的?(官方文档真的不行啊,只有本地的)。
4.Dcloud框架的稳定性和功能性你觉得怎么样?
很抱歉,这么晚回复你,hybride app 是我6个月之前做的项目,现在只有一些大概的影响。希望可以帮助到你
- 我们目前的这种模式能用Dcloud的里面5+plus这个框架吗?
是的,你们可以采用这种方式开发你们的项目
- 如果能用的话应该用哪种集成方式呢?
按照你的描述,我认为你们可以采用
1.IOS平台以WebView方式集成HTML5+SDK方法
这种集成方式:原生占%80 h5占%20
是项目中只有少数单个页面可以用h5来写,这里的h5页面主要用来展示信息,但是无法做到交互性-->比如点击按钮,在此h5页面上点击调整等。
2.IOS平台以Widget方式集成HTML5+SDK方法
这种集成方式:原生占%20 h5占%80
中可以使用大量的h5页面,h5页面之间可以跳转,调用iOS原生方法,有点击事件,并带有下拉列表等常见UI控件,这些都可以用h5来实现。
- Dcloud如何加载服务器的html代码的?(官方文档真的不行啊,只有本地的)。
我们所有的html代码都是本地的,使用Dcloud 的编译器Hbuild 编译并打包号的本地html代码,你所说的服务器html代码我们没有接触过,或许你应该咨询下Dcloud官方人员
这是Hbuidl 学习群485909096 ,里面有Dcloud官方人员。这里面的大神比我更懂这个框架
4.Dcloud框架的稳定性和功能性你觉得怎么样?
虽然官方文档很渣,但不能代表Dcloud的框架不行,个人认为,比较文档,性能一般。不过做电商我觉得可以考虑,这里面有很多坑要跳,比如在继承sdk时,文档写的很不详细,iOS要配置的xcode系统库不全,有很多配置使我们当时自己一个一个连蒙带猜凑齐的。
- 这里讲一下我们当时继承h5的流程
- 前端工程师用Hbuild 完成h5页面的编写,可以用h5和服务器交互,并实现了h5页面之间的逻辑跳转,页面布局,控件添加,事件实现等。这部分是独立于iOS 平台之外。
- iOS和安卓搭建原生框架,并分别集成HTML5+SDK。配置系统库,然后确保编译成功。
- iOS和安卓分别引入 前端工程师编译成功的h5包。内嵌h5到原生框架中,确保编译成功。其实第2步和第3步是同时进行的
- 接下来就是不断填坑的过程。
当我向Dcloud 官方人员提问时,他还是比较热情的,甚至帮我远程调试过代码,感谢曾经帮助过我的Dcloud工程师