【uni-app】【Android studio】手把手教你运行uniapp项目到Android App

这篇具有很好参考价值的文章主要介绍了【uni-app】【Android studio】手把手教你运行uniapp项目到Android App。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

运行到Android App基座

  • 选择运行到Android App基座
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
  • 选择运行项目
    1、连接手机,在手机上选择 传输文件。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    2、打开 设置-> 关于本机 -> 版本信息->连续点击4-5次版本号 ,输入手机密码,系统就进入了开发者模式。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    3、设置 > 其他设置 > 开发者选项 > 打开开发者选项 > 打开USB调试
    4、回到Hbuilder,点击刷新,选择设备,运行项目。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
  • 运行失败
    请使用手机助手手动安装XXX.apk到手机上,并重新运行真机调试
    不知道为什么文件就是传输不到手机上,下载了文件助手也不连接不到手机。所以用最简单的办法吧。
    这个报错是因为Hbuilder没办法把apk发送并安装到手机上,打开它说的那个目录C:\Users\[自己的目录]\Downloads\HBuilderX.3.7.11.20230427\HBuilderX\plugins\launcher\base\android_base.apk,直接把apk微信发送到手机上,然后手动改名字,点击安装,安装好了就有这个图标。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    安装好了之后,回到电脑Hbuilder,重新运行。
    出现的错误:
    Failed to connect to localhost/127.0.0.1:8080
    手机HBuilder关掉,电脑重新编译,多试两次就好了。

运行到模拟器

  • 下载安装Android Studio,uni-app官方有提供下载地址和安装教程,我这里说点官方没详细说的。下载完,安装的时候一直默认的往下点就好了。安装好studio之后。
    遇到的问题
    1、点开SDK Manager,发现没有SDK Platform。跟着这个教程来,真的很详细。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    2、修改SDK目录,然后安装的时候没成功,也不是报错,就是说包已存在,就用了已存在的包。看到这个评论,修改了路径,往上一层移了一下。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    3、下载包失败:因为我有“科技”支持,所以这里代理选的Auto-detect。大家可以试一下Check connection,从后面下载的detail里面可以看到是从https://dl.google.com下载安装包的,所以就用这个网址去测试就行,这个能测通那就说明后面的安装网络是没有问题的。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    一定是出现下面的日志才说明安装成功了,不然点了finish回来也选不了sdk platform和sdk tools。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    按照上面那个详细教程继续即可,天知道我试了多久才总算成功了。一把辛酸泪。uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
  • Android 原生工程配置。可以参见uni-app教程,建议采用方式二:导入工程,里面包都放好了。我这里主要说明一些没提到的细节,和我遇到的问题。
    1、这个HBuilder-Integrate-AS工程,就是在下载好的App离线SDK里面。里面build.gradle已经放好了aaptOptions。 uniapp运行到手机,微信小程序,VUE,android,uni-app,android studiouniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    2、Androidmanifest.xmlmanifests目录下面,已经放好了meta-data标签。只需要改value。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
  • 申请签名appkey
    1、打开开发者中心,应用管理 > 我的应用 > 点击应用查看应用信息。点击Android云端证书,如果没有生成过点击生成证书。生成过了点击证书详情,记录下MD5/SHA1/SHA256信息。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    2、点击各平台信息,原来的离线打包Key管理已经迁移过来了。点击新增,新增平台信息。把之前记录的SHA和MD5信息填入,包名是Android studio项目的applicationId
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    3、新增完之后,挪到表格的最后,可以看到表格有一列离线打包Key,如果之前没有生成过,就点击创建,会有一个弹窗,反正点击创建就行。完了之后这里就会变成查看。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    点击查看就能看到App Key,这就是离线key。把这个放到项目里面的AndroidManifest.xml里面去。
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
    uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio

发行

Hbuilder选择发行 > 原生App-云打包
这里的云端证书就是之前在Dcloud生成过的。
uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
中间会有弹窗提示:
打包校验:[Warning] 为落实《网络安全法》《消费者权益保护法》的要求,有效治理App强制授权、过度索权、超范围收集个人信息等现象,保障个人信息安全国内各大应用市场都加强了应用审核,要求应用必须符合相关政策才能上架查看如何解决。不上架国内应用市场无需处理
uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio
这个如果只是为了验证apk效果,可以先继续打包,但是如果要上架国内应用市场,得去提供的(链接)[https://uniapp.dcloud.net.cn/tutorial/app-privacy-android.html#]里将相关的隐私申明等配置好。

打包好了之后会有提示,把apk文件传到手机上运行就能看效果了。
uniapp运行到手机,微信小程序,VUE,android,uni-app,android studio

报错: java.net.SocketTimeoutException: Connect timed out

android studio 代理设置,check connection只要能连上https://dl.google.com就行。

以下是我的程序:

参考:
官方真机运行常见报错文章来源地址https://www.toymoban.com/news/detail-704733.html

到了这里,关于【uni-app】【Android studio】手把手教你运行uniapp项目到Android App的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 手把手教你使用vue2搭建微前端micro-app

    ​ 本文主要讲述新手小白怎么搭建micro-app,几乎是每一步都有截图说明。上手应该很简单。 这段时间在网上找了很多有关微前端相关的知识,起初本来是想着先搭建一个single-spa,但是奈何网上能找到的内容都是千篇一律。我也是搭了好久没搭出来。不知道为啥,反正就是一

    2024年01月20日
    浏览(42)
  • 手把手教你微软的Visual Studio 2022社区版编程工具安装和使用(图文详解)

    我是荔园微风,作为一名在IT界整整25年的老兵,听闻微软的Visual Studio开发工具已升到2022版,决定来尝试一下,不知道Visual Studio 2022对C/C++现行最新的版本支持力度如何,急于要用一用。于是便有了本文及后面一系列文章。对于初学C/C++的同学们,可以跟随着我的文章,一起用

    2024年02月06日
    浏览(37)
  • 手把手教你解决微软Visual Studio 2022的scanf()返回值被忽略问题(图文详解)

    大家好,我是荔园微风,作为一名在IT界整整25年的老兵,听闻广大初学者在学习Visual Studio 2022时,刚上手用其写C/C++程序时,总是会被一个问题困惑,这个问题叫: scanf()返回值被忽略。我们一起来看一下。 比如写了一个计算圆周的程序,结果还没运行, scanf()下方就出现绿

    2024年02月07日
    浏览(37)
  • 手把手教你games101环境搭建(图文并茂)——Visual Studio安装,Eigen库,Opencv配置

      本文主要内容是games101在本机下的环境搭建,主要有VS的下载与安装,Eigen库的下载与配置,OpenCV的下载与配置,主要解决的bug是LNK2019 无法解析的外部符号 “public: __thiscall cv::Mat::Mat(void)” ,希望能给各位想做games101作业的带来帮助,减少环境配置上的困难,后续也会陆续

    2024年04月12日
    浏览(53)
  • C#系列-手把手教你安装 Visual Studio配置C#开发环境,创建第一个C#程序

    下载软件 点击此处开始下载 安装依赖 选择.NET desktop development 安装完成,重启电脑 解决方案1 找到这个目录C:ProgramDataMicrosoftVisualStudioPackages 直接搜索VC_redist 找到这个VC_redist.x64.exe文件,一般会有两个,直接全部双击安装 返回VS installer 界面点击:更多—修复 解决方

    2024年04月26日
    浏览(51)
  • 手把手教学windows下Android Studio使用GsonFormatPlus插件

    使用API获取数据时经常需要用把JSON转成Java Class,虽然有网页版的工具:在线JSON字符串转Java实体类(JavaBean、Entity)-BeJSON.com,但是我用不明白,这工具会生成三个文件,一个个复制有点麻烦,所以还是用GsonFormat工具吧,目前csdn上搜好几个要么是MacOS的,本人新手都找不到怎么

    2024年02月11日
    浏览(26)
  • 手把手教你:UE 4.27插件项目的自动化打包(Windows、Android、iOS统统搞定)

    1. 下载/安装Epic Games launcher;然后安装 Unreal Engine v4.27.2 注意: launcher和具体版本的engine 务必 安装在相同的父目录下!如下: 2. 安装Visual Studio 2019或2022。安装完成后执行菜单:帮助 | 检查更新,确保装上最新的补丁。 3. 将上述安装目录下的 InstallationPathUE_4.27EngineBuildBa

    2024年02月03日
    浏览(46)
  • 手把手教你实现:Android注册登录功能,通过本地服务器保存用户账号密码到数据库

    代码我放到文章最后面了 首先你需要电脑一台:如果没有电脑将会很难办呢 -----沃兹基硕德 下载并安装以下开发工具 Android Studio 官网最新版 用来开发 安卓App IntelliJ IDEA 官网最新版 用来开发 后端 ,处理安卓APP的请求 Navicat for MySql 官网最新版 数据库可视化工具,用来查看数

    2024年01月16日
    浏览(39)
  • 保姆级,手把手教你解决微软Visual Studio 2022的scanf()返回值被忽略问题(每个步骤都配图且标记)

        关于这个问题也是对于小白的我困惑的很是难受,也是收集了一些这方面的信息,基本上都是干货就,若是有不足和疏忽错误的地方还望见谅~ 这是因为由于编译器Visual Studio 的原因Microsoft公司觉得scanf 不安全 因此自定义的scanf_s,在 ANISC中只有scanf(),没有scanf() ,因此会

    2024年02月05日
    浏览(40)
  • uni-app Android studio 本地打包 【图文讲解】

    需要修改文件列表 appsrcmainresvaluesstrings.xml 修改app名称 appsrcmainresvaluesAndroidManifest.xml 修改 包名 以及 uni-app 开发者后台生成的 离线打包可key simpleDemo 目录下的 准备安卓开发环境 (这里忽略,之前有文章讲解) 安卓开发环境 https://nativesupport.dcloud.net.cn/AppDocs/download/an

    2024年02月03日
    浏览(64)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包