ionic初学者引导（三）

前两篇文章大概介绍了ionic以及页面的写法，这篇文章主要讲一下 cordova的用法（其实也没啥好讲的）和项目结尾工做

1. cordova的使用

因为以前那个简单的项目有一个更换头像的功能，能够拍照也能够选择本地图片。这个涉及到调用设备的相册和相机。
在 ionic官网上的 Native中的列表中搜索 camera，正好这个既能够拍照也能够选择照片（单选，能够知足咱们的需求）。

1. 在App.module.ts全局引入Camera
2. 在所需的页面使用Camera
3. 写代码
4. 写完代码须要打包在模拟器或真机上测试
5. 测试🆗了就能够继续其余功能了

本项目相关Cordova部分代码以下：

selectPicture() {
        const options: CameraOptions = {
            quality: 100,
            destinationType: this.camera.DestinationType.DATA_URL,
            mediaType: this.camera.MediaType.PICTURE,
            sourceType: this.camera.PictureSourceType.PHOTOLIBRARY
        }
        this.camera.getPicture(options).then(
            (imageData) => {
                // 这里处理图片并上传
                // 相关接口和处理不写了
                this.avatarUrl = 'data:image/jpeg;base64,' + imageData
            },
            (err) => {
                console.log(err)
            }
        )
    }
    takePhoto() {
        const options: CameraOptions = {
            quality: 100,
            destinationType: this.camera.DestinationType.NATIVE_URI,
            mediaType: this.camera.MediaType.PICTURE,
            sourceType: this.camera.PictureSourceType.CAMERA
        }
        this.camera.getPicture(options).then(
            (imageData) => {
                // 这里处理图片并上传
                // 相关接口和处理不写了
                this.avatarUrl = imageData
            },
            (err) => {
                console.log(err)
            }
        )
    }

2. 项目打包前

• 咱们用的app都有一个默认图标和启动页，ionic有一个统一设置的，首先咱们须要ui设计给出1024*1024的图标和2732*2732的启动页的图片,而后分别命名为icon.png,splash.png，并将图片放入resources文件夹中。
• 输入命令ionic cordova resources ios -icon --force(以ios示例，android相似),这个是生成图标，启动页和这个相似。
• 项目通常还有欢迎页，欢迎页就是页面，因此是本身写的，没有快速生成的方法。

3. 项目打包

这个简单的项目到这里也没有什么好讲的，接下来就是要打包成一个可用的app了，这里简单的讲一下android打包签名；ios的我会贴个连接（由于这个比较麻烦，按照给的步骤来其实也差很少了，有不知道的也能够私信我）

1. 添加平台ionic cordova platform add android
2. 生成Android包ionic cordova build android 这个是生成debug包，这个能够链接谷歌浏览器，更明显的看输出，还能够修改css
3. debug没什么问题的了，能够给安装包签名了（这里只介绍文件配置签名，不知道叫啥名字）
4. 输入命令keytool -genkey -alias demo.keystore -keyalg RSA -validity 40000 -keystore demo.keystore
5. android自动签名，在platform\android目录新建名为release-signing.properties的文件
6. 生成签名包ionic cordova build android --release
7. ios项目打包上线连接https://www.jianshu.com/p/cf2... (作连接步骤前也要add ios和build ios,而后用xcode打开*.xcodeproj，接下来的步骤就差很少了)

说明： -genkey 产生密钥 -alias demo.keystore 别名 demo.keystore
-keyalg RSA 使用RSA算法对签名加密
-validity 40000 有效期限4000天
-keystore demo.keystore

release-signing.properties内容

storeFile=E:/demo.keystore
key.alias=demo.keystore
key.store.password=****
key.alias.password=****

4. 总结

其实我说的在官网上基本均可以找到，包括Android和iOS的打包上线以及等等，有什么不太了解和问题先看官网，若是是cordova出错的话，去github上看issue。
最后给上demo的地址：https://github.com/MonicaTang...