关于QQ分享、微信分享、百度地图接入的总结

最近项目中要接入百度地图,实现QQ分享和微信分享等功能,然后就想总结一下这些功能实现的流程。那就开始正题吧。
因为项目的框架是cordova+ionic+angular,所以安装的插件都是基于cordova的。

1、百度地图的接入
首先要到百度地图开放平台(http://lbsyun.baidu.com/)去创建应用,然后获取访问应用(AK),创建应用的流程这个大家可以网上查一下。这个AK在安装插件的时候会用到。
百度地图插件为:cordova-plugin-baidumaplocation
安装百度地图的命令行:

cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY="<API_KEY_ANDROID>" --variable IOS_KEY="<API_KEY_IOS>"

AK就是<API_KEY_ANDROID>和<API_KEY_IOS>,android和ios的AK是分别申请的。

2、QQ分享的接入
首先要到QQ互联平台(https://connect.qq.com/index.html)创建应用,获取APPID,APPID在项目中安装插件的时候会用到。
QQ分享的插件为:cordova-plugin-qqsdk
安装QQ分享的命令行:

cordova plugin add cordova-plugin-qqsdk --variable QQ_APP_ID=APPID

APPID就是创建应用时申请下来的APPID

3、微信分享的接入
首先要到微信开放平台上(https://open.weixin.qq.com/)创建应用,获取APPID,APPID在项目中安装插件的时候会用到。
微信分享的插件为:cordova-plugin-wechat
安装微信分享的命令行:

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

APPID就是创建应用时申请下来的APPID

上面的百度地图开放平台、QQ互联平台、微信开放平台都需要先申请账号,有了账号之后才能创建应用。账号的申请需要的材料不少,大家可以去查一下。
先到这吧,以后有什么新的插件,我再补充,现在flutter开始火起来了,前端又要变革了。

发布了130 篇原创文章 · 获赞 103 · 访问量 26万+

猜你喜欢

转载自blog.csdn.net/xiaolinlife/article/details/103263775