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

相关推荐
wendycwb1 小时前
uni-app 在真机中canvas绘制的元素悬浮,内容不随父组件滚动问题
uni-app
frontend_frank2 小时前
脱离 Electron autoUpdater:uni-app跨端更新:Windows+Android统一实现方案
android·前端·javascript·electron·uni-app
三天不学习3 小时前
UniApp三端实时通信实战:SignalR在H5、APP、小程序的差异与实现
微信小程序·uni-app·signalr
念你那丝微笑3 小时前
uView Plus + Vue3 + TypeScript + UniApp 正确引入 UnoCSS(避坑版)
vue.js·typescript·uni-app
念你那丝微笑4 小时前
vue3+ts在uniapp项目中实现自动导入 ref 和 reactive
vue.js·typescript·uni-app
游戏开发爱好者84 小时前
如何使用 AppUploader 提交上传 iOS 应用
android·ios·小程序·https·uni-app·iphone·webview
iOS阿玮1 天前
AppStore卡审依旧存在,预计下周将逐渐恢复常态!
uni-app·app·apple
郑州光合科技余经理1 天前
开发实战:海外版同城o2o生活服务平台核心模块设计
开发语言·git·python·架构·uni-app·生活·智慧城市
行走的陀螺仪1 天前
在UniApp H5中,实现路由栈的持久化
前端·javascript·uni-app·路由持久化·路由缓存策略
影子打怪1 天前
uniapp通过plus.geolocation.watchPosition获取的坐标格式转换
uni-app