一、注册、登录
注册个用户,登录才可以打包。
buildserver上面git的使用、右键:小组 --> 落实
二、支持快速预览、云端打包、ma包、生成emm应用包
注意:在翻墙的时候是打不了包的,因为IP是不对的
emm包导入,然后设置为不需要授权,然后发布。在应用打包进去就可以进入轻应用
三、轻应用
1、 加一个外链:
summer.openWin()直接打开,不过有个问题,打开后相当与进入了另外一个窗口,返回窗口为空白哦
所以:summer.openFrame
2、 然后就是获取新闻列表,然后展示,点击跳转不同的页面——待补充
<li οnclick="openWin('http://udn.yyuap.com.html')" class="clearfix"> <div class="fl box"> <p>新闻1</p> <em>28分钟前</em> </div> <img src="img/banner1.png" alt="" / class="fr"> </li> function openWin(newUrl) { summer.openWin({ id : 'cms', url : newUrl, create : "false", type : "actionBar", actionBar : { title : '今日头条', leftItem : { image : "", method : "" } } }); }; var userinfo; summerready = function() { userinfo = summer.getStorage('userinfo'); }; function getData() { summer.ajax({ type : "get", url : 'https://...', param : { }, header : { "Content-Type" : "application/x-www-form-urlencoded", 'Authorization' : 'Bearer ' + userinfo } }, function(response) { consloe.log(response) }, function(response) { error(response); }) }; 样式: <style> body{ background:#f6f6f6; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { zoom: 1; } .fl{float: left} .fr{float: right} img{ width: 1.45rem; height:0.95rem; } em{ font-style: normal; color: #95989f; font-size: 0.16rem; } .box{width:70%} .box p{} ul li{ padding:10px 0; border-bottom: 1px solid #ccc; } </style>
3、开证明
后台获取的数据: 找到那个data的数据形式,直接用json替换掉
(最开始的想法是自己写,然后怎么也改不好样式,被鄙视了)
这里,要找到数据形式,需要进行网页和手机两端调试、学到了不少。首先谷歌需要翻墙,然后tools里面,找到remote devices,在那个页面,数据线
连上手机就可以找到,然后点击网页显示手机名称那,就会找到手机上显示的页面,点击进去就可以看到HTML,然后在资源那边可以打断点调试,可以查看
data的值。要学会前端的调试,毕竟这么久了。。。
加载哪个html,居然是个test.html,然后加载相应js和css,页面大体都出来了,功能上掉后台的数据,可以调试模拟出来。
退出过后还要加载框,删除下面代码:
summer.showProgress({ title :'加载中...' });
summer.hideProgress();
在线调试:还有下拉框未完成!!
