如何使用 Github Action 管理 Issue-CFANZ编程社区

一、背景

在微信小程序中需要完成转发分享功能，接收人未登录小程序情况下，在微信上打开不用强制登录，可以查看部分分享的内容；如果用户要查看更多内容，可以点击【查看全部】按钮，触发登录逻辑，引导用户登录后查看更多内容！

二、实现分享功能，触发 onShareAppMessage 函数

2.1、自定义按钮实现分享

<button open-type="share">
  <text class="iconfont icon-zhuanfa2"></text>
  <text class="num">2</text>
</button>

2.2、定义 onShareAppMessage函数，设置该页面的分享信息

小程序中用户点击分享后，在 js 中定义 onShareAppMessage 处理函数（和 onLoad 等生命周期函数同级），设置该页面的分享信息。用户点击分享按钮的时候会调用此函数

官网详细指引👉：分享 | uni-app官网

onShareAppMessage(res) {
  let pages = getCurrentPages(); //获取当前页面栈的信息
  let currentPage = pages[pages.length - 1]; //获取到当前页面栈中最后一个页面的索引
    if (res.from === 'button') {// 来自页面内分享按钮
      console.log(res.target)
    }
    return {
      title: '自定义分享标题',
      path: currentPage.route + `?id=${this.id}&share=${this.share}` //后面是路径上要传递的参数
    }
  }

2.3、转发的页面效果

三、接收人未登录小程序可查看部分内容

接收人未登录小程序情况下，在微信上打开不用强制登录，可以查看部分分享的内容

3.1、分析：

原本逻辑是在onLoad中已经做了判断，如果用户没登录，会弹窗提示用户登录；

3.2、根据分享时携带的参数，确定是否需要登录提示

上一步在onShareAppMessage分享函数中的路径上有添加一个share参数，那可以在onLoad中根据分享的参数来判断，有参数就不弹窗提示登录

3.3、实际效果

接收用户未登录时只展示部分内容，并提供查看全部按钮，若要查看更多内容，会再弹窗登录提示

四、接收人要查看全部内容，触发登录逻辑

4.1、点击查看全部按钮，触发登录

<view class="more" v-if="!showBottomBox" @click="clickMore">
  <text class="iconfont icon-xiala2-01"></text>
  <text>查看全部</text>
</view>

methods: {
  //点击查看更多按钮
  clickMore(){
   //调用登录方法
   this.checkLogin(this.nowUrl);
  },
}

4.2、解决点击登录后，页面不跳转问题

问题说明：此时用户点击登录后，没有回到刚才查看内容的页面，停留在当前页面不动，主要是没有跳转回去，那问题可能就出现跳转上

找到登录页面，查看传递的参数，打印后发现传递的参数路径是经过encodeURIComponent编码后的，所以跳转不过去，需要利用decodeURIComponent，将其中的百分号编码表示形式转换回原始字符

methods:{
    //授权成功后，登录跳转
   refuse() {
	  console.log('11111backUrl++++',this.backUrl);
      if (this.backUrl) {
      	 uni.reLaunch({
      	 url: decodeURIComponent(this.backUrl)
      	 })
        } else {
      	 uni.reLaunch({
      	 url: '/pages/index/index'
       })
     }
   }
}