守护小程序安全港湾：巧妙拦截非法外部跳转，让数据安枕无忧#

前端

2023-11-13 13:57:14

##正文

小程序，作为移动互联网时代的新宠儿，凭借其便捷性、易用性和社交属性，迅速风靡全球。然而，随着小程序生态的蓬勃发展，其安全性问题也逐渐凸显。其中，非法外部跳转便是小程序安全的一大隐患。

什么是非法外部跳转？顾名思义，就是指外部小程序或网页，通过某种手段直接跳转到我们小程序的非初始页面。这可能会导致一系列安全问题，例如：

数据泄露： 非法跳转可能会暴露敏感数据，如用户个人信息、交易记录等。
流程中断： 非法跳转可能会打断小程序的正常流程，导致用户体验不佳，甚至引发业务中断。
恶意攻击： 非法跳转可能被恶意利用，用于传播病毒、木马等恶意软件，对小程序的安全造成威胁。

因此，对于小程序开发者而言，如何有效拦截非法外部跳转，保障小程序的安全，是至关重要的问题。

##拦截策略

目前，业界有许多种拦截非法外部跳转的策略，各有优劣。本文将介绍一种优雅的方式，即通过在小程序的入口页面进行拦截。

这种拦截策略的核心思想是，在小程序的入口页面设置一个中间页面，当用户通过非法外部跳转进入小程序时，首先会进入这个中间页面。在此页面，我们可以对跳转来源进行检查，如果检测到非法跳转，则直接拦截，并引导用户回到小程序的初始页面。

这种拦截策略的优点在于，它简单易用，对小程序的代码改动较小，且不会影响小程序的正常使用。

##实现步骤

下面，我们将详细介绍如何实现这种拦截策略：

创建中间页面： 创建一个新的页面，作为小程序的中间页面。在这个页面中，我们可以放置一些引导文字，例如：“您已进入小程序的中间页面，请稍候”，以便用户了解当前的情况。
设置中间页面为入口页面： 在小程序的配置文件中，将中间页面的路径设置为小程序的入口页面。这样，当用户通过非法外部跳转进入小程序时，首先会进入这个中间页面。
检测非法跳转： 在中间页面的代码中，添加对跳转来源的检测逻辑。我们可以通过检查请求头的 Referer 字段，来判断跳转来源是否合法。如果检测到非法跳转，则直接拦截，并引导用户回到小程序的初始页面。

##代码示例

下面是一个简单的代码示例，演示如何实现这种拦截策略：

// 中间页面的代码

Page({
  onLoad: function () {
    // 获取跳转来源
    const referer = this.getReferer();

    // 检测非法跳转
    if (isIllegalJump(referer)) {
      // 拦截非法跳转
      wx.redirectTo({
        url: '/pages/index/index'  // 小程序的初始页面
      });
    }
  }
});

// 检测非法跳转的函数
function isIllegalJump(referer) {
  // 这里可以根据实际情况，定义非法跳转的判断条件
  return referer.indexOf('illegal_domain.com') >= 0;
}