【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上架,敬请期待~


目录
相关文章
|
30天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
452 7
|
4天前
|
设计模式 开发框架 JavaScript
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
|
30天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
504 1
|
16天前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
|
30天前
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
70 9
|
13天前
|
机器人
布谷直播App系统源码开发之后台管理功能详解
直播系统开发搭建管理后台功能详解!
|
22天前
|
NoSQL PHP Redis
布谷语音app源码服务器环境配置及技术开发语言
布谷语音app源码服务器环境配置及技术语言研发。。
|
30天前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
308 0
|
1月前
|
JavaScript 前端开发 小程序
uniapp一个人开发APP关键步骤和考虑因素
uniapp一个人开发APP关键步骤和考虑因素
121 1
uniapp一个人开发APP关键步骤和考虑因素
|
1月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
177 1