HbuilderX将Vue项目打包后的dist,打包成安卓apk安装包
1、先看这个(必看):https://www.cnblogs.com/lyt520/p/16545806.html
2、安装移动端log(如不需要可跳过此步骤) npm install vconsole main.js中引入: import VConsole from 'vconsole' const vConsole = new VConsole() Vue.use(vConsole)
3、HBuilderX和逍遥模拟器(用模拟器实现真机模拟,不需要的可跳过此步骤,直接看第4步)
-找到HBuilderX的安装路径
-找到逍遥模拟器安装路径
-配置HBuilderX逍遥端口,工具-设置-运行配置
-逍遥模拟器打开开发者模式和USB调试,一直点击这个版本号直到提示已经进入开发者模式
-完成上述后操作后,重启HBuilderX和逍遥模拟器, 点击index.html,然后运行到安卓app基座,并点击运行,此时就算是成功了
4、调用安卓相关sdk(我主要是调用了弹出通知栏,打包时需在HBuilderX中引入push模块配置具体看最下面的备注)
mounted() { this.$store.commit('handle_save_state', '1') // 默认在前台 // 监听plusready加载, 里面可以不用写代码块,会自动复制全局变量plus(重要!!!) document.addEventListener('plusready', () => {}) // 从前台切到后台,里面的代码块根据自己系统的实际情况修改 document.addEventListener('pause', () => { this.$store.commit('handle_save_state', '0') }) // 从后台切到前台,里面的代码块根据自己系统的实际情况修改 document.addEventListener('resume', () => { this.$store.commit('handle_save_state', '1') }) },
上面代码放在登录界面(不固定,总之一定要是App的第一个界面),如果是直接放在index.html中,则去掉mounted。
5、界面中调用(plus就是第4步中的plusready加载成功后自动赋值的一个全局变量)
// 推送消息,msg为需要推送的消息,具体plus.push的api自行搜索,此处为简单示例 push_msg(msg) { if (plus) { // 运行在前台时不弹出提示窗 if (this.$store.state.isBackground == '1') return plus.push.createMessage(msg, '', { cover: false, delay: 0, sound: 'none', }) } }
备注:
-最终打包
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
2020-09-22 JS中数组、对象、对象数组、数组对象的遍历方法
2020-09-22 JS-Es6的Set数据结构
2020-09-22 JS的几种遍历方式