HBuilder打包步骤

HBuilder打包步骤:

  1. 导入文件或创建新的文件(文件内 HTML 和 CSS 命名要规范,不能用中文,如果有导入图片,那么图片的命名中不能包含中文和特殊字符;)
    HBuilder打包步骤_第1张图片
  2. 右键点击你的文件夹,在下拉菜单中选择【转换成移动APP(T)】
    HBuilder打包步骤_第2张图片
  3. 转换成移动APP后,文件夹下会出现一个叫: manifest.json 的文件 点击进去,
    appid 选择云端获取,在页面入口选择中选择你想要看到的主页并选择;
    HBuilder打包步骤_第3张图片
    HBuilder打包步骤_第4张图片
  4. 点击云端获取
    HBuilder打包步骤_第5张图片
  5. 点击 manifest.json 下方的图标配置 会跳转到图标配置页面,然后选择原图片(必须是png格式)中的加号,插入图片,插入成功后,点击图片下方的 自动生成所有所有图标并替换 这个按钮并保存。HBuilder打包步骤_第6张图片
    HBuilder打包步骤_第7张图片
    HBuilder打包步骤_第8张图片
  6. 设置好图片后,点击导航栏的:发行 按钮 在发行中点击:云打包-打原生安装包。
    HBuilder打包步骤_第9张图片
    HBuilder打包步骤_第10张图片
  7. 完成之后会进到:App云端打包 页面 并点击:Android 按钮前面的勾选框。
    HBuilder打包步骤_第11张图片
  8. 然后在:Google开发者证书 中 给 Android包名起一个 com. 格式的包名
    例如(com.lcj)注意:包名不能含有 中文 以及 特殊字符 ;HBuilder打包步骤_第12张图片
  9. 然后点击页面右下方的打包 按钮 点击之后会出现一个窗口提示我们:缺少必要的 Android 权限,是否现在添加;
    这种情况如果你只有静态页面的话,可以选择 :确认没有缺少权限,继续打包。 如果你的页面中不仅仅是静态页面,那就点击:立即添加缺少的权限;
    HBuilder打包步骤_第13张图片
    HBuilder打包步骤_第14张图片
  10. 点击进去之后会弹出一个提示我们 jiaruDCloud广告联盟 的窗口,窗口中会出现四个
    已经被勾选的选择(默认是勾选的)我们将勾选全部取消,然后点击:继续打包 按钮,
    注意:你的文件夹中不能含有任何以中文命名的文件.图片(包括文件夹名也不能用 中文 或 特殊字符 命名);否则会打包失败;
    HBuilder打包步骤_第15张图片
  11. 打包成功后会弹出一个 提示页面 ,告诉我们打包成功是否查看当前打包状态?,点击确定。
    HBuilder打包步骤_第16张图片
  12. 点击确定后,会跳转到:查看App打包状态 的页面 ,下面会显示我们之前打包的文件;
    (打包过后后台会进行下载,耐心等候,不要急),下载成功后,我们发现在状态列表的右上方会有两个点击项:
    打开下载目录 和 打开自定义基座目录;我们点击第一个:打开下载目录,会跳转到你下载包 的文件夹中;
    这个时候我们双击打包好的包,点击过后,如果你的电脑里有模拟器的话,它会自动跳转到模拟器中并自动打开;
    这个时候我们打包好的文件就可以在模拟器中查看了。(想要在手机上查看的话,可以把打包好的安装包发送到手机端并安装),
    这样我们就可以在手机上查看我们打包好的项目了;
    HBuilder打包步骤_第17张图片

真机调试:

作用:可以再电脑上一边做一边在手机上查看,手机端必须连接到电脑上

  1. 首先在手机上打开 开发者模式,每个手机上 开发者模式的位置在不同的地方,
    1)点击更多设置
    HBuilder打包步骤_第18张图片
    2)点击开发者选项
    HBuilder打包步骤_第19张图片
    3)将开发者选项 和 USB调试打开
    HBuilder打包步骤_第20张图片
  2. 然后我们回到 HBuilder 主页面
    1) 点击:运行按钮HBuilder打包步骤_第21张图片
    2)点击:真机运行按钮,(注意在这个时候我们为了方便找到手机端,我们需要把模拟器关闭)
    HBuilder打包步骤_第22张图片
    3) 点击:HBuilder
    基座运行,点击过后,手机端会自动下载我们的 HBuilder 并自动打开 HBuilder;
    打开之后我们就可以在电脑上做在手机端上查看了;
    HBuilder打包步骤_第23张图片

你可能感兴趣的:(HBuilder打包步骤)