Ionic2线上部署基本步骤
2016-07-05 本文已影响2056人
54be30d2931c
1, 安装Node.js node用5.x.x的版本 npm用3.x.x的版本，如下
node v5.3.0
npm 3.3.12
# 下载二进制文件
cd
wget https://nodejs.org/download/release/v5.3.0/node-v5.3.0-linux-x64.tar.gz --no-check-certificate
# 解压
gzip -d node-v5.3.0-linux-x64.tar.gz
tar xvf node-v5.3.0-linux-x64.tar
# 软链接到系统默认的PATH环境变量包下
sudo ln -s /home/fengyiyi/node-v5.3.0-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /home/fengyiyi/node-v5.3.0-linux-x64/bin/npm /usr/local/bin/npm
2, 安装Ionic2，注意：一定要用ionic@beta(目前ionic2还是beta版本)
npm install -g ionic@beta
# 软链接到系统默认的PATH环境变量包下
sudo ln -s /home/fengyiyi/node-v5.3.0-linux-x64/bin/ionic /usr/local/bin/ionic
3, checkout代码到指定目录xxx
svn地址如下：http://192.168.1.yyy/apps/zzz/trunk
4, cd xxx 进入项目的根目录下来安装node的依赖库
5, 安装依赖 （提示权限错误的，加sudo执行）
npm install
6, 增加运行平台(浏览器)
npm install -g cordova
sudo ln -s /home/fengyiyi/node-v5.3.0-linux-x64/bin/cordova /usr/local/bin/cordova
ionic platforms add browser
7, 启动服务 用release来执行，可以大大减少app.bundle.js文件的大小。切记！
ionic run browser --release
ionic run browser --release -- --port=80 // 指定80端口
8, 发布更新代码后，重新编译文件，可实现不重启服务更新App
ionic build browser --release
最后可以执行 ionic info 查看一下整个环境信息，如下：
Your system information:
Cordova CLI: 6.2.0
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.10
Ionic CLI Version: 2.0.0-beta.30
Ionic App Lib Version: 2.0.0-beta.16
ios-deploy version: 1.8.6
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v5.3.0
Xcode version: Xcode 7.3 Build version 7D175
应用开发框架更新的发布需要重新npm install应用环境：
应执行如下命令：
scl enable devtoolset-2 bash (gcc -v 低于4.8.2时 执行)
sudo rm -rf node_modules
方法一：通过npm安装（慢）
sudo npm install
方法二：通过cnpm安装（快）
alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"
alias sudo='sudo '
sudo cnpm install
最后启动服务：
ionic_ops_script start
搞定！
