【Uniapp开发】APP的真机调试指南,从开发到上架全过程

简介: 【Uniapp开发】APP的真机调试指南,从开发到上架全过程

在前一篇文章中,我们介绍了uniapp的开发及项目结构目录等内容。本篇将重点讲解如何使用Hbuilder进行安卓和IOSAPP的真机调试,包括安卓调试和苹果调试的全过程,帮助开发者更好地进行APP的调试工作。


安卓调试


使用DCloud提供的基座


在对安卓应用进行调试时,可以选择使用DCloud提供的基座,在手机上默认装一个Hbuilder的App,将代码承载到此App中进行调试。然而,如果App中集成了原生插件,就无法使用默认的调试App了。因此,建议使用自定义基座来进行调试,以便更好地调试集成了原生插件、版本号、APP logo等内容。


自定义基座


自定义基座是按照项目需求来打包一个实际的APP基座,将编写的页面在这个基座里进行呈现,从而可以使用到一些原生的功能。首先需要像打包正式APP一样打包一个自定义基座APP,这就需要使用到自有证书。


安卓自有证书


安卓APP打包需要使用到.keystore结尾的数字证书,用于表明开发者身份。首先需要在电脑上安装Java环境,并通过keytool命令生成证书。生成的.keystore文件即为所需的证书,可以在多个项目中进行使用。



打包自定义基座


拥有了安卓数字证书后,在Hbuilder中选择“运行-运行到手机或模拟器-制作自定义基座”打开打包APP界面。在界面中填写相应信息并选择使用自有证书,然后进行打包。整个打包过程在Dcloud的云服务器进行,只需要耐心等待即可。



调试运行


打包完成后,选择“运行-运行到手机或模拟器-运行到安卓app基座”,将安卓手机通过数据线连接电脑,并打开调试模式,然后点击运行,就可以在手机上进行APP的调试了。



苹果调试


苹果端与安卓端大同小异,也需要打包自定义基座进行调试。不同的是证书的获取方式不同,需要进行一系列步骤来获取证书和描述文件。


证书获取


苹果证书获取相对来说会繁琐一点,且需要拥有苹果设备,当然也有不需要苹果设备的野路子,兄弟们自行探索吧哈哈


首先我们需要取得苹果开发者资质,这个资质是收费的,一年99美元,关于注册苹果开发者资质的问题,后边我会单独开一篇博文来进行讲解,此处我们假定已经拥有苹果开发者资质


登录苹果开发者平台(Apple Developer),注册一个开发者账号,因为我们现在需要配置证书描述文件,所以我们下一步就是去下载appuploder工具,制作证书和描述文件。


创建一个证书(.p12),点击+进行新建,对于调试我们需要选择Apple Development或者IOS App Development模式,点击继续即可生成证书文件,此时点击download按钮即可下载此证书文件。



接下来我们需要创建一个bundle id,点击+新建,选择AppIDs,点击继续,选择APP,此时需要输入我们自定义的Identifiers,并且要选择我们App所使用到的功能,如Apple 登录、通知等,都要在此选择,否则是无法使用的。填写完成后点击继续即可。



接下来我们还需要将我们的IOS设备添加到Devices目录中,因为苹果对于测试的设备也是有限制的,需要提前勾选。选择Device目录,点击加号新建,输入设备名称和UDID,此处UDID需要在我们使用的设

备中进行获取,可以通过设备访问此网址(蒲公英 | 一步快速获取 iOS 设备的UDID)来快速获取设备的UDID。填写完成后即可注册我们的设备。



最后我们还需要获取描述文件描述文件 (mobileprovision) ,点击+新建,注意此时也要选择Development下的IOS App Development选项,点击下一步,选择我们提前创建的bundle id点击继续,选择我们刚刚创建好的证书文件,再次点击继续,选择需要参与调试的设备,即我们刚才添加的设备,点击继续,输入描述文件名称后即可生成并进行下载。



将我们生成的.p12文件与.mobileprovision文件保存好,通过Hbuilder的“运行-运行到手机或模拟器-制作自定义基座”打开打包APP界面,选择IOS包,并选择我们导出的两个证书文件,点击打包,即可打包IOS调试基座,此时我们就可以愉快的进行IOS端的调试了。


以上就是使用Uniapp开发APP的真机调试了,下一篇,App上架,敬请期待~


目录
相关文章
|
1月前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
88 3
|
1月前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
49 3
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的校园水电费管理微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的校园水电费管理微信小程序的详细设计和实现
28 0
|
1月前
|
小程序 安全 JavaScript
从零开始uniapp微信小程序项目到发布(超级详细)
最近微信小程序又掀起一波风潮,本文站在新手的角度出发,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考,从零搭建uniapp小程序项目
133 1
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
30 0
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
36 3
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
35 3
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的英语学习交流平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的英语学习交流平台的详细设计和实现
24 2
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
34 2
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的移动学习平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的移动学习平台的详细设计和实现
31 1

热门文章

最新文章