AppBuilder使用图形化的设计界面简化了HTML5的UI开发,同时它也可以与之前提到的Kapsel各种Plugins集成。例如可以在AppBuilder设计的移动应用中加入Kapsel的Logon Plugin。举例如下:
首先进入AppBuilder之前做过的某个例子,选择Deployment->Local Cordova
App:
<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124544-94.jpg" alt="SMP3.0学习笔记之十五AppBuilder与KapselPlugins集成” />
对部属选项进行配置:
<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124544-27.jpg" alt="SMP3.0学习笔记之十五AppBuilder与KapselPlugins集成” />
特别是在”Kepsel”一页中,勾选:Logon Manager。
<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124544-42.jpg" alt="SMP3.0学习笔记之十五AppBuilder与KapselPlugins集成” />
<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124544-51.jpg" alt="SMP3.0学习笔记之十五AppBuilder与KapselPlugins集成” />
点击Confirm之后,就可以得到一个zip包。解压之后运行:
createProject.bat
可以将刚才使用AppBuilde的项目创建一个Cordova工程。对index.html进行必要的修改,例如修改Logon
Manager相关的代码使其指向我使用的SMP Server
IP地址。之后使用
Cordova
-d prepare android
做好发布准备。导入Eclipse使用模拟器运行的结果如下:
<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124544-94-1.jpg" alt="SMP3.0学习笔记之十五AppBuilder与KapselPlugins集成” />
<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124544-43.jpg" alt="SMP3.0学习笔记之十五AppBuilder与KapselPlugins集成” />
总之,
使用AppBuilder进行HTML5的UI设计,可以方便的将其他Kapsel Plugin集成到Appbuilder中来,这大大加速了移动应用的开发过程。