【跨端应用】—— uniapp黑马商城App学习笔记(二)

 一、设置微信小程序调试

HBuilderX点击【工具】 --【设置】--【运行配置】,找到【微信web开发者工具】安装所在的文件夹。

复制路径,填写到【小程序运行配置】-- 【微信开发者工具路径】

 先打开微信开发者工具,进入编辑器页面后。点击【设置】 – 【安全】,开启【服务端口】,然后关闭设置窗口,关闭开发者工具。

【跨端应用】—— uniapp黑马商城App学习笔记(二)_第1张图片

重新点击【运行】 – 【运行到小程序模拟器】-- “微信开发者工具 - [xxxx]”,编译uni-app项目。提示如下并弹出微信开发者工具证明成功啦。

【跨端应用】—— uniapp黑马商城App学习笔记(二)_第2张图片

二、设置安卓手机真机调试和手机连接之后,还是不能真机调试,如下图

【跨端应用】—— uniapp黑马商城App学习笔记(二)_第3张图片

现在开始进行设置,安卓手机

第一步:电脑与手机用数据线连接起来,会弹出如下图,点击“传输文件”【跨端应用】—— uniapp黑马商城App学习笔记(二)_第4张图片

第二步:去手机设置->"系统"->"关于手机"点击版本号7次,之后返回“系统”,就会出现“开发人员选项”如下图【跨端应用】—— uniapp黑马商城App学习笔记(二)_第5张图片

首次调试的时候,点了7次版本号之后就会出现这一项,以后再调试都不需要再点版本号了

【跨端应用】—— uniapp黑马商城App学习笔记(二)_第6张图片

 第三步:进入“开发人员选项”【跨端应用】—— uniapp黑马商城App学习笔记(二)_第7张图片

三、设置ios模拟器调试

IOS端,则是在电脑上安装了个iTools软件,运行,连接手机

之后再去uin-app开发软件查看,就可以真机调试了

【跨端应用】—— uniapp黑马商城App学习笔记(二)_第8张图片

 点击之后,首次会安装,所以要等待几分钟,安装完基座就可以进行调试了。

 安装完后,会在手机上生成一个HBuilder APP标

【跨端应用】—— uniapp黑马商城App学习笔记(二)_第9张图片

 注意:iOS9.0及以上系统需要在"设置"-"通用"-"设备管理"(或"描述文件")中信任DCloud企业证书(Digital Heaven开头的证书)才可以正常使用。

四、设置ios真机调试

1、下载安装itunes:https://pc.qq.com/search.html#!keyword=itunes

2、安装成功,显示如下

【跨端应用】—— uniapp黑马商城App学习笔记(二)_第10张图片

3、手机使用数据线连接电脑并信任电脑,确保itunes和手机连接成功。

【跨端应用】—— uniapp黑马商城App学习笔记(二)_第11张图片

4、手机连接成功以后,Hbuilder会检测到手机,如检测不到,可重启Hbuilder

5、如果还是不显示设备器下载itool4更新驱动:https://www.itools.cn/

6、uniapp检测到手机后,运行uni-app项目,点击运行按钮,选择运行的设备

7、编译完成 打开手机设置->通用 下拉到图片位置! 点进去信任该应用

【跨端应用】—— uniapp黑马商城App学习笔记(二)_第12张图片
五、设置支付宝小程序调试
与调试微信小程序类似:HBuilderX点击【工具】 --【设置】--【运行配置】

 【跨端应用】—— uniapp黑马商城App学习笔记(二)_第13张图片


资料来源:蓦然JL博客,momo倩倩简书,尚硅谷

你可能感兴趣的:(学习)