在前面的博文中,介绍了一种全新的基于H5的浏览器插件加载方法原理,今天我将基于qt自带Application Example桌面应用程序示例(如下图红色方框示例),将其改造成既可嵌入所有H5浏览器,又可以独立运行的桌面应用程序。开始我们“改造”之旅吧。
步骤一:导入allWebPluginCore 头文件和库
allWebPluginCore对基于H5的浏览器插件加载方法进行抽象和封装,方便开发者快速集成,而不需要关注底层复杂的基于H5的浏览器插件加载方法的实现原理,更多的聚焦自身业务实现。
第二步:导入主场景类及插件接口生成类
导入主场景类QSceneMainWindow(qSceneMainWindow.h和qSceneMainWindow.cpp文件),插件接口生成类QWebPluginFactory(qWebPluginFactory.h和qWebPluginFactory.cpp文件)。
第三步:改造入口函数main
按照下图,改造入口函数main,在插件运行模式下,创建主场景窗口,主场景窗口实例会创建应用程序主窗口。
第四步:调整网页脚本
在index.html网页中,找到createContainer接口,将第二个参数改为application(qt示例程序名,不带后缀)。
效果展示
恭喜您!经过上面四个步骤,您的桌面应用程序可以嵌入到所有H5浏览器了,运行效果如下。