uni-app之android离线自定义基座

这篇具有很好参考价值的文章主要介绍了uni-app之android离线自定义基座。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一 为什么要自定义基座

1,基座其实就是一个app,然后新开发的页面可以直接在手机上面显示,查看效果。

2,默认的基座就是uniapp帮我们打包好的基座app,然后我们可以进行页面的调试。

3,自定义基座主要用来实现原生插件的调用的,自定义基座可以实现使用HBuilder/HBuilderX开发应用时,可在手机/模拟器上查看运行效果

二  怎样自定义基座

2.1 确保离线打包appkey配置正确:上一篇已经演示了怎样生成appkey,和配置原生android项目的appkey,android项目app的AndroidManifest.xml里面增加appkey节点

<meta-data
    android:name="dcloud_appkey"
    android:value="开发者需登录https://dev.dcloud.net.cn/申请签名" />

2.2 配置debug="true"和syncDebug="true":android项目app的assets里面找到dcloud_control.xml,添加调试配置

uni-app之android离线自定义基座,uni-app

2.3 添加debug-server-release.aar:复制离线uni-sdk里面的aar,到android项目的libs里面就可以了

uni-app之android离线自定义基座,uni-app

2.4 修改build.gradle的versionCode和versionName:这一步非常重要,也是新手容易忽略的

uni-app之android离线自定义基座,uni-app

uni-app之android离线自定义基座,uni-app

2.5 打包android_debug.apk:有配置改动最好先clear一样项目,Build-Clean Project

uni-app之android离线自定义基座,uni-app

在AndroidStudio的栏目点击运行按钮,运行起来后就可以在build编译文件里面找到android_debug.apk

uni-app之android离线自定义基座,uni-app

uni-app之android离线自定义基座,uni-app2.6 把android_debug.apk包做为自定义基座进行调试:拷贝该apk到uni项目的unpackage-debug目录下面

uni-app之android离线自定义基座,uni-app

三 uni自定义基座调试

3.1 栏目点击运行-手机或者模拟器-androidapp基座,新老编辑器可能会有所不同

uni-app之android离线自定义基座,uni-app

3.2  这个时候提示为找到自定义基座,这是因为名字不对,我们需要把刚才的apk名字改为android_debug.apk

uni-app之android离线自定义基座,uni-app

3.3 这个时候在运行就能找到自定义基座了

uni-app之android离线自定义基座,uni-app

3.5 控制台显示自定义基座安装成功,这样就能在uni控制台和androidStudio控制台同时打印日志信息了

uni-app之android离线自定义基座,uni-app

3.6 但运行后崩溃,提示 同步资源失败

uni-app之android离线自定义基座,uni-app

3.7 查到离线SDK打包自定义基座可能需要两个依赖,那就在android项目中加上,重新编译生成debug包

implementation 'com.squareup.okhttp3:okhttp:4.9.0'
implementation 'com.squareup.okio:okio:2.9.0'

uni-app之android离线自定义基座,uni-app

3.8 再次运行自定义基座,这次同步文件成功了,可以正常运行

uni-app之android离线自定义基座,uni-app

四 当然也可以用uni直接制作android_debug.apk基座

4.1 选择运行到手机或者模拟器-制作自定义调试基座

uni-app之android离线自定义基座,uni-app

4.2 配置之前生成的证书,进行传统打包 

uni-app之android离线自定义基座,uni-app

4.3 等待控制台制作android_debug.apk成功后,就可以使用该基座了

uni-app之android离线自定义基座,uni-app

4.4 控制台出现同步手机端文件完成就表示成功了

uni-app之android离线自定义基座,uni-app

 五 总结

自定义基座其实就是运行原生app的环境,基座就是android_debug.apk,生成apk复制到uni的debug目录里面就可以了文章来源地址https://www.toymoban.com/news/detail-694014.html

到了这里,关于uni-app之android离线自定义基座的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uni-app离线打包安卓apk

    记录一下打包apk的过程: 参考:uni-app离线打包官网地址 2-1.遇见问题 1. 加载.idea和.gradle失败, 解决: File → Project Structure 重新构建: File → Sync Project with Gradle Files 安卓结构: Project → Android 登录开发者中心选择需要打包的应用→各平台信息→查看或新增安卓打包信息 这里

    2024年04月17日
    浏览(55)
  • uni-app 折叠自定义

    uni-app的uni-collapse折叠组件样式修改 下面是修改后的样式 修改一下uni-collapse的uni-collapse-item 设计图样式 修改后的样式 就这样吧…

    2024年02月09日
    浏览(44)
  • uni-app 自定义下拉框

    如图:     html: view class=\\\"row-item\\\" view class=\\\"lable-tit\\\"性别:/view view class=\\\"selected-all\\\" view class=\\\"drop-down-box\\\" @click=\\\"btnShowHideClick\\\" text class=\\\"dropdown-content\\\"{{choiceContent}}/text image class=\\\"dropdown-icon\\\" src=\\\"/static/down.png\\\" mode=\\\"widthFix\\\"/image /view  view class=\\\"dialog-view\\\" v-if=\\\"isShowChoice\\\" text :class=\\\"choiceI

    2023年04月19日
    浏览(29)
  • 【uni-app】自定义导航栏

    新手刚玩 uniapp 进行微信小程序,甚至多端的开发。 原生uniapp 的导航栏,并不能满足 ui 的需求,所以各种查阅资料,导航栏自定义内容 整理如下: 需要修改的文件如下: 1、pages.json 修改pages.json,启动导航栏自适应,设置\\\" navigationStyle\\\": \\\"custom\\\" 2、system_info.js 新建 system_info

    2024年02月16日
    浏览(37)
  • uni-app中配置自定义条件编译

    前提:官网提供的自定义编译不满足条件 package.json | uni-app官网 下文:不详细写,主要写关键思路 package.json文件 主要看scripts的执行命令,其他依赖就是用vue-cli方式创建uni-app项目生成的 ct.js 条件编译起作用的地方在这个地方node_modules/@dcloudio/uni-cli-shared/lib/plugin.js文件的这里

    2024年04月27日
    浏览(72)
  • uni-app小程序自定义分享内容

    自定义的传参

    2024年02月01日
    浏览(44)
  • uni-app uView自定义底部导航栏

    因项目需要自定义底部导航栏,我把它写在了组件里,基于uView2框架写的(vue2);   在components下创建tabbar.vue文件,代码如下:  app.vue (有没有大佬知道为什么这个样式加载app.vue里才生效)  pages.json配置 页面使用: ( mine.vue ) 注: current是底部导航栏的下标,你在tabb

    2024年02月14日
    浏览(64)
  • [uni-app] 防重复点击处理 - 自定义指令

    一般用节流防抖的方式处理, 这里通过vue的自定义指令方式也可以 实现: main.js中使用一下 应用:

    2024年02月05日
    浏览(46)
  • uni-app 获取android相册

    在uni-app中提供的封装好的api中没有提供获取手机相册的能力,只能打开相册后由用户选择其中的照片,而插件库中提供的获取相册的插件都是收费的,这里为大家分享一个可以自己获取android相册的代码段:

    2024年02月11日
    浏览(33)
  • uni-app如何区分 app、h5、小程序代码; uni-app如何判断是android、ios、小程序

    uniapp是DCloud公司于2012年开始研发的能够一次代码开发,生成H5、小程序(微信、支付宝、百度、华为等)、APP等应用的技术的统称,开发工具是HBuilderX,功能非常强大,由此引申出许多技术社区与生态环境。 使用HBuilderX开发Uniapp程序的项目,用它生成多端应用,由于兼容各种

    2024年02月11日
    浏览(36)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包