Android APP分享微信小程序

Android APP分享微信小程序

需求:APP端 将公司的微信小程序 分享至微信好友

最近,微信小程序比较火热,公司也在做这一块,目前公司的小程序都是由H5端开发的,我们Android端也接到一个任务,那就是Android端应支持微信小程序的分享,并且通过分享出去的小程序可以启动我们的APP;

今天我们先来完成:Android端应支持微信小程序的分享!!!


分析:

微信开放平台SDK支持小程序类型分享,详见官方文档:

https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419317340&token=&lang=zh_CN

a) 要求发起分享的App与小程序属于同一微信开放平台帐号;

b) 支持分享小程序类型消息至好友会话,不支持“分享至朋友圈” “收藏”;

c) 微信客户端版本要求:6.5.6及以上微信客户端版本,若客户端版本低于6.5.6,小程序类型分享将自动转成网页类型分享。开发者必须填写网页链接字段,确保低版本客户端能正常打开网页链接;

d) 支持分享大图卡片样式,自定义图片建议长宽比是 5:4。6.5.9及以上版本微信客户端小程序类型分享使用大图卡片样式。

e)支持分享开发版/体验版小程序,为支持开发者调试,开发者工具包支持分享开发版/体验版小程序至微信,开发者可控制分享的小程序版本。

把文档看了一遍,发现限制是比较多的,但是功能实现还是很简单的,下面让我们开始吧!!!


开发:

  1. 前期准备
  1. 小程序与APP主体账号绑定

    开发人员希望通过APP分享小程序,需要先将小程序与APP主体账号(即APP的微信开放平台账号)绑定,APP才具有分享对应小程序的能力。如果没有与主体账号绑定,分享时是报错的,如下图:

2.1. 登录APP所在的微信开放平台:https://open.weixin.qq.com/

2.2. 绑定小程序


由上图可以看到,绑定小程序的数量是有限制的。我们点击【绑定小程序】按钮,打开的新页面

输入小程序开发的主账号和密码,输入验证码提交就可以了,然后再通过手机微信扫码验证一下。

绑定成功后,直接就能在绑定列表中看到已绑定的小程序!!!


  1. 代码实现

    3.1 小程序端提供参数:
miniProgram.userName="xxx"; //小程序ID
miniProgram.path="pages/xxx/xxx"; //小程序路径

3.2 配置gradle

dependencies {
    compile 'com.tencent.mm.opensdk:wechat-sdk-android-with-mta:+'
}

3.3 分享小程序的核心代码

findViewById(R.id.send_mini).setOnClickListener(new View.OnClickListener(){
            @Override public void onClick(View v) {
                WXMiniProgramObject miniProgram = new WXMiniProgramObject();
                miniProgram.webpageUrl="http://www.qq.com";//自定义
                miniProgram.userName="xxxxxxxxx";//小程序端提供参数
                miniProgram.path="pages/entry";//小程序端提供参数
                WXMediaMessage mediaMessage = new WXMediaMessage(miniProgram);
                mediaMessage.title = "cgw miniProgram";//自定义
                mediaMessage.description = "this is miniProgram's description";//自定义
                Bitmap bitmap = BitmapFactory.decodeResource(SendToWXActivity.this.getResources(),R.drawable.fightk);
                Bitmap sendBitmap = Bitmap.createScaledBitmap(bitmap,200,200,true);
                bitmap.recycle();
                mediaMessage.thumbData = Util.bmpToByteArray(sendBitmap,true);
                SendMessageToWX.Req req = new SendMessageToWX.Req();
                req.transaction = "";
                req.scene = SendMessageToWX.Req.WXSceneSession;
                req.message = mediaMessage;
                api.sendReq(req);
            }
        });
  1. Demo演示

    为了避免麻烦,我们直接下载使用官方Demo,在其源代码上直接修改,修改的内容主要如下:

    a. 包名(必须修改,使用你项目APP的实际包名)

    b. 配置gradle(微信sdk包、签名文件)

    c. 增加分享小程序的按钮和事件

4.1 下载微信开放平台官方Demo

https://open.weixin.qq.com/zh_CN/htmledition/res/dev/download/sdk/WeChatSDK_sample_Android.zip

4.2 修改包名

使用Androidstudio打开demo,目录结构如下图,修改其包名

4.2.1如上图,取消compact empty middle packages的默认选中

4.2.2在对应包名的文件夹上,直接右键修改名称,改成包名对应的名称,并全部应用

可参考:jianshu.com/p/557e1906d

修改后的包名,必须是你项目APP的实际包名,且已通过微信开放平台审核的APP包名;

4.3 配置gradle(修改依赖、修改签名)

签名必须使用你项目APP对应的签名文件,即你申请微信开放平台时APP对应的签名文件;

4.4 修改APP_ID

public class Constants {
    // APP_ID 替换为你的应用从官方网站申请到的合法appId public static final String APP_ID = "wxf666676666636666";

    public static class ShowMsgActivity {
        public static final String STitle = "showmsg_title";
        public static final String SMessage = "showmsg_message";
        public static final String BAThumbData = "showmsg_thumb_data";
    }
}

4.5 增加分享小程序的按钮和事件



4.6 测试

选择分享的人员


收到分享的小程序卡片


至此,Demo演示完毕,如有问题,请留言询问!!!



作者:Android草根王
链接:jianshu.com/p/cd33fc5c5
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
编辑于 2018-02-28

文章被以下专栏收录