uni-app 实现微信分享

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

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

第三步：将manifest.json中的APP SDK配置里的appid和appsecret用获取到数据填写上。

第四步：代码编写

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));
                   }
               });
           }
       }

第五步：操作及结果

一：分享到微信好友

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

一：分享到微信朋友圈

uni-app 实现微信分享相关推荐

uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
Vux+Cordova打包的安卓App实现微信分享朋友和朋友圈
知识储备 Cordova Plugin ShareSDK 插件什么是Cordova Plugin ShareSDK Cordova Plugin ShareSDK封装了ShareSDK的androi ...
Android APP整合微信分享
微信开放平台-官方文档-Android接入指南微信开放平台-官方文档-Android资源下载文章目录运行官方demo 自己项目分享文字分享到朋友圈分享之后回调运行官方demo 想要运行官 ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
Hbuildx 使用vue打包的App实现微信分享功能
前言: 本文章使用的是vue+h5+plus技术,结合hbuildx打包的App,实现在App中分享页面到朋友圈以及好友. 下面贴码介绍: <nut-popup v-model="is ...
App中微信分享代付功能业务设计与代码实现
先上图场景本例的代付场景是,开发一款APP应用,APP中具有支付能力,按照微信支付对接要求已经完成APP支付的对接.现在要玩点新花样,找人代付订单.用户在APP中下单后选择找人代付,将分享H5 ...
vue开发APP使用微信分享和QQ分享功能
条件微信开放平台申请微信开放平台appid 腾讯开放平台申请腾讯开放平台appid 打包环境Hbuilder manifest.json中plus下的plugins下添加如下代码,并填写你的appi ...
APP进行微信分享，提示签名不一致解决方案
1.检查签名与微信开放平台上配置的是否相同 2.检查包名与微信开放平台上配置的是否相同 3.尝试重新登录微信,微信中似乎会缓存一些包名.签名信息,影响分享功能的实现
记录uni.app开发微信小程序中地图的使用,以及项目中的解决办法
标题先讲一下需求:需要获取用户的地址信息以及经纬度,并在地图中展示时出来 uniapp官方也提供了api uni.getLocation(OBJECT) getLocation只能获取用户的经纬度,不 ...
android微信照片未发送成功,解决Android整合微信分享无法发送图片问题
正在做的android app有微信分享功能,下载了官方的SDK后按照里面的代码做了,我主要用的是分享网页url,发现文字和网页URL都可以发送,唯独带图片的消息有时成功有时失败,于是对比了成功和失败 ...

uni-app 实现微信分享

uni-app 实现微信分享相关推荐

最新文章

热门文章