多语言展示
当前在线:1954今日阅读:39今日分享:10

使用Hbuilder创建跨平台手机App项目

混合APP应用开发(Hybrid App)是指通过使用HTML5,CSS3和JavaScript来构建跨平台移动应用程序,多平台适配,效果与原生App相媲美,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。使用Hbuilder可以实现跨平台开发APP.由于混合APP开发,实现一套代码多设备运行,Android和IOS下公用一套代码,大大降低了开发成本和开发周期,混合APP应用开发已APP开发的首选。
工具/原料
1

Hbuilder开发工具

2

电脑

方法/步骤
1

打开Hbuilder点击新建移动APP。

2

设置应用名称,点击浏览修改项目位置。选择模板mui项目,点击完成。

3

打开刚才的项目打开index.html页面,在body中设置app页面。

4

在body中输入如下代码:

               

标题

    
    
        我的第一个APP    
    

5

在软件右上角选择 边改边看模式 这时我们可以看到预览效果。

6

打开项目中的manifest.json文件,进行app基本信息和图标的设置。

7

点击菜单栏的 发行---云打包-打原生安装包

8

选择IOS和Android。进行appid的设置,点击打包。

9

点击打开下载目录可以看到两个app软件。一个.apk是安卓的应用,一个.ipa是苹果应用。到这里我们就完成了APP的制作打包。是不是很简单,感觉不错投下票点下赞哈。

注意事项
1

Hbuilder开发跨平台运行

2

一次开发苹果和安卓两个系统的应用

推荐信息