uniapp Android 离线打包之未配置appkey或配置错误

按照官网说明,原生开发者支持DCloud 原生开发者支持网站 uni小程序SDK、App离线打包SDK、原生插件开发https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android

一步步走下来,却一直在报 未配置appkey或配置错误。经过百度网页查看,和视频错误讲解,终于成功能在android 中运行打包好的uniapp小程序了,赶紧进行一下总结。

1.下载SDK

原生开发者支持DCloud 原生开发者支持网站 uni小程序SDK、App离线打包SDK、原生插件开发https://nativesupport.dcloud.net.cn/AppDocs/download/android注意,SDK版本一定要和自己的HbuilderX 版本一致

2.用android Studio 打开UniPlugin-Hello-AS 

3.打开app->assets->app下的文件夹,点open in explorer 打开所在文件夹,将app下文件删除

并将本地打包好的文件拷入该文件夹下,复制本地文件夹名字。

4.打开 assets下的data 下dcloud_control ,将文件夹名字粘入appid

5.将安卓许可证书(***.keystore)放到app根目录下

6.app下的build.gradle 

signingConfigs下进行修改
keyAlias 是别名 之前申请安卓签名时有
keyPassword、storePassword都是HuilderX打包时候的密码
storeFile file('neu.keystore') 填写安卓许可证书名

7.点右上角Sync Now 进行同步(因为刚接触安卓开发,所以才知道这个功能,不同步之前都没有运行按钮-_-||)

8*.因为之前这步,所以一直都报错,所以特殊记录一下。

原生开发者支持DCloud 原生开发者支持网站 uni小程序SDK、App离线打包SDK、原生插件开发https://nativesupport.dcloud.net.cn/AppDocs/usesdk/appkey

build.gradle中 defaultConfig 下  applicationId "com.android.UniPlugin"将这个包名,粘入离线打包key生成界面,输入正常本地的SHA1,所以此处的android包名一定要和离线打包的包名相一致

保存后,生成Android APP key ,将其粘入AndroidMainifest.xml的最下边

 运行后,成功(^-^)V

原生开发者支持DCloud 原生开发者支持网站 uni小程序SDK、App离线打包SDK、原生插件开发https://nativesupport.dcloud.net.cn/NativePlugin/course/android?id=%E7%94%9F%E6%88%90uni-app%E6%8F%92%E4%BB%B6

  • 19
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
uniapp中将项目打包成H5后,需要配置高德地图插件。下面是具体的配置步骤: 1. 下载高德地图插件:在uniapp的项目中,打开`src/main.js`文件,在文件中的合适位置导入高德地图插件: ``` import VueAMap from 'vue-amap'; Vue.use(VueAMap); ``` 2. 配置高德地图插件:在`src/main.js`文件的合适位置,添加一段配置代码: ``` VueAMap.initAMapApiLoader({ key: '你的高德地图AppKey', plugin: ['AMap.Geolocation', 'AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'], v: '1.4.15', uiVersion: '1.0.11', autoload: true }); ``` 将"你的高德地图AppKey"替换成你在高德开放平台申请的AppKey。 3. 在需要使用高德地图的页面中引入地图组件:在需要使用高德地图的页面,如`src/pages/index/index.vue`文件中,添加地图组件引入代码: ``` <template> <view class="map"> <amap :options="mapOptions"></amap> </view> </template> <script> import { Amap, Loca } from "vue-amap"; export default { components: { Amap, Loca }, data() { return { mapOptions: { zoom: 10, center: [116.397428, 39.90923] } }; } }; </script> <style> .map { width: 100%; height: 400rpx; /* 设置地图高度 */ } </style> ``` 其中,`mapOptions`中的`zoom`用于调整地图的缩放级别,`center`用于设置地图的初始中心位置。 配置完成后,你的uniapp项目就可以使用高德地图插件了。在H5打包后的页面中,会显示一个地图,并且可以根据之前设置的中心位置和缩放级别进行展示。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值