uni-app分享小程序页面

uni-app的小程序页面默认是不可分享的，点击页面右上角按钮进行分享时会提示：“当前页面不可转发/当前页面不可分享”

配置

打开项目的manifest.json文件，在“App模块配置”项的“Share(分享)”下，勾选“微信分享”：

在代码中开启分享转发按钮

<script>export default {created() {//#ifdef MP-WEIXINwx.showShareMenu({withShareTicket: true,menus: ['shareAppMessage', 'shareTimeline']});//#endif},data() {return {title:'标题',thumb:'https://img.demo.com/static/images/1.jpg'}},onShareAppMessage(res) { //发送给朋友return {title: this.title,imageUrl: this.thumb,}},onShareTimeline(res) { //分享到朋友圈return {title: this.title,imageUrl: this.thumb,}},methods: {}}
</script>

再次打开小程序页面，会发现已经可以分享了。

uni-app分享小程序页面相关推荐

android中app分享小程序卡片及跳转回app
随着小程序的日渐火热,许多app都做了相应的小程序端,与之而来的两端交互是必不可少的,前几天我们的分享到微信的样式也要求改成了小程序卡片样式的了.其实微信的官方文档还算比较详细,我这就结合自己踩的坑给 ...
uni-app分享小程序页面给微信好友；小程序分享无效原因；小程序分享失败原因；
我的只是在html代码部分使用 <button open-type="share" >发送</button> 点击按钮就可以将当前页面分享到微信好友且打 ...
微信小程序嵌套h5页面，h5页面返回小程序，小程序和h5的页面和交互方法，h5点击分享小程序页面
相信大家在做小程序的时候有些需求会需要嵌套h5页面正常的h5页面嵌套很简单就是一个web-view然后放入h5链接就可以了 <web-view src="http://www.goo ...
uniapp中app分享小程序方法
在uniapp中只需要调用uni.share这个api就可以发起app中分享到小程序,其中id需要绑定小程序管理后台中的id. 但是很多时候会报[share:-3]这个错误,官方给出的解释是:'发送失 ...
uni App 支付宝小程序分享代码
封装获取当前页面的路由信息 export function getCurrentPath() {let currentRoutes = getCurrentPages(); // 获取当前打开过的页面 ...
uni-app分享小程序卡片给微信好友
一.前言最近有这样一个需求,使用APP将一个小程序的页面分享给微信好友,起初一脸问号,APP分享小程序的页面,两个不相干的东西怎么关联分享?于是乎抱着实现不了的心态在网上看帖子,最后终于在uni-a ...
android 分享小程序,Android分享微信小程序给微信好友,封面bitmap的处理
image.png 第一步:url转换为bitmap val imgPath = "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/ ...
uniapp多端分享（app，小程序，公众号）
前言开发uniapp程序的项目,用它生成多端应用,由于兼容各种多端应用,程序代码需要相应的适配,在项目里分享功能是很常见的一个功能,但是在不同的端有不同的方法,我们如何实现多端分享呢?(app,小程 ...
app中使用企业微信sdk分享小程序报错：小程序路径错误，加载超时解决办法。
问题描述: 在app中,需要调用企业微信skd,分享小程序给客户,客户打开小程序. 如果客户直接是企业微信中的,可以在企业微信中打开小程序. 但是,如果客户是微信中,用户在微信中打开小程序就报错. i ...

uni-app分享小程序页面

配置

uni-app分享小程序页面相关推荐

最新文章

热门文章