小程序用户进入首页，只弹框一次

傷城~ 2021-08-29 13:52 689阅读 0赞

### 场景 ###

用户第一次进入小程序，需要给用户一个新手引导，但是用户既不登录也不注册。
    只是进来逛了一圈就走了。下次再进来，此用户就不是新用户,就不在有新手引导
    或者首页弹框广告

### 实现 ###

`用户首次进入，在onLoad里就调用wx.login(),将用户的信息存储起来。用户下次进入的时候，只需要判断有无次存储信息即可`

### 代码 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70]

onLoad(options) {
        this.Six();
        if (wxApi.getStorageSync("SixTip") == "") {
          this.alertSix();
        }
      },
      methods: {
        async Six() {
          const data = await wxApi.login();
          console.log(data);
          wxApi.setStorageSync("SixTip", data);
        },
        alertSix() {
          console.log("用户是第一次登录");
          this.$refs.popup.open({});
        },
        }

当用户第一次进来之后，我们可以看到storage已经有了SixTip,那么就用这个标识来进行判断，如果有这个标识，说明不是第一次进入小程序，想弹框，新手引导都可以。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70 1]

### 补充说明 ###

我是对wx.login()进行了封装，才wxApi.login().  
读者可以直接wx.login()

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70]: /images/20210813/852990998f294141aa4b4bb3fa168c2c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70 1]: /images/20210813/ad832ef4651346e2b30b1b8bfe0cd7b3.png