psy_web_share/App.vue

<script>
import {appId} from './common/config'

export default {
  onLaunch: function () {
    this.createUser();
    //判断是h5 然后是微信浏览器
    // #ifdef H5
    if (this.is_wx()) {
      if (!uni.getStorageSync("openId")) {
        if (this.getCode() == "") {
			// const currenturl = location.href.split("#")[0];
		  uni.setStorageSync("currentUrl",window.location.href.split("#")[0])
          const currenturl = encodeURIComponent(window.location.href.split("#")[0]);
		  //访问这个链接 redirect_uri 传入当前路径---执行后重新跳转到当前页面--但是路径上会带上code参数
          window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${currenturl}&response_type=code&scope=snsapi_base#wechat_redirect`;
        } else {
          let code = this.getCode();
          //拿着code 传输给后台

          this.$request
            .get({
              url: `mp/api/code2accesstoken/${code}`,
            //   loadingTip: "加载中...",
              data: {},
            })
            .then((res) => {
				//将openId参数放进缓存
				uni.setStorageSync('openId',res.data.openid)
			});
        }
      }
    }
    // #endif
  },
  onShow: function () {
    console.log("App Show");
  },
  onHide: function () {
    console.log("App Hide");
  },
  methods: {
    //获取code
    getCode() {
      let code = "";
      let url = window.location.search;
      if (url.indexOf("?") !== -1) {
        var strings = url.substring(1).split("&");
        for (var i in strings) {
          if (strings[i].indexOf("code") === 0) {
            code = strings[i].split("=")[1];
          }
        }
      }
      return code;
    },

    //判断是否是微信浏览器i
    is_wx() {
      let en = window.navigator.userAgent.toLowerCase();
      // 匹配en中是否含有MicroMessenger字符串
      if (en.match(/MicroMessenger/i) == "micromessenger") {
        return true;
      } else {
        return false;
      }
    },
    //微信浏览器h5 调用登录

    //查询用户信息
    createUser() {
      let _this = this;
      // #ifdef H5
      this.$request
        .get({
          url: "system/temporaryUser",
          loadingTip: "加载中...",
        })
        .then((res) => {
          //当是微信浏览器的时候

          uni.setStorageSync("user", res.data.user);
          uni.setStorageSync("token", res.data.token);
        });
      // #endif

      // #ifdef MP-TOUTIAO
      tt.login({
        success(res) {
          let para = {
            code: res.code,
            petName: "",
            modelPhone: "",
          };
          _this.$request
            .post({
              url: "api/douyin/code2Session",
              data: para,
            })
            .then(
              (res) => {
                console.log(res);
                uni.setStorageSync("user", res.data.user);
                uni.setStorageSync("token", res.data.token);
                uni.setStorageSync("openId", res.data.openId);
              },
              (err) => {
                console.log("登录失败", err);
              }
            );
        },
      });
      // #endif
    },
  },
};
</script>

<style>
/*每个页面公共css */
@font-face {
  font-family: "Alibaba PuHuiTi 2.0";
  src: url("https://test.jue-ming.com:8849/api/show?filePath=./webo/font/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff2")
      format("woff2"),
    url("https://test.jue-ming.com:8849/api/show?filePath=./webo/font/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff")
      format("woff"),
    url("https://test.jue-ming.com:8849/api/show?filePath=./webo/font/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ZhankuKuaiLeTi";
  src: url("https://test.jue-ming.com:8849/api/show?filePath=./webo/font/ZhankuKuaiLeTi.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YanShiXieHeiTi";
  src: url("https://test.jue-ming.com:8849/api/show?filePath=./webo/font/演示斜黑体.otf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
</style>