ionic3微信,QQ分享

准备工作
  • 微信开放平台开发者账号
  • 腾讯开放平台开发者账号
1.微信开发平台注册登录创建应用获取wechatappid

微信开放平台官方地址:https://open.weixin.qq.com/,登陆后进入管理中心,创建应用,按照提示填入相关信息,注意在应用平台一栏中,分别有ios和android平台,这个按需要选择或者全部选择,以全部选择为例,在ios平台中,需要正确填入Bundle ID(与android包名一样,就是config.xml中widget节点的id),测试版本Bundle ID填一样的就可以了;在android平台中,有一项是填写应用签名,可以在官方资源中[https://open.weixin.qq.com/cgi-bin/readtemplate?t=resource/app_download_android_tmpl&lang=zh_CN]下载一个apk,装在一部android手机上,填写包名后获取,创建成功之后需要等1-2个工作日审核。

image.png

2.腾讯开发平台注册登录创建应用获取appid

腾讯开放平台官方地址:http://open.qq.com/,登陆后进入管理中心,创建android应用,按照提示填入相关信息,这里还需要上传android apk文件,信息完成后提交审核或者保存,创建成功之后需要等1-2个工作日审核。

这里提交审核很大几率会被驳回,提示原因为该应用存在版权问题,需提供应用软件著作权证书,请在版权证明处上传相关材料扫描件后重新提交。不过没关系,经问客服和测试,发现驳回的appid也可以用。

如果ios也需要分享,需要再创建一个ios应用,填入相关信息,终端信息一栏Bundle ID需要正确填写,上架了就要填AppStore ID等。提交审核,ios一般会很快通过审核。

这里可能会出现ios和android的appid不一样,那就需要在ios和android平台分别以各自平台的appid添加插件了。

添加插件

QQ:ionic cordova plugin add [email protected] --variable QQ_APP_ID=你的appid npm install --save @ionic-native/qqsdk

微信:ionic cordova plugin add [email protected] --variable wechatappid=你的appid

这里需要注意,插件版本需要跟cordova-android版本匹配,由于我用的android版本是6.2.3,所以我限制了插件的版本分别是0.9.6和2.0.0,android7以上可以装最新版本

分享代码

插件具体使用github都有文档,包括分享和登录等,按照文档来就行了
微信插件地址
QQ插件地址

如果QQ插件在ios中出现只打开QQ聊天界面,无法分享的问题,可以在分享参数中加上image参数,这样就可以分享了。

你可能感兴趣的:(ionic3微信,QQ分享)