Ionic+Angular 开发移动应用六：第三方、数据交互、修改图标

内容简介：Ionic+Angular 开发移动应用六：第三方、数据交互、修改图标

欢迎交换友链： Laker’s Blog–进击的程序媛

Github： https://github.com/younglaker

V信: lakerHQ （请注明‘来自博客’）

第三方登陆、分享、支付

QQ登陆与分享

插件地址: https://github.com/iVanPan/Cordova_QQ
安装:

cordova plugin add https://github.com/iVanPan/Cordova_QQ.git --variable QQ_APP_ID=YOUR_QQ_APPID

微信登陆、分享、支付

插件地址: https://github.com/xu-li/cordova-plugin-wechat
安装:

cordova plugin add cordova-plugin-wechat --variable wechatappid=YOUR_WECHAT_APPID

新浪微博登陆与分享

插件地址: https://github.com/iVanPan/cordova_weibo
安装:

cordova plugin add https://github.com/iVanPan/cordova_weibo.git --variable WEIBO_APP_ID=YOUR_WEIBO_APPID

支付宝支付

插件地址: https://github.com/charleyw/cordova-plugin-alipay
安装:

cordova plugin add https://github.com/charleyw/cordova-plugin-alipay.git --variable PARTNER_ID=[你的商户PID可以在账户中查询] --variable SELLER_ACCOUNT=[你的商户支付宝帐号] --variable PRIVATE_KEY=[你生成的private key]

Ionic前后台数据交互

前台发起请求：

$http({
  url:’’,
  method：’post’,//get
  data: {},//传给服务器的参数
  success:function(res){
       //服务器返回的数据 json格式
       //res即是返回的json对象
       //成功返回的数据处理逻辑写这里
  },
  error:function(err){
      //异常
  }，
  timeout: 20000//请求超时设置
})

App图标修改

1. 进入resources目录，替换icon.png,splash.png
2. 命令行输入： ionic resources （执行后会上传图片到服务器并自动裁切生成不同尺寸的图片）

ionic resource —icon   // 自动生成icon
ionic resource —splash    // 自动生成splash

3.app名字修改：修改根目录下config.xml里的name的值即可

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。