当前位置:首页 > 技术分享 > 正文内容

用apicloud 免费,简单封装一个wap手机网站成android app

admin3年前 (2021-04-26)技术分享2227

APICloud是国内较早布局低代码开发的平台之一,其发布的低代码效率工具Plus Mode,为IT项目中每个角色提供专业工具,将需求分析、产品原型、UI设计、前端开发、后端开发紧密衔接,并基于行业大数据对前置环节进行复用,最终缩减大量重复性工作,有效提升30%-60% IT项目效率。 下面我简单说一下用apicloud 简单封装一个wap手机网站的方法 

当然效果肯定不如原生开发或者apicloud或uniapp开发的h5 app效果好 

1.打开网址注册账号:https://www.apicloud.com/ 

2.登录后点左上角创建应用

企业微信截图_16193994422537.png

3.接下来就是封装了有两种办法

(1)直接创建web app [简单]

1.png

填写名称 描述 网址后创建即可

(2)创建Native app[稍微复杂需要自己写代码]

2.png

填写名称即可

接下来还没有完需要到进入刚创建的Native应用找到[代码] 检出代码 用代码分支信息和获取到的分支密码检出

企业微信截图_1619399817701.png

检出到本地后打开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

分享给朋友:

相关文章

linux centos svn搭建及网站同步更新

以前上线的项目都是用ftp来更新的.后来技术人员多了,ftp的弊端就出来了.所以在这里给大家介绍一下我们现在正在使用的svn同步修改更新的方案. 原理很简单主要是用到了svn的hooks功能.即本地提交到服务器...

WPS表格办公—取消科学计数法显示

WPS表格办公—取消科学计数法显示

我们在利用WPS表格与Excel表格进行日常办公时,经常需要制作各种各样的表格,当我们在表格当中输入长数据的时候,表格经常会自动显示为科学计数法,很多人都看不懂科学计数法的意思,那么,我们如何在输入长数字的时候避免显示为科学计数法呢,今天我...

超高性比的斐讯盒子T1,刷第三方YYF固件机教程超级详细版

超高性比的斐讯盒子T1,刷第三方YYF固件机教程超级详细版

家里面买了斐讯盒子T1,必不可少的就是刷机,刷机一直爽,一直刷机一直爽,这样的快乐一般人体会不到。原来斐讯盒子N1,T1,还有斐讯K2P路由器也变成了性价比超高的东东,而且众多大神也带来了超多可玩性非常高的固件和破解。楼主今天扒到了相关超高...

centos 配置Let's Encrypt 泛域名https证书

centos 配置Let's Encrypt 泛域名https证书

前言2018年1月份Letsencrypt可以申请泛域名证书,这让我们部署多域名、多站点https省了很多功夫,终于可以不用维护多个域名的https证书。笔者以acme.sh为例,手把手教你配置https证书~本教程适用于centos 6....

系统小技巧:微软版“Ghost” Windows FFU 系统安装还原

系统小技巧:微软版“Ghost” Windows FFU 系统安装还原

在日常的维护中,系统的备份和还原是大家经常需要操作的事情。虽然Windows 10已经提供很多的工具,如系统还原、WIM备份/还原,VHD备份等。不过这些工具大多是基于文件的备份/还原。我们以前经常的使用的Ghost则是基于扇区的备份/还原...

七牛html js上传带进度条源码

七牛html js上传带进度条源码注册链接https://s.qiniu.com/uM7RJv完整代码下载:https://n802.com/f/349707-489018989-c141f6(访问密码:5036)http://www.yi...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。