利用uniapp开发APP时的调试/安卓打包等详解

 更新时间:2022年12月08日 11:45:22   作者:WeiflR10  
uni-app​​是一个使用​​Vue.js开发所有前端应用的框架,开发者编写一套代码,下面这篇文章主要给大家介绍了关于利用uniapp开发APP时的调试/安卓打包等的相关资料,需要的朋友可以参考下

一、调试

1.先用数据线连接电脑和手机,选择“文件传输”,

2.打开开发者模式,华为手机举列-->设置-->关于手机-->版本号,多次连续点击“版本号”,就会提示已打开 开发者模式

3.华为手机举列-->设置-->系统和更新-->开发人员选项-->打开 USB调试,进入调试模式

4.在Hbuild中打开项目,选择 运行-->运行到手机或模拟器,当前使用uniapp开发的APP就可以运行到手机了

注:第一次运行时会自动给手机下载Hbuilder名称的APP,有些手机可能需要自己下载,具体可根据运行后的Hbuild终端提示操作

按照上面的操作运行到手机时,看不到接口的请求以及样式等,可以按照如下操作

1.打开webview调试(在Hbuild中打开项目,选择 视图-->显示Wbeiview控制台)

 2.chrome浏览器打开: chrome://inspect/#devices 这个页面

点击对应页面的inspect,就可以看到样式等了

还可以点击下图中的调试按钮,打开调试,可以看到log日志等

注:无论哪种方式都无法看到network接口请求情况,有哪位小伙伴知道的可以告诉我一下嘛~

二、打包

1.云打包:提交文件,uni-app官网会为你生成Xcode项目并对Xcode项目进行配置(根据你的mainfest.json),然后生成ipa包给你,你提交到苹果官网;

2.离线打包:使用uni-app官网提供的xcode模版,然后把HB项目打离线包(js包),然后放到xcode项目下,相当于是在xcode里有个webview,然后你导入js文件给它使用,提交审核还是走苹果原来那一套。

3.云打包和离线打包的优缺点

① 离线打包支持混淆功能,只对vue文件,nvue文件不起作用;

② 使用线上收费插件,就一定要用云打包;

③ 云打包的系统权限提示语只支持中/英。

④ 打包要排队,包时间受网络影响。

大家可以根据项目的具体情况而选择,下面介绍一下云打包安卓的操作步骤

选择 发行-->原生App-云打包,打开下图界面

测试可以使用云端证书,生产最好使用自有证书,不然可能会被别人覆盖!

生成自有证书可以参考官方 Android平台签名证书(.keystore)生成指南 - DCloud问答

如果选择‘打自定义调试基座’,自定义运行基座可以所有配置生效(主要是manifest.json的配置),和打包后运行到手机时的运行环境基本一致

manifest.json配置介绍

manifest.json 文件是应用的配置文件,用于指定应用的名称、图标、权限等。

1.基础配置

 基础配置中主要是AppID的获取

①登录dcloud开发者中心 登录 (dcloud.net.cn)(使用Hbuild登录的同一账号)

②点击重新获取,dcloud开发者中心会生成一条数据

2.App图标配置:可以直接使用1024*1024的图标,自动生成所有图片

3.启动界面配置

主要注意 安卓启动界面样式,生产用的话肯定需要自定义启动图,通用启动界面是 hbuild绿色的那个图(所有App必须有启动页)

安卓的启动图需要  .9.png 格式的图片,制作方式可参考官方 Android平台启动图使用.9.png图片 - DCloud问答

模块配置和权限配置都是用到什么配置什么,没有用到的不要配置,上架商城后会被驳回!!!还有需要注意的是有些模块配置和权限配置是需要写在 用户协议和隐私声明 中写的,需要写sdk包的使用啥的。

 “使用原生隐私政策提示框” 勾选后会在根目录生成androidPrivacy.json文件

就是用户第一次进入APP时,会给用户一个提示框,需要用户同意或拒绝。拒绝后会有新的提示框,需要再次查看或者退出APP。

具体页面可根据自己项目的需求更改

{
    "version" : "1",
    "prompt" : "template",
    "title" : "服务协议和隐私政策",
    "message" : "  请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款,包括但不限于:为了更好的向你提供服务,我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>  你可阅读<a href=\"https://baidu.html\">《服务协议》</a>和<a href=\"https://baidu.html\">《隐私政策》</a>了解详细信息。如果你同意,请点击下面按钮开始接受我们的服务。",
    "buttonAccept" : "同意并接受",
    "buttonRefuse" : "暂不同意",
    "hrefLoader" : "system|default",
    "second" : {
        "title" : "确认提示",
        "message" : "  进入应用前,你需先同意<a href=\"https://baidu.html\">《服务协议》</a>和<a href=\"https://baidu.html\">《隐私政策》</a>,否则将退出应用。",
        "buttonAccept" : "同意并继续",
        "buttonRefuse" : "退出应用"
    },
    "styles" : {
        "backgroundColor" : "#FFFFFF",
        "borderRadius" : "10px",
        "title" : {
            "color" : "#000000"
        },
        "buttonAccept" : {
            "color" : "#000000"
        },
        "buttonRefuse" : {
            "color" : "#000000"
        }
    }
}

注:隐私政策和用户协议 需要一个能访问的https地址,上架到某些商城时也会用到

总结

到此这篇关于利用uniapp开发APP时的调试/安卓打包等的文章就介绍到这了,更多相关uniapp开发APP调试/安卓打包内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 动态加载脚本提升javascript性能

    动态加载脚本提升javascript性能

    动态加载脚本可以有效提升javascript性能,下面有个不错的示例,大家可以参考下
    2014-02-02
  • JavaScript中的undefined学习总结

    JavaScript中的undefined学习总结

    这篇文章主要是对JavaScript中的undefined进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 利用Three.js制作一个新闻联播开头动画

    利用Three.js制作一个新闻联播开头动画

    这篇文章主要为大家介绍了如何利用Three.js制作一个新闻联播开头动画,文中的实现步骤讲解详细,对我们学习有一定帮助,需要的可以参考一下
    2022-05-05
  • JS解决 Array.fill()参数为对象指向同一个引用地址的问题

    JS解决 Array.fill()参数为对象指向同一个引用地址的问题

    这篇文章主要介绍了JS解决 Array.fill()参数为对象指向同一个引用地址问题,解决方案使用map返回出不同的引用的地址,fill参数可随意填写(不为空),主要是map函数中返回的数据,需要的朋友可以参考下
    2023-02-02
  • Ajax提交与传统表单提交的区别说明

    Ajax提交与传统表单提交的区别说明

    本篇文章主要是对Ajax提交与传统表单提交的区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 微信小程序button组件使用详解

    微信小程序button组件使用详解

    这篇文章主要为大家详细介绍了微信小程序button组件的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • 微信小程序开发之实现一个跑步小程序

    微信小程序开发之实现一个跑步小程序

    本文将开发一个简易的微信跑步小程序,用到的方法是wx.onLocationChange,可以监听实时地理位置变化事件,感兴趣的小伙伴可以了解一下
    2022-08-08
  • 微信运维交互机器人的示例代码

    微信运维交互机器人的示例代码

    这篇文章主要介绍了微信运维交互机器人的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • JS的空值合并运算符(??)的使用

    JS的空值合并运算符(??)的使用

    空值合并运算符是一个逻辑运算符,当左侧的操作数为null或undefined时,会返回右侧操作数,否则返回左侧操作数,本文就来详细的介绍一下如何使用
    2023-12-12
  • 微信小程序实现用户登录模块服务器搭建

    微信小程序实现用户登录模块服务器搭建

    这篇文章主要介绍了微信小程序实现用户登录模块服务器搭建,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05

最新评论