AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】

目录

1.查看HBuilderX的版本号

2.下载Dcloud上对应的安卓SDK

3.下载完安卓SDK后,我们解压它,注意不要放在任何有中文组成的文件夹中【是否有中文决定于你鼠标单击上面路径后,第一张图还没鼠标单击,第二张已鼠标单击,以操作后为准,操作后没有中文即可!!!】

4.打开如下文件夹,删除__UNI__A文件夹

5.HBuilderX生成一个MUI项目

6.生成本地app资源

7.复制步骤6的资源文件夹到步骤4的空文件夹里

8.Android Studio打开以下项目

9.写两个批处理文件

10.双击运行批处理文件create.bat生成证书

11. 运行批处理文件look.bat,查看证书的信息【我这里输入了刚刚设置的密码123456】,先别急着关这个窗口

12.浏览器进入Dcloud开发者中心【开发者中心】

13. 回到Android Studio

14.将我们之前用批处理文件create.bat生成的证书test.keystore放到simpleDemo文件夹下

15.需要到如图文件中修改appid到与资源包一致

16. 打包成Apk

17.打包完毕后,查看Apk位置

​编辑

18.由于我的电脑安装了夜神模拟器,可以直接点开此Apk运行,同学们有其他模拟器的应该也可以直接运行,如果没有的话可以传输到手机上试一试

​编辑

19.运行结果

20.注意事项


前提:AndroidStudio,HBuilderX,JDK>=1.8并配置好环境变量

1.查看HBuilderX的版本号

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第1张图片

得到

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第2张图片

2.下载Dcloud上对应的安卓SDK

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第3张图片

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第4张图片

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第5张图片

 注意一定要和自己的HBuilderX对应好版本,下载时如果没有百度网盘会员请选用和彩云下载,那个更快一些。

3.下载完安卓SDK后,我们解压它,注意不要放在任何有中文组成的文件夹中【是否有中文决定于你鼠标单击上面路径后,第一张图还没鼠标单击,第二张已鼠标单击,以操作后为准,操作后没有中文即可!!!】

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第6张图片

 AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第7张图片

 4.打开如下文件夹,删除__UNI__A文件夹

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第8张图片

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第9张图片

 5.HBuilderX生成一个MUI项目

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第10张图片

修改index.html为【就是往里边加一点东西而已】

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第11张图片

6.生成本地app资源

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第12张图片

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第13张图片

7.复制步骤6的资源文件夹到步骤4的空文件夹里

资源文件

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第14张图片

复制到步骤4刚清空的文件夹

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第15张图片

8.Android Studio打开以下项目

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第16张图片

 改视图为项目视图

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第17张图片

 AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第18张图片

展开文件夹simpleDemo

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第19张图片

9.写两个批处理文件

批处理文件1【create.bat】用于生成证书

内容为

keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore

批处理文件2【look.bat】用于查看证书信息

内容为

keytool -list -v -keystore test.keystore
pause

10.双击运行批处理文件create.bat生成证书

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第20张图片

要注意的是,你在输入密码的时候光标不会有移动的变化,但是你的在输入状态的,不要管他,输入完毕按下回车,这里我以密码为123456示例

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第21张图片

 再次输入123456

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第22张图片

不断回车,直到让你确认这段信息

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第23张图片

y表示确认即可

 AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第24张图片

再回车,证书生成完毕

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第25张图片

11. 运行批处理文件look.bat,查看证书的信息【我这里输入了刚刚设置的密码123456】,先别急着关这个窗口

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第26张图片

12.浏览器进入Dcloud开发者中心【开发者中心】

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第27张图片

进入我们本次要打包的应用,点击各平台中的新增

 AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第28张图片

画圈部分填入我们运行批处理文件look.bat的内容,包名暂且跟我写成com.android.bl吧

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第29张图片

编辑后

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第30张图片

提交即可

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第31张图片

创建离线包Key

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第32张图片

查看一下

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第33张图片

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第34张图片

值得注意的是,此时我的APP有

包名:com.android.bl 

AppKey:07f06d09fca01055adbe2080efa07ac0

AppId:H5B5700B6

13. 回到Android Studio

将图中包名改成我们的App包名

改前

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第35张图片

改后

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第36张图片

将图中AppKey改成我们的AppKey

改前

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第37张图片

改后

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第38张图片

将图中applicationId改成我的App包名

改前

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第39张图片

改后

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第40张图片

14.将我们之前用批处理文件create.bat生成的证书test.keystore放到simpleDemo文件夹下

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第41张图片

修改图中证书配置

改前

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第42张图片

改后,还是根据之前批处理文件look.bat 的展示结果来改【keyAlias是别名的意思】

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第43张图片

15.需要到如图文件中修改appid到与资源包一致

改前

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第44张图片

改后

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第45张图片

16. 打包成Apk

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第46张图片

17.打包完毕后,查看Apk位置

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第47张图片

18.由于我的电脑安装了夜神模拟器,可以直接点开此Apk运行,同学们有其他模拟器的应该也可以直接运行,如果没有的话可以传输到手机上试一试

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第48张图片

19.运行结果

AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过,无任何异常报错】_第49张图片

皇天不负有心人,经过一天的摸爬滚打加上阅读众位大佬的技术博客,终于成功了,作此笔录,与各位同学共勉。 

20.注意事项

(1)在DCloud官网下载的安卓SDK务必与HBuilderX匹配

(2)本地电脑务必有JDK1.8以上且配备好环境变量【用于生成和查看证书】,有一个容易犯错误的点,就是在DCloud开发者中心生成证书下载到本地使用,那是不行的,我爬了两天这个坑,安装JDK后迎刃而解!!!

(3)项目中有两个容易混淆的build.gradle文件,要注意我们修改的是sampleDemo文件夹下的那个,而不是跟他同级的

(4)QQ1735940176,WX:17307404329,按照步骤一条一条下来还不行,请加联系方式骂我。

你可能感兴趣的:(经验分享,android,studio,android,ide)