实现联通cookie获取

Author: 2214962083

src/index.ts

@@ -1 +1 @@
-import './scripts/helloWorld.tsx'
+import './scripts/china10010.tsx'

src/scripts/china10010.tsx

@@ -11,6 +11,7 @@ import {
  showPreviewOptions,
  useStorage,
  request,
+ sleep,
 } from '@app/lib/help'
 import {FC} from 'react'
 
@@ -65,7 +66,7 @@ interface PageInfo {
  cookie: string | null
 
  /**js执行的错误信息*/
- err: Error
+ err: string
 }
 
 /**有用的手机卡数据*/
@@ -121,6 +122,19 @@ class China10010 {
  // 渲染尺寸
  const size = config.widgetFamily
 
+ // 获取数据
+ const usefulPhoneDatas = await this.getUserfulPhoneData(getStorage<string>('phoneNumber') || '')
+
+ if (typeof usefulPhoneDatas === 'string') {
+ return (
+ <wbox>
+ <wtext textAlign="center" font={20}>
+ {usefulPhoneDatas}
+ </wtext>
+ </wbox>
+ )
+ }
+ console.log(usefulPhoneDatas)
  return (
  <wbox
  padding={[0, 0, 0, 0]}
@@ -146,62 +160,37 @@ class China10010 {
  <wspacer></wspacer>
  <wspacer></wspacer>
  {/* 内容 */}
- {size === 'small' && this.renderSmall(articleList)}
- {size === 'medium' && this.renderMedium(articleList)}
- {size === 'large' && this.renderLarge(articleList)}
+ {size === 'small' && this.renderSmall(usefulPhoneDatas)}
+ {size === 'medium' && this.renderMedium(usefulPhoneDatas)}
+ {size === 'large' && this.renderLarge(usefulPhoneDatas)}
  </wstack>
  </wbox>
  )
  }
 
  // 渲染小尺寸
- renderSmall(articleList: ArticleInfo[]) {
- const article = articleList[0]
+ renderSmall(usefulPhoneDatas: UsefulPhoneData[]) {
  return (
- <wstack flexDirection="column">
- <wtext font={Font.lightSystemFont(14)} textColor={textColor}>
- {article.title}
- </wtext>
- <wspacer></wspacer>
- <wstack>
- <wspacer></wspacer>
- <wtext maxLine={1} font={Font.lightSystemFont(12)} opacity={0.6} textColor={textColor}>
- {article.hot}
- </wtext>
- </wstack>
- <wspacer></wspacer>
- </wstack>
+ <>
+ <wtext>hello</wtext>
+ </>
  )
  }
 
  // 渲染中尺寸
- renderMedium(articleList: ArticleInfo[]) {
- const _articleList = articleList.slice(0, 4)
+ renderMedium(usefulPhoneDatas: UsefulPhoneData[]) {
  return (
  <>
- <wstack flexDirection="column">
- {_articleList.map((article, index) => (
- <Article article={article} sort={index + 1}></Article>
- ))}
- </wstack>
- <wspacer></wspacer>
- <wspacer></wspacer>
+ <wtext>hello</wtext>
  </>
  )
  }
 
  // 渲染大尺寸
- renderLarge(articleList: ArticleInfo[]) {
- const _articleList = articleList.slice(0, 10)
+ renderLarge(usefulPhoneDatas: UsefulPhoneData[]) {
  return (
  <>
- <wstack flexDirection="column">
- {_articleList.map((article, index) => (
- <Article article={article} sort={index + 1}></Article>
- ))}
- </wstack>
- <wspacer></wspacer>
- <wspacer></wspacer>
+ <wtext>hello</wtext>
  </>
  )
  }
@@ -210,21 +199,85 @@ class China10010 {
  async showMenu() {
  const selectIndex = await showActionSheet({
  title: '菜单',
- itemList: ['登录', '设置手机号', '设置颜色', '设置透明背景', '预览组件'],
+ itemList: ['登录', '设置手机号和cookie', '设置颜色', '设置透明背景', '预览组件'],
  })
  switch (selectIndex) {
  case 0:
  const {cancel: cancelLogin} = await showModal({
  title: '为什么要登录',
  content:
- '获取手机号码信息需要 cookie，而 cookie 不登录获取不到\n\n若 cookie 失效，再次登录即可\n\n登录完成后，自行关闭网页',
+ '获取手机号码信息需要 cookie，而 cookie 不登录获取不到\n\n若 cookie 失效，再次登录即可\n\n登录完成后，关闭网页，网页会再自动打开\n\n此时点击底部按钮复制 cookie ，然后关网页去设置cookie',
  confirmText: '去登录',
  })
  if (cancelLogin) return
- const loginUrl = 'https://uac.10010.com/oauth2/new_auth?display=wap&page_type=05'
- await WebView.loadURL(loginUrl, undefined, true)
+ const loginUrl = 'http://wap.10010.com/mobileService/myunicom.htm'
+ const webview = new WebView()
+ await webview.loadURL(loginUrl)
+ await webview.present()
+
+ /**循环插入脚本等待时间，单位：毫秒*/
+ const sleepTime = 1000
+
+ /**循环时间统计，单位：毫秒*/
+ let waitTimeCount = 0
+
+ /**最大循环时间，单位：毫秒*/
+ const maxWaitTime = 10 * 60 * sleepTime
+
+ while (true) {
+ if (waitTimeCount >= maxWaitTime) break
+ const {isAddCookieBtn} = (await webview.evaluateJavaScript(`
+ window.isAddCookieBtn = false
+ if (document.cookie.match('jsessionid')) {
+ const copyWrap = document.createElement('div')
+ copyWrap.innerHTML = \`
+ <div style="position: fixed; bottom: 0; left: 0; z-index: 999999; width: 100vw; height: 10vh; text-align: center; line-height: 10vh; background: #000000; color: #ffffff; font-size: 16px;" id="copy-btn">复制cookie</div>
+ \`
+ function copy(text) {
+ var input = document.createElement('input');
+ input.setAttribute('value', text);
+ document.body.appendChild(input);
+ input.select();
+ var result = document.execCommand('copy');
+ document.body.removeChild(input);
+ return result;
+ }
+ document.body.appendChild(copyWrap)
+ const copyBtn = document.querySelector('#copy-btn')
+ copyBtn.onclick = () => {
+ copy(document.cookie)
+ copyBtn.innerText = '复制成功'
+ copyBtn.style.background = 'green'
+ }
+ window.isAddCookieBtn = true
+ }
+ Object.assign({}, {isAddCookieBtn: window.isAddCookieBtn})
+ `)) as {isAddCookieBtn: boolean}
+ if (isAddCookieBtn) break
+ await sleep(sleepTime)
+ waitTimeCount += sleepTime
+ }
+ await webview.present()
  break
  case 1:
+ const {texts: phoneInfo, cancel: phoneInfoCancel} = await showModal({
+ title: '设置手机号和cookie',
+ content: '请务必先登录，在登录处复制好 cookie 再来，不懂就仔细看登录说明',
+ inputItems: [
+ {
+ text: getStorage<string>('phoneNumber') || '',
+ placeholder: '这里填你的手机号',
+ },
+ {
+ text: getStorage<string>('cookie') || '',
+ placeholder: '这里填cookie',
+ },
+ ],
+ })
+ if (phoneInfoCancel) return
+ setStorage('phoneNumber', phoneInfo[0])
+ setStorage('cookie', phoneInfo[1])
+ await showNotification({title: '设置完成', sound: 'default'})
  break
  case 2:
  const {texts, cancel} = await showModal({
@@ -261,38 +314,26 @@ class China10010 {
  }
 
  // 获取手机卡数据
- async getPhoneData(phoneNumber: number): Promise<UsefulPhoneData[] | string> {
- if (!isLaunchInsideApp() && !getStorage('cookie')) {
- await showNotification({title: 'cookie 不存在，请先登录', sound: 'failure'})
- return 'cookie 不存在，请先登录'
- }
+ async getUserfulPhoneData(phoneNumber: string): Promise<UsefulPhoneData[] | string> {
+ if (!phoneNumber) return '请设置手机号'
+ if (!isLaunchInsideApp() && !getStorage('cookie')) return 'cookie 不存在，请先登录'
  const api = `https://wap.10010.com/mobileService/home/queryUserInfoSeven.htm?version=iphone_c@7.0403&desmobiel=${phoneNumber}&showType=3`
- const getPageInfo = async (): Promise<PageInfo> => {
- const webview = new WebView()
- await webview.loadURL(api)
- await webview.waitForLoad()
- const setCookie = `document.cookie = "${getStorage('cookie') || ''}"`
- const {phoneDatas, cookie, err} = (await webview.evaluateJavaScript(`
- let cookie = document.cookie
- let phoneDatas = {}
- let err = ''
- ${isLaunchInsideApp() ? '' : setCookie}
- try {
- phoneDatas = JSON.parse(document.body.innerText)
- } catch (error) {
- err = error
- }
- Object.assign({}, {phoneDatas, cookie, err})
- `)) as PageInfo
- err && console.warn('获取数据出错', err)
- return {phoneDatas, cookie, err}
- }
- const {phoneDatas, cookie} = await getPageInfo()
- isLaunchInsideApp() && cookie && setStorage('cookie', cookie)
- let usefulPhoneData: UsefulPhoneData[] = []
+ // 获取手机卡信息列表
+ const res = await request<PhoneDatas>({
+ url: api,
+ dataType: 'json',
+ header: {
+ 'user-agent':
+ 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1',
+ cookie: getStorage<string>('cookie') || '',
+ },
+ })
+ // isLaunchInsideApp() && cookie && setStorage('cookie', cookie)
+ let usefulPhoneDatas: UsefulPhoneData[] = []
  try {
+ const phoneDatas: PhoneData[] = res.data?.data.dataList || []
  // 提取有用的信息
- usefulPhoneData = phoneDatas.data.dataList.map(info => {
+ usefulPhoneDatas = phoneDatas.map(info => {
  const present = info.usedTitle.replace(/(已用|剩余)([\d\.]+)?\%/, (...args) => {
  return args[1] === '剩余' ? args[2] : 100 - args[2]
  })
@@ -305,10 +346,11 @@ class China10010 {
  }
  })
  } catch (err) {
+ console.warn(`获取联通卡信息失败: ${err}`)
  await showNotification({title: '获取联通卡信息失败', body: '检查一下网络，或重新登录', sound: 'failure'})
  return '获取联通卡信息失败\n检查一下网络，或重新登录'
  }
- return usefulPhoneData
+ return usefulPhoneDatas
  }
  // // 获取手机卡数据
  // async getPhoneData(phoneNumber: number): Promise<UsefulPhoneData[] | string> {