码迷,mamicode.com
首页 > 移动开发 > 详细

H5混合开发APP配置以及第一个工程--博客园老牛大讲堂

时间:2016-09-14 09:39:24      阅读:403      评论:0      收藏:0      [点我收藏+]

标签:

前段时间有人问我怎样用H5开发app,我恰好知道就把步骤粘出来,有不懂的地方给我留言,我再修改。--博客园老牛大讲堂

思想:首先用Hbuilder开发工程,把自己的工程粘贴到APICloud的工程里面。然后用网上的APICloud的内容打包内容。

环境:Hbuilder,夜神模拟器,APICloud开发工具。

提示:因为APICloud因为提示功能不好,所以建议如果想开发就用Hbuilder开发。开发完就把css,js,img粘里面就行了。

 

第一、首先下载一个APICloud开发环境(APICloud就像Hbuilder,Myeclipse,就是一个软件)。--博客园老牛大讲堂

图标:

技术分享

第二

1、进入APICloud官网,申请一个账号,进入APICloud,填写用户名,密码

2、进入APICloud界面,创建一个APIClode工程。

3、我创建了一个工程myFirstApp工程,自己的img,css,js,都可以粘贴到工程下面,

4、找到index.html,这个是工程的启动项(从index.html开始)。类似于安卓开发的AndroidManifest.xml文件,类似于java的mai函数。

5、其中css和js可以不导入。

6、apiready = function(){startfull();} 是所有的js和css加载完毕后才加载下面的代码。

7、startfull()方法中的内容,

代码:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
   
</head>
<body>
   
   
</body>
<script type="text/javascript">
    apiready = function(){
        startfull();
    }
    function startfull(){
        api.openWin({//api这个是APICloud自己提供的api,必须在APICloud提供的,只能在APICloud里用。
            name: a1,//定义下面这个页面的名字。方便页面的跳转。
            url: ./html3/a.html‘//跳转的页面。
        });
    }
    
</script>
</html>

 8、图片:

技术分享

 

第三、

1、点击myFirstApp的工程右键,--云同步--》提交。

2、图片,其中mysendAPP就是自己上传的工程。

技术分享

 3、点击自己工程mysendAPP进入,点击云编译,这样自己的工程即可以打包成android,也可以打包成ios。

技术分享

4、如果还与不懂的,留言。

5、如果看怎样用APICloud进行测试代码,查看我博客园-老牛大讲堂。

 

H5混合开发APP配置以及第一个工程--博客园老牛大讲堂

标签:

原文地址:http://www.cnblogs.com/laonniudajiangtang/p/5863532.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!