本文主要介绍如何在ionic项目中集成极光IM的WebSDK,详细文档可参考官方介绍. 一.准备 1. 注册激光账号,进入开发者服务页面创建应用. 2. 创建应用后须完成对应平台的推送设置,进行应用或证书绑定. 二.集成 1. 在资源下载页面下载Web SDK,解压缩后将sdk的js文件复制到项目中 2. 在src目录下的index.html中添加引用 3. home.ts import { Component } from '@angular/core'; import { NavContro…

在群里看到有人问怎么在Ionic2中集成ECharts来显示图表.当时答应说写个blog,简单写下步骤. 在TypeScript中如果要使用第三方库,必须要有d.ts,也就是定义文件,没有这个文件的话TypeScript是认不出来的,无法编译通过.下面以百度的ECharts图表为例,演示一下使用第三方库的用法. 1.安装ECharts 首先需要使用npm安装ECharts,输入以下命令: npm install echarts --save 安装完毕后可以看到node_modules目录下多了e…

Ionic项目中使用极光推送-android   对于Ionic项目中使用消息推送服务,Ionic官方提供了ngCordova项目,这个里面的提供了用angularjs封装好的消息推送服务(官方文档),使用的是GitHub上的 PushPlugin 插件,也有相关的实现实例:GitHub地址 ,但是使用的是Google的GCM消息推送服务,一些网络原因,国内GCM可能不怎么好用(自己也没有试可不可以). 于是选择国内的消息推送服务,主要有:百度云推送,腾讯信鸽,极光推送,yunba 等等,其中只…

之前讲过了如何在Ionic2中使用第三方库,因为第三方库必须针对TypeScript提供相应的声明文件——即d.ts文件,才能被TypeScript正确识别并编译.好在大多数的第三方库已经有了定义文件,可直接通过以下命令安装: npm install @types/theLibraryName --save 这样就可以解决大多数第三方库的引入问题,如上一篇博客中提到的ECharts组件. 那么如果某个第三方库没有对应的d.ts怎么办呢?除了自己手写d.ts之外,TypeScript也提供了一种比…

Ionic2混合开发,入坑系列:Ionic2中集成腾讯Bugly之自定义插件 1.编写Bugly.js代码 var exec = require('cordova/exec'); module.exports = { /** * 发送Bugly异常信息 * @param success 成功回调函数 * @param error 错误回调函数 * @param params 参数值 */ buglySend: function (success, error, params) { exec(su…

Ionic2混合开发,入坑系列:Ionic2中集成第三方控件Sweetalert 注:Sweetalert2已经可以直接从npm中下载安装 npm install --save sweetalert2 1.安装Typings 在命令行中输入:npm install -g typings 安装完成后,在命令行中输入:typings --version 2.在typings文件夹中创建一个*.d.ts文件,代码如下: /** * 第三方库sweetalert声明文件 * * @author dane…

Ionic2混合开发,入坑系列:Ionic2中腾讯Bugly异常捕获以及上报 1.Ionic2中处理全局异常,直接继承IonicErrorHandler即可,代码如下 import { IonicErrorHandler } from 'ionic-angular'; import { Bugly } from './../plugins/TX-bugly.plugin' import { Config } from './../config/config' /** * Ionic2全局异常捕获…

在ionic2中使用自定义图标,如iconfont(阿里巴巴矢量图标). 先在http://www.iconfont.cn/ 中找到自己需要的图标,然后将图标加入购物车,然后下载该图标. 下载完成后解压,打开文件demo_unicode.html可以看到它提供的使用方法,我们在ionic2中按照以下方法使用: 1.在项目的assets目录下新建fonts文件夹,然后将下载解压后的iconfont.woff.iconfont.ttf.iconfont.svg.iconfont.eot添加到font…

不同于Ionic1中插件的调用,Ionic2提供了Ionic Native.Ionic Native封装了一些常见的插件(如:Camera.Barcode Scanner等),这些插件的使用方式在官方文档中有详细的描述.今天我们所说的第三方插件就是指Ionic Native中没有,但在Ionic1中可以使用的插件. 创建新项目 ionic start JPush --v2 --id dpary.jpush.demo 运行以上命令,创建包名为“dpary.jpush.demo”的Ionic2应用.…

Stpe1:创建一个项目(此处使用的是tab类型的项目,创建方式可参照我前一篇如何离线创建Ionic1项目) Stpe2:修改项目信息 打开[config.xml]修改下图内容:…