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

媒介

在微信小程序中，将小程序转发给我朋侪，发现转发到朋侪圈是灰色的
::: hljs-center

:::
解决方法

解决方法有两种：

• 每个页面设置，
  
• 使用uniapp全局设置。
  

微信原生写法

• 局部设置
  每个页面局部设置，在页面下,和data同级
  

1. onShareAppMessage(){//点亮发送给朋友
2.     return {
3.       title: '自定义转发标题',//标题
4.       path: '/page/user?id=123'//路径
5.     }
6. },
7. onShareTimeline() {}//点亮分享朋友圈,暂只支持Android平台

复制代码

• 全局设置：
  在app.js中加入以下代码
  

1. !function(){
2.   var PageTmp = Page;
4.   Page =function (pageConfig) {
6.     // 设置全局默认分享
7.     pageConfig = Object.assign({
8.       onShareAppMessage:function () {
9.         return {
10.           title:'默认文案',
11.           path:'默认分享路径+id',
12.           imageUrl:'默认分享图片',
13.         };
14.       }
15.     },pageConfig);
17.     PageTmp(pageConfig);
18.   };
19. }();

复制代码

UniApp写法

新建share.js文件，内容如下：

1. export default {
2.     data() {
3.         return {
4.             //设置默认的分享参数
5.             share: {
6.                 title: '破蛋壳 IT',
7.                 path: '/pages/index',
8.                 imageUrl: '',
9.                 desc: '专注技术分享',
10.                 content: ''
11.             }
12.         }
13.     },
14.     onShareAppMessage(res) {
15.         return {
16.             title: this.share.title,
17.             path: this.share.path,
18.             imageUrl: this.share.imageUrl,
19.             desc: this.share.desc,
20.             content: this.share.content,
21.             success(res) {
22.                 uni.showToast({
23.                     title: '分享成功'
24.                 })
25.             },
26.             fail(res) {
27.                 uni.showToast({
28.                     title: '分享失败',
29.                     icon: 'none'
30.                 })
31.             }
32.         }
33.     },
34.     onShareTimeline() {},
35. }

复制代码

在main.js中引入：

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

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。