我们在使用hbuilder开发的时候,为了更好的发挥HTML5的优势,像开发网页一样轻松更新。
1.我们加入了远程模板功能,采用sqlite存储模板信息,这也更新的时候只用更新模板
sky.loadTpl("index.tpl",sky.tplVersion,function(){
var Tpl_i=0;
var Tpl_interval=setInterval(function(){
if(typeof(pageReady)!="undefined"){
console.log(typeof(pageReady));
clearInterval(Tpl_interval);
pageReady();
}
console.log(Tpl_i);
Tpl_i+=100;
if(Tpl_i>5000){
clearInterval(Tpl_interval);
}
},100);
});
//更新模板
sky.update(1.3);
2.模板经过服务端混淆加密处理,当然这样的加密不能防止代码被复制,但是能够增加很大的工程量
IDxsaW5rIGhyZWY9Imh0dHA6Ly9hbGwudy5kZWl0dWkuY29tL3BsdWdpbi93ZWl6aGFuL3dlaXpoYW4uY3NzPzE1MjY5NzU3MzYiIHJlbD0ic3R5bGVzaGVldCI
3.为了在浏览器也能打开,我们对webview进行了封装处理。
sky.INAPP=false;//浏览器中使用
sky.INAPP=true;//h5+中使用
//跳转页面
sky.gourl(url);
//返回页面
sky.goback();
本人js不擅长,写的有点杂,但是这个思路大家可以参考。
演示地址: http://weizhan.deitui.com/shop/app/weizhan/index.html
文章来源: http://www.deitui.com/module.php?m=ask&a=show&askid=28