h5-colexiu/src/state.ts

import { reactive } from 'vue'
import { browser, setAuth } from './helpers/utils'
import { postMessage } from './helpers/native-message'

type status = 'init' | 'login' | 'logout' | 'error'

export const state = reactive({
  user: {
    status: 'init' as status,
    data: {} as any
  },
  orchestraInfo: {
    token: '' as any,
    phone: '' as any,
    installStatus: 0 as any,
    nickname: '',
    avatar: '',
    unionId: 0 // 是否已关联账号
  } as any, // 管乐团信息
  projectType: 'default' as 'default' | 'tenant', // 机构端，还是默认
  payBackPath: '/tenant/',
  platformType: '' as 'STUDENT' | 'TEACHER',
  platformApi: '/api-student' as '/api-student' | '/api-teacher',
  version: '', // 版本号 例如: 1.0.0
  ossUploadUrl: 'https://ks3-cn-beijing.ksyuncs.com/',
  musicCertStatus: false as boolean, // 是否音乐认证
  openLiveStatus: false as boolean // 是否开通直播
})

// 预览上传到oss的地址
export const getOssUploadUrl = (bucket: string) => {
  const tmpBucket = bucket || 'daya'
  return `https://${tmpBucket}.ks3-cn-beijing.ksyuncs.com/`
}

export const setLoginInit = () => {
  state.user.status = 'init'
  state.user.data = null
}

export const setLogin = (data: any) => {
  state.user.status = 'login'
  state.user.data = data
}

export const setLogout = () => {
  state.user.status = 'logout'
  state.user.data = null
}

export const setLoginError = () => {
  state.user.status = 'error'
  state.user.data = null
}

// 用于处理跳转地址，如果是在app内，则打开一个新的webview, 否则跳转连接
export const openDefaultWebView = (url?: string, callBack?: any) => {
  if (browser().isApp) {
    postMessage({
      api: 'openWebView',
      content: {
        url,
        orientation: 1,
        isHideTitle: false
      }
    })
  } else {
    callBack && callBack()
  }
}

/**
 * @description 微信授权-会根据环境去判断
 * @param wxAppId
 * @param urlString 回调链接【默认当前页面地址】
 * @returns void
 */
export const goWechatAuth = (wxAppId: string, urlString?: string) => {
  // 开发环境
  if (import.meta.env.DEV) {
    const replaceUrl =
      `https://kt.colexiu.com/getWxCode?appid=${
        wxAppId || 'wx8654c671631cfade'
      }&state=STATE&redirect_uri=` +
      encodeURIComponent(urlString || window.location.href)
    window.location.replace(replaceUrl)
  }

  // 生产环境
  if (import.meta.env.PROD) {
    goAuth(wxAppId, urlString)
  }
}

const goAuth = (wxAppId: string, urlString?: string) => {
  // 用户授权
  const urlNow = encodeURIComponent(urlString || window.location.href)
  // console.log(urlNow, 'urlNow');
  const scope = 'snsapi_base' //snsapi_userinfo   //静默授权 用户无感知
  const appid = wxAppId || 'wx8654c671631cfade'
  const url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${urlNow}&response_type=code&scope=${scope}&state=STATE&connect_redirect=1#wechat_redirect`
  window.location.replace(url)
}

/**
 * @description 支付宝授权-会根据环境去判断
 * @param wxAppId
 * @param urlString 回调链接【默认当前页面地址】
 * @returns void
 */
export const goAliAuth = (alipayAppId: string, urlString?: string) => {
  // 支付宝授权
  const urlNow = encodeURIComponent(urlString || window.location.href)
  const appid = alipayAppId || '2021004100630808'
  // 开发环境
  if (import.meta.env.DEV) {
    const url = `https://kt.colexiu.com/getAliCode?app_id=${appid}&state=STATE&redirect_uri=${urlNow}`
    window.location.replace(url)
  }

  // 生产环境
  if (import.meta.env.PROD) {
    alipayAuth(alipayAppId, urlString)
  }
}

const alipayAuth = (alipayAppId: string, urlString?: string) => {
  // 用户授权
  const urlNow = encodeURIComponent(urlString || window.location.href)
  const scope = 'auth_base' //snsapi_userinfo   //静默授权 用户无感知
  const appid = alipayAppId || '2021004100630808'
  // 判断是否是线上
  const url = `https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=${appid}&redirect_uri=${urlNow}&response_type=auth_code&scope=${scope}&state=STATE`
  window.location.replace(url)
}