uni-app 实现微信分享

第一步:在微信开放平台,注册开发者账号 地址:https://open.weixin.qq.com

第二步:在微信开放平台上,新建自己的应用,等待审核,审核通过会得到appid和appsecret

uni-app 实现微信分享_第1张图片第三步:将manifest.json中的APP SDK配置里的appid和appsecret用获取到数据填写上。

 

 uni-app 实现微信分享_第2张图片

 第四步:代码编写

methods: {
            shareFriend: function() {

               //分享到微信朋友
                uni.share({ 
                    provider: "weixin",
                    scene: "WXSceneSession",
                    type: 0,
                    href: "http:*******************",//这地址太长了,就省略了
                    title: "你笑起来真好看",
                    summary: "唐艺昕,你有火吗?没有,为何你点燃了我的心?",                         
                    imageUrl: "http:*******************",
                    success: function(res) {
                        console.log("success:" + JSON.stringify(res));
                    },
                    fail: function(err) {
                        console.log("fail:" + JSON.stringify(err));
                    }
                });
            },

          //分享到微信朋友圈
            shareFriendcricle: function() {
                uni.share({
                    provider: "weixin",
                    scene: "WXSenceTimeline",
                    type: 0,
                    href: "http:*******************",
                    title: "你笑起来真好看",
                    summary: "唐艺昕,没有水的地方叫沙漠,没有你的地方,你知道叫什么吗?不知道。叫寂寞。",
                    imageUrl: "http:*******************",
                    success: function(res) {
                        console.log("success:" + JSON.stringify(res));
                    },
                    fail: function(err) {
                        console.log("fail:" + JSON.stringify(err));
                    }
                });
            }
        }

第五步:操作及结果

一:分享到微信好友

    uni-app 实现微信分享_第3张图片

uni-app 实现微信分享_第4张图片

uni-app 实现微信分享_第5张图片

点击进去,跳转到href的连接地址

uni-app 实现微信分享_第6张图片

一:分享到微信朋友圈

uni-app 实现微信分享_第7张图片

uni-app 实现微信分享_第8张图片

你可能感兴趣的:(uni-app 实现微信分享)