uniapp-x入门教程1-运行到Android模拟器

760 阅读6分钟

▍PART 序

Android模拟器怎么选

uniapp-x运行到Android模拟器

uniappx第二章教程=》uniapp-x入门教程2-安卓模拟器断点调试

谷歌浏览器扩展插件开发1~17教程=》wxt谷歌插件开发-图文教程①

如果小伙伴发现问题,雪狼会在底部评论区说明、补充、纠正

web前端从业第15个年头了,哪天公众号不更新了,也希望大家莫怪

如果出了下一章教程,链接雪狼会放在底下评论区里。

▍PART 正文

一、Android模拟器选择

雪狼提供两个方案

Android模拟器联调可以参考这篇=》uniapp 夜神模拟器连调

谷歌官方安卓模拟器安装参考这篇=》AndroidStudio 安卓模拟器安装-图文教程

截至25年4月16号,雪狼所知的他们支持的最高安卓版本

模拟器名称 最高支持的安卓版本 雷电模拟器 (LDPlayer)

Android 9.0

夜神模拟器 (NoxPlayer)

Android 9.0

逍遥模拟器 (MEmu)

Android 7.1

BlueStacks (蓝叠)

Android 11

MuMu模拟器

Android 12

Genymotion

Android 12+(企业版更高)

Android Studio 模拟器

最新 Android 版本(如 Android 16 Beta)

你要知道,我2020年买的 iqoo3现在都是Android13版本的,

我给家里人买的x200到手就是Android15版本了

加上uniapp官方文档写的

市场上有很多成熟的Android模拟器,这里就不推荐了。自行搜索安装。

当然,Google官方也有自己的模拟器,您可以在Android Studio中安装不同版本的模拟器。

uniapp.dcloud.net.cn/tutorial/ru…

安装AndroidStudio的时候你会卡到

Android Studio First RunUnable to access Android SDK add-on list

The Android SDK location cannot be at the filesystem root

Java SE Development Kit (DK) not found

Android SDK location should not contain whitespace, as this can cause proble

SDK emulator directory is missing

Android Emulator hypervisor driver is not installed.

的问题,我教程里都有写解决方案=>AndroidStudio 安卓模拟器安装-图文教程

就一句话,躲不掉的

或者说,小伙伴也可以直接手机直连电脑来直接真机调试

不过下文雪狼将以Android Studio 的安卓模拟器来做教程演示

一、hello world

1、先下个HBuilder X www.dcloud.io/hbuilderx.h…

2、新建uniappx项目

文件/新建/项目

1c73e0f30fb08fbc8505d0b24a304b83_e8e4d910acd44b01b60de489184eefe6.webp

04e898cbe19e1773e04bed8f259e761d_26403f5dcd864e77a2c74fbb2551ef55.webp 记得先打开Android Studio安卓模拟器

ad807471b0ca39d5d1da19c0243f3de4_f949c3ea785c4ec3ae46e8ac16363a24.webp 然后HBuilder X 里要设置下adb路径

c77fecb6f5c673bb41ab392486a61fac_2c554bf7065e49f098da51ad553dddde.webp 就是Android SDK Tools 安装的那个目录

bfa0ce90d49b8f804e594bad7d7389f7_d078715607964d7683cec511ec4633e0.webp Android SDK Tools安装的时候我改了文件名改成了f:\java\androidSdk

所以adb路径就是加上 *****/platform-tools/adb.exe 端口80

181c9eb0eeacdd1de0ed0fbc5cc378f5_9402c4e6b13e4d83ac70cf6a098bbd35.webp 选中App.uvue

934bb9463b08a4feb3d17425fcb7077c_521cf3bce4f14b0390dc69d6a5828b87.webp 点菜单栏的  运行/运行到手机或模拟器/运行到android app基座

680ad94d9877620d3ece89d604fadb6f_686c8b8e243f469d820c0adf6457c83e.webp 注意,你这里要是一直出不出来,端口大概率被占用了,重启完事

8da4d9371df8a0656deaaf21c33260bc_6d8a0b9fcc4a4fa287af19570ddeb5d1.webp 点击安装

5f9b9afff45a9aff270f417ac2293237_0920724f511646e4991921cacdf651c4.webp 等他安装

7e672fad72bfaa3be836720664e8d93c_370a31bda11f4cda8aa425aa49b1ca5a.webp 然后你要运行到安卓模拟器的时候,

右下角会提示你正在下载插件[uts开发扩展-Android]的依敕

b829eb92248c0ce1819def513c7d4f15_945aaa675c1b4ffc876b18494ee103f4.webp

93c6dca071734fcd4d20367a77195ec4_738261b0715f4818b61b3a7d35077f72.webp 第二章=》uniapp-x入门教程2-安卓模拟器断点调试

▍PART 扩展阅读

|1|uniapp-x开发教程1-运行到Android模拟器

|2|AndroidStudio 安卓模拟器安装-图文教程

|3|vue 列表字段异步加载-前端图文教程

|4|css样式隔离(iframe替代方案Shadow Root)

|5|防止爬虫触发事件-比如click

|6|wxt谷歌插件开发-图文教程①

|7|github上传项目-图文教程

|8|星座运势-js源代码

|9|Enable two-factor authentication (2FA) -github解决方案

|10|免费api-实时天气

|11|单点登录-跨域缓存共享

|12|网站埋点-理论篇

|13|node执行m3u8生成、m3u8转mp4下载-图文教程

|14|前端js实现m3u8转mp4下载-图文教程

|15|前端mp4转m3u8流模式播放视频-图文教程

|16|后台权限系统-理论篇(甲、乙、丙、丁、坤为例)

|17|uniCloud 微信小程序登陆全流程demo

|18|微信公众号授权登录(图文教程)

|19|前端切片上传、分段上传-图文教程

|20|微信浏览器f12教程

|21|css mask遮罩教程

|22|uniapp微信小程序pc端横屏解决方案

|23|企业微信第三方应用过审核经验-分享

|24|企业微信成员授权(个人授权)oauth2全流程教程

|25|企业微信第三方应用获取永久授权(全流程教程)

|26|企业微信代开发开通流程(图文教程)

|27|node配置企业微信回调配置HttpGet教程

|28|node配置企业微信回调配置HttpPost

|29|iconfont变黑色和引入两个iconfont的解决方案(图文教程)

|30|vue3渲染函数加入自定义指令(图文教程)

|31|vue3自定义指令(图文教程)

|32|ai生成表情包赚米(图文教程)

|33|uni-app 小程序主包、分包优化方案

|34|小程序手机号授权登录(图文教程)

|35|短信验证码收不到-解决方案

|36|vue3ts的透传$attrs用法

|37|vue3 清空/重置reactive

|38|vite打包可视化工具rollup-plugin-visualizer图文教程

|39|vue3 h函数使用图文教程

|40|抖音跳微信小程序(抖音分享卡片和链接)图文教程

|41|pinia 持久化插件pinia-plugin-persistedstate 安装、使用(图文详解)

|42|uni-app 生成安卓证书

|43|uniapp小程序限制微信群访问(图文教程)

|44|前端常见4种缓存方式(图文教程)

|45|es6~es13 新增数组遍历一览

|46|禁debugger调试网页,禁F12(完整教程)

|47|常用的19个正则-表单验证

|48|报错状态码 200 300 400 500

|49|周公解梦功能(附数据)

|50|node开发微信群聊机器人第⑮章

|51|node开发微信群聊机器人第⑭章

|52|node开发微信群聊机器人第⑬章

|53|Linux安装node18完整图文教程

|54|VMware虚拟机、linux安装图文教程

|55|我把微信群聊机器人项目开源

|56|node开发微信群聊机器人第⑫章

|57|node开发微信群聊机器人第⑪章

|58|node开发微信群聊机器人第⑩章

|59|node开发微信群聊机器人第⑨章

|60|node开发微信群聊机器人第⑧章

|61|node开发微信群聊机器人第⑦章

|62|node开发微信群聊机器人第⑥章

|63|公众号涨粉攻略(阳谋)

|64|公众号涨粉攻略(阴谋)

|65|node开发微信群聊机器人第⑤章

|66|node开发微信群聊机器人第④章

|67|node开发微信群聊机器人第③章

|68|用node开发微信群聊机器人第②章

|69|用node开发微信群聊机器人第①章'