# ionic-demo

**Repository Path**: raychow-dev/ionic-demo

## Basic Information

- **Project Name**: ionic-demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-02-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 环境搭建

```
// 安装（失败的话 Mac 尝试使用 sudo，Windows 尝试管理员身份运行 cmd）
$ npm install -g cordova ionic

// 安装后可以验证一下 ionic cli 版本
$ ionic -version

// 创建应用
// cd 到要创建项目的目录，输入以下内容创建ionic项目
// ionic-demo 是项目名，tabs是模板（默认是tabs，其他还有blank的单页等）
$ ionic start ionic-demo tabs

// 安装依赖
// 会生成一个 node_modules 文件夹，并在里面安装 package.json 上写下的文件
$ cd ionic-demo/
$ npm install

// 在浏览器中运行项目
$ ionic serve


// 添加iOS项目
$ ionic cordova platform add ios
// 把src里的内容同步到ios项目中(src后面会讲到)
$ ionic cordova build ios
// 运行iOS项目,相当于在Xcode里面按Command+R
$ ionic cordova emulate ios

//安卓的话同理，把ios替换为android即可
$ ionic cordova platform add android
$ ionic cordova build android
$ ionic cordova emulate android

ionic cordova emulate --list //检查支持的设备，会有一个列表(注意是两个-) 
ionic cordova emulate ios //模拟器运行，我用的版本默认为iPhone-SE ,10.0.0 
ionic cordova emulate ios –target=”iPhone-6, 10.0” //以iPhone6的形式在模拟器中运行，注意iPhone-6, 10.0 是上列表中支持的 ，所以使用此命令前，检查模拟器支持的设备（注意target前是两个-）                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 

```

# 插件

## 跨域插件

```
ionic cordova plugin add cordova-plugin-advanced-http
npm install --save @ionic-native/http

#chrome
https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi
```

## ios

```
//支持 cocoapod
cordova plugin add cordova-plugin-cocoapod-support --save
```

## js与native 交互

```
//交互
//https://github.com/bsorrentino/cordova-broadcaster
cordova plugin add cordova-plugin-broadcaster
```

## 热修复

```
//热修复 参考https://www.cnblogs.com/GYZhao/p/6575468.html
//热修复插件
cordova plugin add cordova-hot-code-push-plugin

//安装cordova热修复CLI：
npm install -g cordova-hot-code-push-cli

//生成热修复配置
cordova-hcp build，此命令会在www文件夹下生成两个文件chcp.manifest，chcp.json
```


## 七牛热更新文件

```
sudo chmod -R 777 qshell-darwin-x64 

./qiniu/qshell-darwin-x64 qupload ./qiniu/lizhi_upload_to_ionic.conf
```

## 图片组件

```
http://www.cnblogs.com/crazyprogrammer/p/6936958.html
说明: https://github.com/zyra/ionic-image-loader#advanced-usage

npm install --save ionic-image-loader

npm i --save @ionic-native/file

ionic cordova plugin add cordova-plugin-file

npm i --save @ionic-native/transfer

ionic cordova plugin add cordova-plugin-file-transfer
```


## 文件说明

```
./cordova-hcp.json  热更配置
./demo			其它用法
./qiniu		七牛上传工具
./build		bulid脚本
```