APICloud是国内较早布局低代码开发的平台之一,其发布的低代码效率工具Plus Mode,为IT项目中每个角色提供专业工具,将需求分析、产品原型、UI设计、前端开发、后端开发紧密衔接,并基于行业大数据对前置环节进行复用,最终缩减大量重复性工作,有效提升30%-60% IT项目效率。 下面我简单说一下用apicloud 简单封装一个wap手机网站的方法
当然效果肯定不如原生开发或者apicloud或uniapp开发的h5 app效果好
1.打开网址注册账号:https://www.apicloud.com/
2.登录后点左上角创建应用
3.接下来就是封装了有两种办法
(1)直接创建web app [简单]
填写名称 描述 网址后创建即可
(2)创建Native app[稍微复杂需要自己写代码]
填写名称即可
接下来还没有完需要到进入刚创建的Native应用找到[代码] 检出代码 用代码分支信息和获取到的分支密码检出
检出到本地后打开index.html编辑成以后代码提交svn
<!doctype html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/><meta name="format-detection" content="telephone=no,email=no,date=no,address=no"><title>商城</title><link rel="stylesheet" type="text/css" href="./css/api.css" />
</head>
<body>
</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript">
apiready = function(){api.setStatusBarStyle({style: 'light',color: '#999'});var safeArea = api.safeArea;var top = safeArea && safeArea.top?safeArea.top:25;api.openFrame({name: 'page2',url: 'https://m.baidu.com',//换成你自己的网址即可rect: {x: 0,y: top,w: 'auto',h: 'auto'},progress: {type:'page'},bounces: false,bgColor: 'rgba(0,0,0,0)',vScrollBarEnabled: true,hScrollBarEnabled: true});api.addEventListener({name: 'keyback'}, function(ret, err) {api.historyBack({frameName: 'page2'}, function(ret, err) {if (!ret.status) {api.closeWin();}});});
};
</script>
</html>
4.接下来两种操作访求步骤就一样了
可以左侧操作了
端设置->设置图标,启动图片
证书 ->创建包名和证书
云编译-> 打包成android app
至此你就可以把打包好的app安装到手机上了
两种方法都可以试一下.反正不要钱,可以看一下效果如何再区分用哪种办法
转自:https://blog.bitefu.net/post/162.html