uni-app与原生插件混合开发调试2-搭建uni-app本地开发调试环境

搭建uni-app本地开发调试环境

App离线SDK导入Android studio

App离线SDK就是Android原生工程项目,导入到Android studio:

导入证书和配置appId

Android工程打包必须使用到证书和appkey,这是Android定的规则。

1、将生成的证书文件xxx.keystore复制到Android studio的uni-app sdk工程的app模块根目录下:/工程名称/app

2、打开app/build.gradle,配置证书文件名、密钥库口令、密钥口令、applicationId等:

填写APPKey和uniappID 生成查看app离线key,然后将appkey填写到AndroidManifest.xml中

在dcloud_control.xml填写uniappId

注意:上面出现的applicationId与appId是不同的,前者是Android应用的id,后者是uni-app应用的id。

启动工程

导入app离线SDK工程和添加好了证书等配置后就可以启动工程了,Android studio=》Run=》Run 'app':

如果没有Run 'app'选项

可能是你的Android studio还没有安装虚拟设备,安装虚拟设备参考:android studio创建和安装虚拟机_virtual device configuration-CSDN博客

启动后报错

如果启动后在虚拟设备上显示上面的错误,大概率是证书和appkey相关的配置有问题,可以逐一检查:

1.排除签名证书问题(keystroe)如果是签名证书问题,比如密码,证书地址,证书别名等,那么打包的时候就会校验,出错就会报错。根据报错提示进行修改即可。

2.签名证书和appid对不上问题如果出现提示"未配置AppKey或配置错误",证明已经打包成功了,但认证出了问题。这种情况不用怀疑,肯定是appid+签名证书+应用包名的信息填写有误,没有统一。根据官方文档逐一进行排查即可:申请 | uni小程序SDK

相关推荐
RuoyiOffice2 小时前
企业请假销假系统设计实战:一张表、一套流程、两段生命周期——BPM节点驱动的表单变形术
java·spring·uni-app·vue·产品运营·ruoyi·anti-design-vue
KongHen022 小时前
uniapp-x实现自定义tabbar
前端·javascript·uni-app·unix
RuoyiOffice6 小时前
SpringBoot+Vue3+Uniapp实现PC+APP双端考勤打卡设计:GPS围栏/内网双模打卡、节假日方案、定时预生成——附数据结构和核心源码讲解
java·spring·小程序·uni-app·vue·产品运营·ruoyi
2501_915921439 小时前
2026 iOS 上架新趋势 iOS 发布流程模块化
android·ios·小程序·https·uni-app·iphone·webview
窝子面1 天前
uni-app的初体验
uni-app
笨笨狗吞噬者1 天前
【uniapp】微信小程序实现自定义 tabBar
前端·微信小程序·uni-app
雪芽蓝域zzs1 天前
uniapp MD5加密 加密传输 密码加密
uni-app
2501_915909061 天前
iOS 抓包不越狱,代理抓包 和 数据线直连抓包两种实现方式
android·ios·小程序·https·uni-app·iphone·webview
给钱,谢谢!1 天前
记录uni-app Vue3 慎用 Teleport,会导致页面栈混乱
前端·vue.js·uni-app
郑州光合科技余经理2 天前
海外O2O系统源码剖析:多语言、多货币架构设计与二次开发实践
java·开发语言·前端·小程序·系统架构·uni-app·php