admin管理员组

文章数量:1564167

主要目的：将ionic项目打包成手机浏览器的项目，可以测试扫描二维码等手机可用的功能。

步骤：

1. 添加浏览器打包环境

ionic cordova platform add browser

 

2. 打包：

 

ionic cordova build browser

在项目中的platforms中的browser文件夹中就会有www文件夹，把这个文件夹部署到服务器即可。

3.测试：

以phpstudy为例测试打包好的项目

本地：(外网不能访问)

安装好phpstudy后，将上面www文件中的全部文件复制到phpstudy的www文件夹中：

启动phpstudy，在手机中输入电脑的ip地址即可访问：(手机和电脑要在同一个局域网内)

云服务器：（外网能访问）

可使用阿里云 腾讯云等云服务器部署，效果是一样的

 

打包成安卓apk

1.安装jdk 1.8以上版本，配置环境变量

2.安装android sdk 配置环境变量

3.打开android sdk manager 下载必要的包 安装完成后命令行输入android 才会正常运行

参考资料：

https://www.jianshu/p/6bc51cee8c8c

https://wwwblogs/harlem/p/6794616.html

4. 安装gradle 配置环境变量

参考资料：https://blog.csdn/qq_20264891/article/details/79319408

5.打包：

 

 添加平台支持 ionic cordova  platform add android

打包：

ionic cordova build android 【debug版本，无需签名】

ionic cordova build android --release 【发布版，需要签名（要使用jarsigner签名必须用release版本）】

ionic cordova build android --release --prod => 优化启动速度，解决启动白屏

 

如果出现：etwork connectivity error occurred, are you offline?

关掉防火墙即可！

 

参考资料：

 

https://blog.csdn/weixin_39461487/article/details/79387250

 

本文标签： 项目浏览器手机Ionicapk

版权声明：本文标题：ionic学习（十）：ionic3项目打包成手机浏览器、安卓apk项目 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1727476244a1116518.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。