得推网络科技
得推网络科技
  • 发布:2018-05-22 16:26
  • 更新:2018-05-22 16:26
  • 阅读:1670

h5+APP开发之skyapp.js像网页一样更新app思路探讨

分类:HTML5+
h5+

我们在使用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

0 关注 分享

要回复文章请先登录注册