小程序分享页面转发给朋友是灰色如何处理

这篇具有很好参考价值的文章主要介绍了小程序分享页面转发给朋友是灰色如何处理。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

在微信小程序中,将小程序转发给我朋友,发现转发到朋友圈是灰色的

::: hljs-center

微信小程序分享到朋友圈是灰的,小程序

:::

解决方法

解决方法有两种:

  1. 每个页面配置,
  2. 使用uniapp全局配置。
微信原生写法
  1. 局部配置
    每个页面局部配置,在页面下,和data同级
onShareAppMessage(){//点亮发送给朋友
    return {
      title: '自定义转发标题',//标题
      path: '/page/user?id=123'//路径
    }
},
onShareTimeline() {}//点亮分享朋友圈,暂只支持Android平台

  1. 全局配置:
    在app.js中加入以下代码
!function(){
  var PageTmp = Page;

  Page =function (pageConfig) {

    // 设置全局默认分享
    pageConfig = Object.assign({
      onShareAppMessage:function () {
        return {
          title:'默认文案',
          path:'默认分享路径+id',
          imageUrl:'默认分享图片',
        };
      }
    },pageConfig);

    PageTmp(pageConfig);
  };
}();

UniApp写法

新建share.js文件,内容如下:

export default {
    data() {
        return {
            //设置默认的分享参数
            share: {
                title: '破蛋壳 IT',
                path: '/pages/index',
                imageUrl: '',
                desc: '专注技术分享',
                content: ''
            }
        }
    },
    onShareAppMessage(res) {
        return {
            title: this.share.title,
            path: this.share.path,
            imageUrl: this.share.imageUrl,
            desc: this.share.desc,
            content: this.share.content,
            success(res) {
                uni.showToast({
                    title: '分享成功'
                })
            },
            fail(res) {
                uni.showToast({
                    title: '分享失败',
                    icon: 'none'
                })
            }
        }
    },
    onShareTimeline() {},
}

在main.js中引入:文章来源地址https://www.toymoban.com/news/detail-854717.html

import share from '@/static/share.js'
Vue.mixin(share)

到了这里,关于小程序分享页面转发给朋友是灰色如何处理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp(HBuilder X)实现微信小程序转发好友和分享朋友圈(携带多个参数)

    1.转发好友 2.分享朋友圈 需要注意的一些地方: 分享和转发内部不得有嵌套方法返回,也就是不可异步,否则在执行的时候,只会执行当前页面,自定义标题等都不会生效 转发代码块的存放级别与生命周期同级,分享代码块需要放进方法中(methods),不然不会生效 分享的参数携

    2024年02月16日
    浏览(73)
  • uniapp微信小程序全局实现发送给朋友、分享到朋友圈功能(不需要每个页面都配置)

    使用uniapp开发小程序的过程中需要实现: 点击右上角,展开,发送给朋友、分享到朋友圈功能 我们先看没有配置时微信的分享和转发按钮的状态: 配置完成后分享和转发按钮的状态: 接下来分享全局实现的步骤(不需要在每个页面单独配置): 在utils文件夹下新建share.js文

    2024年04月14日
    浏览(78)
  • 微信小程序全局分享转发实现-无需页面单独设置

    微信小程序没有自带全局分享设置,页面开启分享功能必须要在页面中定义分享事件函数onShareAppMessage(分享给朋友)和onShareTimeline(分享至朋友圈)。如果项目中页面比较多,一个个去设置无疑是非常麻烦的,因此全局设置就非常有必要了。 此时我们将代码放在app.js中,注

    2024年02月16日
    浏览(54)
  • 微信小程序【发送给朋友】和【复制链接】功能,灰色不可用

    每日鸡汤:悲观者可能正确,但是乐观者往往成功 假设你是一个用户,你随便找一个小程序可以看到这几个功能 转发给朋友 分享到朋友圈 复制链接 很常见的功能,但是如果你作为开发者,这几个功能就需要自己做喽,并不是你项目建起来了就有的。 1.【转发给朋友】使用

    2024年02月09日
    浏览(63)
  • 小程序内嵌H5页面,需要在H5页面进行截图保存和转发给朋友的操作

    首先在H5项目内,你需要下载 weixin-js-sdk 和 html2canvas,weixin-js-sdk 是为了在项目内可以使用wx的一些API, html2canvas 是通过canves画出你页面的base64位图片。 npm install --save weixin-js-sdk npm install --save html2canvas 注意,使用weixin-js-sdk应该是要签名的,这个让后端去生成接口去获得 然后

    2024年02月09日
    浏览(33)
  • 微信小程序实现转发给好友以及朋友圈

    小趴菜上线!!!,想来想去还是记录一下这里吧,刚开始也是一脸懵。 这里的分享(转发)有两种途径: 1、通过button去触发:        i: 通过给button 设置 open-type=\\\"share\\\"属性,可以在点击按钮后触发onShareAppMessage事件        ii:只能发送给好友,不能转发朋友圈 2、通过

    2024年02月09日
    浏览(117)
  • 微信小程序web-view嵌入uni-app H5页面,通过H5页面传参给小程序进行转发分享页面,并通过点击转发出来的卡片,定向打开对应H5路径

    index.wxml  index.js 在H5项目的App.vue页面获取参数实现自动跳转到对应页面,包括携带的参数值

    2024年02月12日
    浏览(74)
  • uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)

    大家好!匆匆忙忙又到了周三,今天是 2023年9月13日|农历七月二十九 ,今天这篇文章主要是微信小程序实现分享当前页面到朋友圈或微信好友,下面来看下具体实现方式吧! 带参数和无参数是根据自己的业务需求,如果需要再onLoad函数里面赋值一些属性值的时候可以在 pat

    2024年02月09日
    浏览(51)
  • uniapp 微信小程序分享、分享朋友圈功能

    页内自定义分享按钮 当页面js上没有添加事件“onShareAppMessage”,右上角‘…’不会出现“转发”事件。 如果有事件,但是没有定义事件内容的话,转发的卡片则是当前页面的截屏信息。 官方文档:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 方式1:小程序右上角原生菜

    2024年02月16日
    浏览(64)
  • 微信小程序开启分享给好友及分享朋友圈功能

    创建一个空白模板的微信小程序,发布成功后才发现不能分享给好友 及朋友圈 查了下才知道,要有分享功能需要开启。 在小程序首页的里添加以下两个函数  分享好友 和朋友圈里设置要显示 的标题的图片底图。  return {       title:\\\'分享时标题\\\',       query:{        

    2024年02月12日
    浏览(67)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包