Hybrid App系列之工具篇

Posted jlfw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Hybrid App系列之工具篇相关的知识,希望对你有一定的参考价值。

直入正题,“磨刀不误砍柴工”,第一步介绍开发工具,主要是 DCloud集成的Hybrid App移动端开发框架。包括HBuilder5+RuntimeMUI三个主要工具。

1、创建第一个手机App应用

第一步,下载并解压HBuilder,新建一个移动App项目,选择Mui项目作为模板,下一步是设置手机运行模拟器,这里选择使用夜神模拟器,打开右下角设置-->开发者选项,勾选USB调试。然后在系统设置里面高级设置配置成手机版极速模式

第二步,在HBuilder里的工具->选项->HBuilder第三方android模拟端口改为62001进行匹配。

至此,完成了安卓端的基本配置。苹果端的配置需要使用Mac和苹果手机进行操作,具体配置方法网上有很多教程,也可以参考官网上提供的方法。

2、云打包-原生安装包

新建的App应用都是采用默认的样式,如果需要加入自己的素材资源,完成项目后需要进行打包,这里的配置内容主要在manifest.json配置文件中进行。

  1. 基本信息中的应用名称可以自行设定,appid如果是云打包则需要从云端获取本地打包则可以自行设定。剩余内容根据自身需要进行操作。
  2. 图表设置启动图片设置略过,自己去操作。SDK设置模块权限设置需要根据文档教程来操作,在具体项目中用的比较多。
  3. 完成以上两个动作,就可以进行打包。发行->打原生安装包,打完包之后双击unpackage->release下的apk文件就会自动安装到模拟机上。

工具篇介绍到这里,后期出现新的配置或需要更新内容在进行补入。

以上是关于Hybrid App系列之工具篇的主要内容,如果未能解决你的问题,请参考以下文章

单纯觉得是篇好文——跨终端Web之Hybrid App

Hybrid框架之交互通信篇

:hybrid app开发之技术选型

跨平台 webapp 开发技术之 Hybrid App

跨终端Web之Hybrid App开发对比

使用Cordova框架把Webapp封装成Hybrid App实践——Android篇