mui框架手机端APP开发

        最近项目繁忙一直没有时间回顾,此次梳理一下利用mui框架进行手机端app的开发的具体操作。
        首先介绍一下我们需要用到的轻量级开发工具HBuilder,HBuilder最主要的优点就是快!快!快!重要的事情多说几遍,HBuilder通过完整的语法提示和代码块等大幅度提升了web页面的开发效率,安装包也较小,如果只是下载web版本的开发编辑器安装包只有二十多M,带有APP开发的也才只有两百多M。并且软件中自带了打包模块可以仅仅通过一次代码的编写从而生成IOS和Android两种类型的安装包。并且可以再官网下载项目的示例模板,其中包含了打开摄像头,读取设备信息等原生操作可以查看其代码实现。

     下面我们介绍一下详细的开发流程:

  1. 打开IDE依次点击文件--新建--移动APP
  2. 在弹出的选择框中依次填写项目名称,模板类型,此处注意要选择mui项目。新建完成后会自动加载所需js,css等资源文件 此时一个APP其实已经建好了。可以进行打包安装操作。
  3. 此时打开项目列表会发现项目中有manifest.json文件并且有两种视图的展示方式可已进行app的一些基本配置如:图标配置,打开APP的首页配置,启动图片配置(此处需要注意不同的屏幕分辨率对应不同像素的图片直接导入即可。)  ,sdk配置(此处可进行推送,地图,或第三方登录等的配置),权限配置(此处可进行需要获取的手机权限的配置如指纹识别,通讯录读取,消息推送等权限的配置)。
  4. 基本的配置了解清楚后就可已开始进行APP的开发了 首先需要对HTML,CSS,JS等基础技能有一定的了解,APP中页面的编写大部分跟我们用到写web页面时的方式差不多。其次需要注意的是每个页面都需要调用mui.int()方法用来初始化mui框架。mui.plusReady()方法相当于jquery中的$(document).ready()方法都是在页面加载完成时所需要加在的函数。
  5. 注:在mui.int()方法中我们还可以写一些监听事件比如监听用户是否点击了返回键,以及返回页面刷新,下拉刷新(以及下拉距离),上滑加载等事件的配置。
  6. 页面间进行页面跳转的时候我们一般使用的方法为示例:mui.openWindow("../approve/detail_information.html");括号中写目标页面的地址。
  7. 我们在不同页面间需要使用上一个接口返回的数据时可以将其存入缓存调用的方法为:plus.storage.setItem("task_id",task_id);括号中的值为当前值的key和当前值。在另一个页面中取值时的方法为:plus.storage.getItem("task_id");同时可以利用此属性来书写用户进行APP登录时的默认记住用户名密码等操作。

    上面我们介绍了一些基本的app开发常用到的一些功能方法,熟悉了之后可以进行简单APP的开发,此处再简单介绍一下IOS包的发布流程需要申请购买苹果APP的开发者账号申请成功完成基本的配置后可以再官网下载APP描述文件和密钥文件用于打包,苹果对于APP的上架审核非常严格类似于企业内部使用的功能性软件是无法通过审核上传至APPStore的此时我们需要申请企业账号或直接租用,进行app的签名操作。再上传至app分发平台让用户进行扫码下载。

     好了今天我们就介绍到这里,快去开发你的第一款APP应用吧。

       

发布了6 篇原创文章 · 获赞 7 · 访问量 1100

猜你喜欢

转载自blog.csdn.net/weixin_43814408/article/details/94590599