uniapp分享到微信流程

1.首先配置manifest.json文件

appid: 是从微信开放平台申请的
ios平台通用链接（不开发ios可不填） 最好最好最好！！！！ 自动生成，教程在此

2.直接上代码

（1）App分享为微信小程序（App中分享一个内容到微信好友，对方微信中呈现的是一个小程序卡片）

uni.share({provider: 'weixin',//WXSceneSession 分享到聊天界面//WXSceneTimeline    分享到朋友圈//WXSceneFavorite 分享到微信收藏scene: "WXSceneSession",//分享形式，如图文、纯文字、纯图片、音乐、视频、小程序等。默认图文 0type: 5,//图片地址。type为0时，推荐使用小于20Kb的图片imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/962fc340-4f2c-11eb-bdc1-8bd33eb6adaa.png',//分享内容的标题title: '欢迎体验uniapp',miniProgram: {//小程序原始idid: 'gh_abcdefg',// 跳转到指定页面路径（可以传参，有大用！！）path: 'pages/index/index',//微信小程序版本类型，可取值： 0-正式版； 1-测试版； 2-体验版。 默认值为0。type: 0,// 兼容低版本的网页链接webUrl: 'http://uniapp.dcloud.io'},success: ret => {console.log(JSON.stringify(ret));}
});

（2）分享文字

uni.share({provider: "weixin",scene: "WXSceneSession",type: 1,//分享内容的摘要summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",success: function (res) {console.log("success:" + JSON.stringify(res));},fail: function (err) {console.log("fail:" + JSON.stringify(err));}
});```
#### 分享图片```javascript
uni.share({provider: "weixin",scene: "WXSceneSession",type: 2,imageUrl: "https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",success: function (res) {console.log("success:" + JSON.stringify(res));},fail: function (err) {console.log("fail:" + JSON.stringify(err));}
});

（3）分享图文

href、imageUrl 为必选参数，title/summary 二选一，最好将这四个参数都选上。

uni.share({provider: "weixin",scene: "WXSceneSession",type: 0,href: "http://uniapp.dcloud.io/",title: "uni-app分享",summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",imageUrl: "https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",success: function (res) {console.log("success:" + JSON.stringify(res));},fail: function (err) {console.log("fail:" + JSON.stringify(err));}
});

到此uniapp分享到微信流程到此结束
接下来就开始调试了。。。。。。

uniapp分享到微信流程相关推荐

uniapp分享到微信好友和朋友圈
uniapp分享到微信好友和朋友圈首先目前的微信小程序只支持页面中右上角三个点触发分享功能,页面按钮只能触发分享至微信好友的功能 <template><view class=&qu ...
uniApp配置微信分享 uniApp跳转微信小程序
最近在做uniApp时需要跳转微信小程序进行支付,以为和跳转支付宝小程序支付一样简单结果让我发狂,跳转微信代码其实很简单就是下面这一段,但是要配置一大推东西提示:plus为App端默认的系统参数,不 ...
uni-app分享小程序卡片给微信好友
一.前言最近有这样一个需求,使用APP将一个小程序的页面分享给微信好友,起初一脸问号,APP分享小程序的页面,两个不相干的东西怎么关联分享?于是乎抱着实现不了的心态在网上看帖子,最后终于在uni-a ...
uni-app分享小程序页面给微信好友；小程序分享无效原因；小程序分享失败原因；
我的只是在html代码部分使用 <button open-type="share" >发送</button> 点击按钮就可以将当前页面分享到微信好友且打 ...
uni-app APP端-微信登录流程
uni-app APP端-微信登录流程手把手教学 1.前期准备在微信开放平台注册账户微信开放平台 (qq.com) 在管理中心中创建移动应用项目,按要求填写相关信息审核通过后即可获得我们所需的 ...
uni-app - H5 公众号网页分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间，给微信分享卡片设置图标、标题、描述文字等（JS-SDK 通用解决方案放心用）
前言如果您是纯 Vue.js 项目(或 Nuxt.js),请访问 Vue - 最新网页 H5 分享到微信朋友圈 / 转发分享好友这篇详细教程. 目前网上大部分教程都过时了(老版本.无效),并且未对 ...
藏文在线翻译器-uniapp实现藏文翻译软件分享到微信
藏文翻译器下载手机版真机体验地址安卓:http://tapp.51goods.vip/app_resources/zhhy.apk ios:https://apps.apple.com/cn/app ...
uniApp 自定义分享到微信、朋友圈
uniapp写app之自定义分享到微信和朋友圈新建组件share-posters 在项目中index.html文件中引入jWeixin 在父组件中使用新建组件share-posters uniap ...
uni-app实现Android分享到微信朋友圈和微信好友，附DEMO和源码
微信分享大家见怪不怪了!就是再APP点击分享,然后唤起微信,分享当前页面到朋友圈或者分享给朋友. 所以,我开发了这样的一个工具. 动图demo 分享后就是一个带有标题.描述文字.LOGO.分享来源的 ...

uniapp分享到微信流程

1.首先配置manifest.json文件

2.直接上代码

（1）App分享为微信小程序（App中分享一个内容到微信好友，对方微信中呈现的是一个小程序卡片）

（2）分享文字

（3）分享图文

uniapp分享到微信流程相关推荐

最新文章

热门文章