vue项目打包成Android项目后接入sharesdk 实现分享的一些思考与实践

vue已经是一个应用比较广泛的框架,vue本身之保留了一些基本的功能实现(已确保整个框架尽可能的’轻量’).在实际的开发过程中总要解决各种各样的问题.今天我就来写一些在通过cordova打包成android app后调用分享的问题(为什么不写ios? 因为我不会啊!)
如何将vue项目打包成android项目?这我就不赘述了,网上找下cordova有一堆.
那么如何使用sharesdk实现分享呢?
首先,我们需要Android 开发神器,Android studio(去找度娘吧.)

使用android studio打开我们通过cordova add的Android项目
就是介个目录:

因为cordova打包编译的gradle版本较低,我用的已经是Android studio3.0了,我们添加
maven{ url ‘http://maven.aliyun.com/nexus/content/groups/public/‘};//解決gradle低版本報錯,如下图;

注意java包import失败 红名:在红名后面Alt+Enter 导入;
minSdkVersion 最好改为16;
编译项目,解决各种报错后终于能运行起来了.

紧接着就是引入sharesdk了:
这里我使用快速集成的方式:
详情可参照这里

引入之后就通过js来调用写在插件里的分享方法,这里用到了cordova的自定义插件,可以参照这位大大的博客:地址

接下来就是调用分享了:
1.初始化:这里我是在MainActivity 的onCreate方法中:

2.在自定义插件类NewPlugin中调用:

showShare()方法官方文档有例子,这里就不贴了.

3.js中调用(这里我的vue项目中yj引入了cordova.js,如果里的项目没引入的话需要你手动引入):

需要注意的是,我的项目中使用了腾讯X5,如果是android版本6+的话,看看有没有这一段:

/* Pay attention:
* Error maybe occur here!!!
* If your cordova-android version below 6+,this method about EvalBridgeMode() may be not existed.
* Please comment out below the lines 126-127.
*/
if(Build.VERSION.SDK_INT > Build.VERSION_CODES.JELLY_BEAN_MR2) {
System.err.println(“这里加了SDK_INT”+Build.VERSION.SDK_INT+”***********JELLY_BEAN_MR2:”+Build.VERSION_CODES.JELLY_BEAN_MR2);
nativeToJsMessageQueue.addBridgeMode(new NativeToJsMessageQueue.EvalBridgeMode(this, cordova));
}

大坑啦!!!会报错:CordovaBridge: Ignoring exec() from previous page load.
现在不通过git连接下载的X5插件貌似没事,有事的看下吧!

至此测试分享能分享出去了,上图


qq分享截图

收工!正式参数的话小伙伴们去各个开发平台申请吧,哈哈!