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

爱被打了一巴掌 2023-01-16 14:24 166阅读 0赞

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

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

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

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

![企业微信截图\_16193994422537.png][16193994422537.png]

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

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

![1.png][]

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

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

![2.png][]

填写名称即可

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

![企业微信截图\_1619399817701.png][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][https_blog.bitefu.net_post_162.html]

[https_www.apicloud.com_]: https://www.apicloud.com/
[16193994422537.png]: /images/20221022/03a86e83c27d4dc095054cb2be278ec2.png
[1.png]: /images/20221022/09b3efe84c9741bdba04192cb67b967d.png
[2.png]: /images/20221022/630efa9049114758ba1c1a5e3ca17e9c.png
[1619399817701.png]: /images/20221022/d347b228335e40689b4026096b2b79f6.png
[https_blog.bitefu.net_post_162.html]: https://blog.bitefu.net/post/162.html