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前后台数据交互

前台发起请求:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$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 (执行后会上传图片到服务器并自动裁切生成不同尺寸的图片)
1
2
ionic resource —icon // 自动生成icon
ionic resource —splash // 自动生成splash

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


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

本文原创自http://laker.me/blog,转载请注明出处,欢迎交换友链

如果本文对您有帮助,微信扫一扫,请我喝杯咖啡吧

评论组件不稳定,有事请联系V信 lakerHQ (请备注来自博客)