From 820ac74ed43fda964fe7d021b4d88ead751640f2 Mon Sep 17 00:00:00 2001 From: Karlcarlo Date: Tue, 8 Sep 2026 10:22:03 +0800 Subject: [PATCH] =?UTF-8?q?wx-auth.js=20=E6=94=B6=E6=95=9B=E4=B8=BA?= =?UTF-8?q?=E5=94=AF=E4=B8=80=E8=A7=84=E8=8C=83=E6=BA=90=20/shared/wx-auth?= =?UTF-8?q?.js(=E6=96=B0=E6=8C=82=E8=BD=BD),=20demo/docs=20=E5=89=AF?= =?UTF-8?q?=E6=9C=AC=E5=88=A0=E9=99=A4,=20=E5=BC=95=E7=94=A8=E5=B8=A6?= =?UTF-8?q?=E7=89=88=E6=9C=AC=E5=8F=82=E6=95=B0=20(v26090804)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 4 +- wx-auth.js | 108 ----------------------------------------------------- 2 files changed, 2 insertions(+), 110 deletions(-) delete mode 100644 wx-auth.js diff --git a/index.html b/index.html index 1cbccd1..5fff2a0 100644 --- a/index.html +++ b/index.html @@ -89,7 +89,7 @@ - + - 用法：在 H5 页面里 - - 然后： - wxAuth.init(); // 检测环境 + 读取已授权资料(hash) + 回填 - wxAuth.isAuthorized(); // 是否已授权（手机号/昵称/头像任一非空） - wxAuth.requestProfile(); // 点「授权登录」→ postMessage 通知宿主页 - wxAuth.goMall(); // 点「进商城」→ 跳小程序商城 tabBar 页 - 回传协议：宿主页授权成功后更新 web-view src 为 - ?t=#openid=..&phone=..&nickname=..&avatar=.. - （微信 webview 丢 query、不丢 hash，故授权结果放 hash） - ============================================================ */ -(function (g) { - 'use strict'; - function readHash(name) { - try { - var h = location.hash.slice(1) + '&' + location.search.slice(1); - var m = h.match(new RegExp('(?:^|[&#])' + name + '=([^&#]*)(?:$|[&#])')); - return m ? decodeURIComponent(m[1]) : ''; - } catch (e) { return ''; } - } - var wxAuth = { - MODE: 'browser', // 'webview' | 'wechat-browser' | 'browser' - inWebview: false, - onReady: null, - /* ① 环境检测 + 读回传资料（授权后宿主更新 src，本页重载读到 hash） */ - init: function (cb) { - this.onReady = cb || null; - var self = this; - var isWechat = /MicroMessenger/i.test(navigator.userAgent); - function setMode(m) { - self.MODE = m; self.inWebview = (m === 'webview'); - if (self.onReady) self.onReady(self); - } - if (window.wx && window.wx.miniProgram) { - var responded = false; - window.wx.miniProgram.getEnv(function (r) { - responded = true; - setMode(r && r.miniprogram ? 'webview' : (isWechat ? 'wechat-browser' : 'browser')); - }); - setTimeout(function () { if (!responded) setMode(isWechat ? 'wechat-browser' : 'browser'); }, 800); - } else { - setMode(isWechat ? 'wechat-browser' : 'browser'); - } - }, - /* ② 读取授权结果（hash 里的 phone/nickname/avatar） */ - readAuth: function () { - return { phone: readHash('phone'), nickname: readHash('nickname'), avatar: readHash('avatar') }; - }, - /* ③ 是否已授权 */ - isAuthorized: function () { - var a = this.readAuth(); - return !!(a.nickname || a.avatar || a.phone); - }, - /* ④ 请求授权：navigateTo → 小程序端独立授权页(默认 pages/annex/auth/index)。 - 改动说明：微信 web-view 的 postMessage 非实时送达，点击时端上收不到； - 改用 wx.miniProgram.navigateTo 实时跳转到授权页，避开该限制。 */ - /* ④ 请求授权：环境判定（与 goMall/mama-box 同一套）： - ① UA 不含 MicroMessenger = 普通浏览器 → 直接提示（秒出，不等超时）； - ② 微信内 → getEnv 确认是否 webview（纯浏览器加载了 jweixin 时 getEnv - 不回调，800ms 超时兜底）→ 是小程序才 navigateTo 授权页。 */ - requestProfile: function (authPage) { - var self = this; - function nav() { - window.wx.miniProgram.navigateTo({ url: authPage || '/pages/annex/auth/index' }); - self.toast('正在打开授权页…'); - } - if (!/MicroMessenger/i.test(navigator.userAgent)) { - this.toast('请在小程序中完成授权登录'); - return; - } - if (window.wx && window.wx.miniProgram) { - var responded = false; - window.wx.miniProgram.getEnv(function (r) { - responded = true; - if (r && r.miniprogram) nav(); - else self.toast('请在小程序中完成授权登录'); - }); - setTimeout(function () { - if (!responded) self.toast('请在小程序中完成授权登录'); - }, 800); - } else { - this.toast('请在小程序中完成授权登录'); - } - }, - /* ⑤ 跳小程序商城（tabBar 页用 switchTab；非 tabBar 用 navigateTo） */ - goMall: function (url) { - if (!(window.wx && window.wx.miniProgram)) { this.toast('请在微信小程序中打开商城'); return; } - window.wx.miniProgram.switchTab({ url: url || '/pages/goods_cate/goods_cate' }); - }, - /* ⑥ 展示授权结果到指定元素（可选便捷方法） */ - fillAuth: function (nameEl, avatarEl) { - var a = this.readAuth(); - if (nameEl && a.nickname) nameEl.textContent = a.nickname; - if (avatarEl && a.avatar) avatarEl.src = a.avatar; - }, - toast: function (m) { - var t = document.getElementById('toast'); - if (!t) return; - t.textContent = m; t.classList.add('show'); - clearTimeout(t._tt); t._tt = setTimeout(function () { t.classList.remove('show'); }, 1800); - } - }; - g.wxAuth = wxAuth; -})(window);