zoukankan      html  css  js  c++  java
  • 将Vue移动端项目打包成手机app---HBuilder

     

    将移动端页面打包成app

    1、使用 HBuilder 直接编译打包

         点击左上角 文件》打开目录》选择目录  选择用Webpack打包好的dist文件目录

    由于我添加到项目了,所以会显示该项目名称已存在,请重新输入。

    2、接着点击完成,就可以在目录中看到dist

    这里dist前面的标志应该是W  由于我转换过一次,就会显示A 

    3、鼠标右键点击dist目录,选择`转换成移动App`,成功之后目录前面的图标就会变成 A 同时会多出一个 `manifest.json文件`

    4、双击`manifest.json` 是可视化界面

    5、填写基本信息 选中横竖屏等信息

    可以选择图片等一系列信息

    点击代码视图就可以看到代码界面了。

    6、开始打包,我们点击HBuilder头部导航栏的发行》云打包-打原生安装包

    这里你可以选择ios或者android安装包

    7、如果是安卓安装包则可以直接选择完之后开始打包

    点击打包完了之后,可以查看打包状态,打包完毕可以点击下载安装包,就可以安装到自己手机上啦。这里推荐用爱思助手,不是广告,因为自己用iTools的时候 出现了安装不成功的问题,暂时没解决 但是用爱思助手就解决了。

    8、现在我们来看打包成ios的

    很明显,这里打包ios安装包是需要 ios开发者证书==》AppID、私钥密码、profile文件、私钥证书。

    如果你有ios开发者账号,这是需要$99 购买一年的 美刀。购买了之后,可以登录之后获取相应的证书以及密钥。

    这里我重点讲一下,如何使用打包ios测试的,没有ios开发者账号没有证书和私钥证书怎么办。

    可以使用 

    免费苹果账号(apple id)申请ios证书p12真机调试

    HBuilder可以直接打包越狱版的ipa包,但需要越狱手机才能安装,如果需要安装到没越狱的手机安装,需要自己申请ios证书打包。

    一般是需要一个付费了的苹果开发者账号才能申请ios证书打包。

    这里介绍用普通的没有付费的苹果账号(apple id),直接申请ios证书p12,打包安装到没有越狱的手机真机调试,完全免费。

    当然如果要上架App Store还是需要注册一个付费的苹果开发者账号。

    苹果开发者账号申请教程

    申请ios证书打包ipa测试分五步进行

    1.申请一个苹果账号

    2.申请ios测试证书(p12)

    3.申请ios描述文件(mobileprovision)

    4.打包ipa

    5.安装ipa

    一、申请苹果账号

    1、点击苹果id注册地址,输入相关信息注册,如果已经有苹果账号(apple id)请看第二步,还需要登录下苹果开发者中心,同意下协议,

    https://appleid.apple.com/account?localang=zh_CN

    2、注册成功了,或者有苹果账号了,登录苹果开发者中心

    https://developer.apple.com/account

    如果你第一次登陆苹果开发者中心,会有个协议,打钩同意协议,点击Submit提交。

    如果之前登录过,同意过协议,没有付费的苹果账号直接登录到这个界面

    或者提交申请了开发者账号,没有付费688或者付费了没有生效的账号是这样的。

    看到了以上界面,就可以登录Appuploader,创建ios测试证书了。

    二、申请ios测试证书(p12)

    这里使用Appuploader软件去申请ios证书p12,可以直接在Windows申请ios证书,不需要苹果电脑。免费!

    Appuploader安装教程

    1、打开Appuploader,用普通苹果账号登录,

    出现这个提示意思是只能申请iOS开发证书用于测试,不能上传ipa不能上架,上架需要付费688的开发账号。

    2、选择证书功能模块

    3、点击右下角+ADD,选择iOS开发证书(注意:免费账号只能申请iOS开发证书而且只能申请一个,其他都不行,需要付费账号),输入名称(英文随意)、邮箱(随意)、

    私钥密码(后面打包ipa时要用到,123之类密码的就行,记好)

    如果账号已经有一个iOS开发证书了,将申请报错,可以删除掉再申请,或者直接用这个已经申请的。

    4、申请到了,点击p12文件下载保存.p12 证书文件到电脑。

    三、申请ios描述文件(mobileprovision)

    1、返回软件,选择描述文件

    2、点击右下角+ADD,先选择添加应用id、编写appid,格式是com.com.com这样子的,中间有两个点,比如app名字叫淘宝,可以编为com.app.taobao,好记就行了,随便编。

    注意:添加appid只要不报错就算添加成功了直接到下一步骤、没有其他提示,后面会自动出现,不用重复添加,重复添加一样的应用id将报错,

    3、下一步添加用来测试的手机了,先获取UUID。

    苹果手机助手获取UDID

    如爱思助手,电脑下载爱思助手,连上苹果手机,设备信息里面那个设备标识就是udid。

    获取到UUID、点击添加测试设备,复制到UDID框,输入设备名称(随意,不要中文),点击ok。

    免费账号7天内最多只能添加3个手机进行测试,如果出现下面那个错误提示,是设备加满了。

    如果在用我们的体验账号可能加满了测试设备。

    4、添加好设备后,记得一定要先叉掉。

    重新点击右下角的+ADD进入(才能同步到刚申请的appid和设备),选择开发版profile、

    选择刚创建的appid 如com.app.taobao,勾选关联第一步创建的ios证书p12,选择刚添加要测试的设备。

    输入名称(随意),点击ok创建。

    5、点击下载保存.mobileprovision,描述文件。

    四.打包ipa

    1、打开HBuilder工具,选择完工的项目,点击发行,选择发行为原生安装包。

    2、选择iOS打包,支持的设备类型(可以选择支持iPhone和支持ipad),选择使用苹果证书

    AppID,自己编的那个,如com.app.taobao

    profile文件,选择上传配置文件.mobileprovision

    私钥证书,上传.p12文件

    私钥密码,输入创建p12设置的密码。

    然后点击打包。

    3、打包成功后,下载保存ipa,这个ipa包就能安装到手机测试了。

    五、安装ipa

    特别注意:ios不像安卓、不能直接把ipa文件发送到手机安装,用免费账号申请证书打包的ipa也不能上传到蒲公英这类的分发平台扫描二维码进行安装,需要通过手机助手安装。

    推荐爱思助手

    如果需要上传蒲公英扫码安装请看这个教程、需要付费的开发者账号。

    iOS APP真机调试图文介绍

    1、普通账号申请的ios证书打包的ipa、经测试,苹果官方的iTunes助手安装不了,不要用这个。、

    用爱思苹果助手可以成功安装

    https://www.i4.cn/

    连接上手机、点击应用游戏,点击导入安装,选择刚打包的ipa包,或者直接选择ipa包右键通过爱思助手安装。

    2、ipa将自动安装,类型是越狱版,安装成功后显示个人正版,因为是个人ios证书打包,没上架App Store。

    3、安装成功了第一次启动应用会出现如下提示,用测试证书或者企业证书打包的ipa都会这样,需要设置一下。

    点击设置、进入通用,下拉选择描述文件和设备管理。

    4、点击开发者应用下面出现的账号,信任,然后就能启动应用,不在出现提示。

  • 相关阅读:
    从针对接口编程到依赖注入
    DataRow 数组转化成DataTable
    Math 类的方法概要
    .net控件
    字符串反转
    DataTable
    Enabled设置为False时,前景色和背景色也不改变的TextBox 并居中
    C# 四舍五入 (解决四舍六入五成双的问题)
    查询最后一条数据
    C# toString()
  • 原文地址:https://www.cnblogs.com/zmsoftbj/p/12058798.html
Copyright © 2011-2022 走看看