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


    2.png

2.1. 登录APP所在的微信开放平台:https://open.weixin.qq.com/
2.2. 绑定小程序

3.png

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

输入小程序开发的主账号和密码,输入验证码提交就可以了,然后再通过手机微信扫码验证一下。
绑定成功后,直接就能在绑定列表中看到已绑定的小程序!!!

  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,目录结构如下图,修改其包名

5.jpg

4.2.1如上图,取消compact empty middle packages的默认选中
4.2.2在对应包名的文件夹上,直接右键修改名称,改成包名对应的名称,并全部应用
可参考:https://www.jianshu.com/p/557e1906db1a
修改后的包名,必须是你项目APP的实际包名,且已通过微信开放平台审核的APP包名;

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


6.png

签名必须使用你项目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 增加分享小程序的按钮和事件


8.png

7.jpg

4.6 测试
选择分享的人员


9.png

收到分享的小程序卡片


10.jpg

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,524评论 25 708
  • 做事前一定要先有标准。 思考的标准——价值观 结果的标准——目标 行为(“做事”)的标准——规矩 招人的标准——岗...
    安老怪阅读 1,446评论 0 2
  • 两数交换 查找出现奇数次的字符 布隆过滤器 略
    远o_O阅读 257评论 0 0
  • 今天这事,属我倒霉,也算冥冥之中注定发生…… 上午九点的时候,孙姐下来刷卡。(这还是我做了这么久内勤以来孙姐第一次...
    小马爱笑阅读 521评论 0 0