博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
H5混合开发APP配置以及第一个工程--博客园老牛大讲堂
阅读量:5973 次
发布时间:2019-06-19

本文共 1339 字,大约阅读时间需要 4 分钟。

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

知识小普及:首先要明白H5开发分4种:纯网页开发(H5开发),混合开发(一般用H5和第三方包装工具),原生开发(android开发),和微信小程序开发。

    纯网页开发:就是用H5开发好网页,开发好网页用第三方工具进行打包成app

    混合开发:不仅用H5开发了,还要借助第三方的一些软件,并且引用第三方的软件的一些内容,之后在第三方网站进行打包成app,好处是可以实现调用照相机等。本篇博客介绍的就是混合开发,第三方工具是APIClud工具

    原生开发:原生开发就是用android内容进行开发。跟H5关系不大了。

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

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

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

 

第一、首先下载一个APICloud开发环境(APICloud就像Hbuilder,Myeclipse,就是一个软件)。--

图标:

第二、--

1、进入APICloud官网,申请一个账号,进入APICloud官网,填写用户名,密码。并且下载一个APIClode桌面应用程序。

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()方法中的内容,定义了跳转的页面,和跳转页面的标签。其中的name:‘a1’。定义是为了方便页面之间的跳转,一般不重复,app页面跳转的都是要识别这个name的

代码:

//博客园老牛大讲堂    
//下面两句是为了匹配手机页面的大小必须引入
Hello APP

 8、图片:

 

第三、--

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

2、图片,其中mysendAPP就是自己上传的工程。(不小心把自己的名字也暴露了,记住申请过后名字是不能更改的。我大意了--呜呜)--

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

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

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

 

转载于:https://www.cnblogs.com/laonniudajiangtang/p/5863532.html

你可能感兴趣的文章
我的友情链接
查看>>
MVC中的三个模块
查看>>
Line: 220 - com/opensymphony/xwork2/spring/SpringObjectFactory.java:220:-1
查看>>
oracle 常用命令大汇总
查看>>
mysql 并行复制
查看>>
傲不可长,欲不可纵,乐不可极,志不可满——提高个人修养
查看>>
后台调用gps
查看>>
HTML5标签的语义认知和理解(1)
查看>>
MySQL日志功能详解(2)
查看>>
HP LaserJet 305X 和 339X 系列一体机如何设置手动或自动接收传真?
查看>>
XDCTF成长记录
查看>>
Linux系统中的文本处理工具
查看>>
IDE---Python IDE之Eric5在window下的安装
查看>>
Mybatis调用Oracle中的存储过程和function
查看>>
基本安装lnmp环境
查看>>
yum源资料汇总
查看>>
7、MTC与MTV,http请求介绍
查看>>
logstash消费阿里云kafka消息
查看>>
第四节课作业
查看>>
EasyUI Calendar 日历
查看>>