评论
微信小程序分享朋友圈适配,解决打开白屏问题

微信小程序分享朋友圈适配,解决打开白屏问题

小程序隐藏测试

幸福并不是一件值得珍藏的占有物,而是一种思想状态,一种心境。 ---达芙妮·杜穆里埃-

微信小程序分享朋友圈适配,解决打开白屏问题

微信小程序分享朋友圈适配,解决打开白屏问题

微信小程序开启朋友圈分享需要满足:

1.页面需设置允许“发送给朋友”。具体参考 Page.onShareAppMessage 接口文档 

2.页面需设置允许“分享到朋友圈”,同时可自定义标题、分享图等

  /**

   * 用户点击右上角分享

   */

  onShareAppMessage(res) {

    if (res.from === 'button') {

      console.log(res.target)

    }

    return {

      title: '灵沐小程序',

      imageUrl: 'https://www.frbkw.com',

      path: 'pages/doc/doc?id=1'

    }

  },



  //分享盆友圈

  onShareTimeline(res) {

    return {

      title: '灵沐小程序',

      imageUrl: 'https://www.frbkw.com',

      path: 'pages/doc/doc?id=1'

    }

  },

问题

大多数的情况下小程序打开之后是可以正常加载,或遇到一些跳转页面或者组件;会提示“请前往小程序使用完整服务”

app.js中要有出发检测小程序更新,或者页面有插屏广告的时候就会无法加载,需要我们在 App 的 onLaunch 和 onShow,或wx.getLaunchOptionsSync 中获取上述场景值

示例

在app.js中onLaunch获取场景值,设置成全局launchOptions变量

  onLaunch() {

    // 获取启动参数

    const launchOptions = wx.getLaunchOptionsSync();

    this.globalData.launchScene = launchOptions.scene;

    // console.log('Launch options:', launchOptions.scene);



  },

剩下的需要我们在触发弹窗广告或其他组件时候判断是否提示请前往小程序使用完整服务

// 激励视频

getVideoAd: function() {

	let that = this;

	if (app.globalData.launchScene == 1154) {

		wx.showToast({

			title: '请前往小程序使用完整服务',

			icon: "none"

		})

		return;

	}

	...

}
微信小程序分享朋友圈适配,解决打开白屏问题

测试

此外可以在开发工具 添加编译模式 进行测试

微信小程序分享朋友圈适配,解决打开白屏问题