vuex项目使用cordova打包apk

一，window打包环境安装：

参考链接:http://www.cnblogs.com/xiyangbaixue/archive/2016/04/11/5374728.html

1,打包环境配置:

• 1.1,安装node.js(安装好node 软件后，它会自动帮你配置环境变量包括node和npm两个命令)
• 1.2,安装淘宝镜像（命令：npm install cnpm -g --registry=https://registry.npm.taobao.org），
  安装cordova（因为是全局安装，它会自动帮你配置好环境变量，所以自己就不用配置环境变量了）(命令:cnpm install -g cordova)
• 1.3,安装jdk ,要手动配置环境变量
• 1.4 ,安装 sdk，要手动配置环境变量
• 1.5,下载ant(也可以下载gradle)软件解压（这两个软件其实都是绿色软件，不用安装，解压就可以了） ，要配置环境变量
  cordova build android 打包默认用的是Gradle（如果没下载这个软件，在打包过程中会等好长时间来自动下载Gradle软件）
  如果想用ant方式, 用此命令cordova build android – --ant

2,打包app步骤：

2.1在终端进入你想要创建的目录，执行下面的命令：
cordova create first com.example.first firstApp （然后会在first文件下自动创建一些文件夹如hooks，platforms，plugins，www）
( cordova creat是创建项目的命令，紧接着first为目录，com.example.first为命名空间，firstApp为app名称)
2.2编译app
cordova build android 默认用的是Gradle.用ant方式: cordova build android – --ant

二，window本地运行项目环境：

环境要求（node ,cnpm）

• 1，下载好项目（（下载地址https://gitee.com/xiaobaibaibai/vue-demo-kugou.git））
• 2,Dos进入项目目录下，敲命令cnpm install安卓项目的依赖包
• 3,敲npm start 运行项目
• 4，在浏览器里输入ip:3000访问项目

三，服务器环境及发布:

安装要求（node，cnpm）
发布过程:

• 1,通过xftp 把项目（除了node_modules文件）全部ftp到服务器上
• 2,通过xshell进入项目目录下敲cnpm installl
• 3，npm start 运行项目
• 4,然后别人就能通过你的ip:3000访问的项目了
  注意事项(针对此项目)：
  1.改端口号和ip地址(发布到服务器)
• 1.1index.html第14行可以改前端的ip地址和端口号(一般写服务器地址)
• 1.2build/dev-server.js第65可以改后台ip地址(一般写服务器地址)
• 1.3config/index.js第26行可以改后台端口号()
  Ps:建议前后端ip地址和端口最好一致，防止出现跨域问题
  2.打包注意事项
• 2.1,config/index.js第10行改成assetsPublicPath: ‘./’,
• 2.2,index.html第22行改成
• 2.3,Dos进入项目目录下运行npm run build
• 2.3,把dist目录下的文件拷贝到cordova创建的应用的www目录的文件下面,然后打包，
• 2.4,cordova build android打包成功后，命令行里会提示apk所在路径。
  Ps:安装app后如果想访问公网，ip地址改成你的服务器地址.。如果改成你的私网ip，请确保你的手机和电脑在一个局域网，并且电脑启动着程序
  3.本地运行注意事项（ip改成本地的）
• 2.1,config/index.js第10行改成assetsPublicPath: ‘/’,
• 2.2,index.html第22行 注释掉