将vue打包为APP重要步骤和流程
⼀、⼤致流程
1.项⽬整体使⽤Vue+HbuilderX(或者Hbuilder)开发
2.使⽤Vue来实现基本页⾯跳转，增删改查等app基本功能，
3.当需要使⽤到app原⽣功能则使⽤
4.真机调试
5. 最后通过HbuilderX将vue项⽬打包成app包
//题外话
如果你会vue，且你的web站是适合⼿机屏幕的
那么你完全可以考虑⼀下
因为使⽤uni-app编写的⼀套代码可以运⾏到多个平台
⼆、注意事项
const router = new VueRouter({
//mode: 'history',  //设置history是为了去掉默认的#锚点，但我们需要#锚点，否则跳转路径时会出现问题
base: v.BASE_URL,
routes
})
2.将publicPath修改为"./" （ 这⾥是指vue cli3,4版本）
在vue项⽬下创建fig.js⽂件
（⽼版本则修改⽬录下config⽂件内index.js中assetsPublicPath修改为 assetsPublicPath: ‘./’）
/
/下⾯的v.NODE_ENV 可以判断当前环境是开发环境还是⽣产环境
publicPath: v.NODE_ENV==='production'
?'./'//这⾥要填 './'或者''(空)，默认为'/'，这⾥设置的会被应⽤到index.html⾥css,js路径的前⾯
:'/',//这⾥是开发环境，通常没有项⽬名
outputDir:'dist',//当运⾏ build 时⽣成的⽣产环境构建⽂件的⽬录
assetsDir:'',//放置⽣成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) ⽬录
}
三、将应⽤打包
1.按照上⾯的步骤修改以后,
就可以使⽤npm将vue打包为静态⽂件了
npm run build
2.⽤HbuilderX⽣成mainfest.json包
(如果使⽤的是Hbuilder，导⼊项⽬，右键直接转移动APP就可以了)
打开HbuilderX新建项⽬ 选5+App类型，新建完成之后，删除项⽬中除mainfest.json以外的所有⽂件，将vue项⽬打包后的⽂件打包过来3.安卓证书
关于Android证书的⽤途
证书是⼀个开发者的⾝份标志，对Android系统⽽⾔。使⽤⼀个证书签发的App，是属于同⼀个开发者的App。
举个极端的例⼦，如果你的应⽤证书泄露，那么别⼈可以⽤这个证书签名⼀个仿冒App，假如包名和你的包名也⼀样，就可以覆盖安装安卓⼿机上你之前的包。
当前仅依赖证书校验是不完善的，所以主流的Android应⽤市场，通过实名认证开发者信息和著作权，强化了App的唯⼀性。也就是从主流应⽤市场点更新，不会发⽣冒充事件。但是通过其他⽅式安装apk，仍然会发⽣冒充的可能性。
如果签名不同，即使包名相同，也⽆法覆盖安装。此时安卓⼿机会在安装时报错，需要先卸载⽼的版本，才能安装新版。
四、mui.js
要使⽤到app原⽣功能则使⽤mui.js
1.导⼊
1、安装cnpm i mint-ui -S
原生安卓app开发2、安装后导⼊⽂件：
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
=====================\\\\\\\\
3.或直接在index.html⾥引⼊
<!-- 引⼊样式 -->
<link rel="stylesheet" href="unpkg/mint-ui/lib/style.css"> <!-- 引⼊组件库 -->
<script src="unpkg/mint-ui/lib/index.js"></script>
2.简单使⽤

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。