jVerificationLogin.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. /**
  2. * 极光一键登录封装
  3. * 功能:1. 判断登录态 2. 未登录则弹出极光一键登录界面 3. 登录成功后执行自定义回调
  4. */
  5. import { isProduction } from '@/common/config'
  6. import HttpRequest from '@/common/httpRequest'
  7. import { getJPLoginParams } from './login'
  8. // 1. 引入极光插件
  9. const jv = uni.requireNativePlugin('JG-JVerification');
  10. // 2. 全局状态(避免重复初始化、保存协议勾选状态)
  11. const jvState = {
  12. isInit: false, // SDK 是否已初始化
  13. };
  14. const isIOS = uni.getSystemInfoSync().platform == "ios"
  15. /**
  16. * 初始化极光 SDK(仅初始化一次)
  17. */
  18. function initJVerification() {
  19. return new Promise((resolve, reject) => {
  20. // 已初始化,直接返回成功
  21. if (jvState.isInit) {
  22. resolve(true);
  23. return;
  24. }
  25. // 初始化 SDK
  26. jv.init({
  27. timeout: 7000,
  28. isProduction: isProduction // 生产环境改为 true
  29. }, (result) => {
  30. if (result.code === 8000) { // 初始化成功(极光返回 code=0 为成功)
  31. jvState.isInit = true;
  32. console.log('极光 SDK 初始化成功');
  33. resolve(true);
  34. } else {
  35. reject(new Error(result.content || '初始化失败'));
  36. }
  37. });
  38. });
  39. }
  40. /**
  41. * 配置极光一键登录自定义 UI
  42. */
  43. function configJVerificationUI() {
  44. if (isIOS) {
  45. // iOS平台
  46. jv.setCustomUIWithConfigiOS({
  47. logoImg: 'static/invite.png',
  48. logoWidth: 200,
  49. logoHeight: 200,
  50. navColor: 0xffffff,
  51. navReturnImg: 'static/close-iOS.png',
  52. numberColor: 0xff333333,
  53. numberSize: 28,
  54. numFieldOffsetY: 340,
  55. sloganOffsetY: 380,
  56. logBtnText: '一键登录',
  57. logBtnOffsetY: 418,
  58. logBtnImgs: ['static/login-btn-iOS.png', 'static/login-btn-iOS.png', 'static/login-btn-iOS.png'],
  59. uncheckedImg: 'static/unchecked-iOS.png',
  60. checkedImg: 'static/checked-iOS.png',
  61. privacyCheckToastMessage: '请点击同意协议',
  62. privacyShowBookSymbol: true,
  63. privacyTextFontSize: 12,
  64. appPrivacyColor: [0xff605D67, 0xff016BF6],
  65. appPrivacys:[
  66. "已阅读并同意",
  67. ["、","《亿职赞用户协议》","https://h5.bosszan.com/my/setting/xieyi","亿职赞用户协议"],
  68. ["和","《隐私协议》","https://h5.bosszan.com/my/setting/mimi","隐私协议"],
  69. ",允许亿职赞统一管理本人账号信息"],
  70. agreementNavBackgroundColor: 0xffffff,
  71. agreementNavReturnImage: 'static/close-iOS.png'
  72. })
  73. } else {
  74. // Android平台
  75. jv.setCustomUIWithConfigAndroid({
  76. setLogoImgPath: 'static/invite.png',
  77. setLogoWidth: 200,
  78. setLogoHeight: 200,
  79. setNumFieldOffsetY: 340,
  80. setSloganOffsetY: 380,
  81. setLogBtnText: '一键登录',
  82. setLogBtnImgPath: 'static/login-btn.png',
  83. setLogBtnHeight: 40,
  84. setLogBtnOffsetY: 418,
  85. setNavReturnImgPath: 'static/close.png',
  86. setNavReturnBtnWidth: 20,
  87. setNavReturnBtnHeight: 20,
  88. setNavReturnBtnOffsetX: 20,
  89. setNavReturnBtnOffsetY: 18,
  90. setNavTransparent: true,
  91. setNumberColor: 0xff333333,
  92. setNumberSize: 28,
  93. setPrivacyOffsetX: 30,
  94. setPrivacyTextSize: 12,
  95. setCheckedImgPathFromJs: 'static/checked.png',
  96. setUncheckedImgPathFromJs: 'static/unchecked.png',
  97. setPrivacyCheckboxSize: 12,
  98. setPrivacyWithBookTitleMark: true,
  99. setAppPrivacyColor: [0xff605D67, 0xff016BF6],
  100. enableHintToast: true,
  101. enableHintToastText: '请点击同意协议',
  102. setPrivacyNameAndUrlBeanList: [{
  103. name: '亿职赞用户协议',
  104. url: 'https://h5.bosszan.com/my/setting/xieyi',
  105. beforeName: '、'
  106. },
  107. {
  108. name: '隐私协议',
  109. url: 'https://h5.bosszan.com/my/setting/mimi',
  110. beforeName: '和'
  111. },
  112. ],
  113. setPrivacyNavColor: 0xff016BF6,
  114. });
  115. }
  116. }
  117. /**
  118. * 执行极光一键登录核心逻辑
  119. */
  120. function doJVerificationLogin(callback) {
  121. return new Promise((resolve, reject) => {
  122. // 预登录(提升登录速度,极光推荐)
  123. jv.preLogin(7000, (preResult) => {
  124. if (preResult.code !== 7000) {
  125. // 预取号失败
  126. plus.nativeUI.toast('一键登录失败')
  127. reject(new Error(preResult.content || '预取号失败'));
  128. return;
  129. }
  130. // 配置自定义 UI
  131. configJVerificationUI();
  132. // 显示一键登录界面
  133. jv.loginAuth({
  134. autoFinish: isIOS ? true : false,
  135. timeout: 5000
  136. }, (loginRes) => {
  137. uni.showLoading({ title: '登录中' })
  138. if (loginRes.code == 6000) {
  139. // 成功获取运营商的loginToken
  140. // 请求后端接口进行登录
  141. const params = {
  142. ...loginRes,
  143. ...getJPLoginParams(),
  144. platform: 'app',
  145. }
  146. HttpRequest
  147. .postJson('/app/Login/jpushLogin', params)
  148. .then((response) => {
  149. if (response.code === 0) {
  150. if (typeof callback === 'function') {
  151. callback(response);
  152. }
  153. // 返回 accessToken,供调用方后续换取手机号
  154. resolve(true);
  155. return
  156. }
  157. plus.nativeUI.toast('登录失败:', response.msg)
  158. })
  159. .finally(() => {
  160. uni.hideLoading()
  161. })
  162. } else if (loginRes.code == 6002) {
  163. // 用户取消了一键登录
  164. uni.hideLoading()
  165. } else {
  166. // 其他情况则跳转到手机验证码登录
  167. uni.hideLoading()
  168. plus.nativeUI.toast('一键登录失败')
  169. }
  170. }, (event) => {
  171. // 监听协议勾选/取消事件
  172. });
  173. });
  174. });
  175. }
  176. /**
  177. * 关闭授权弹窗
  178. */
  179. export function closeVerifyView() {
  180. // #ifdef APP-PLUS
  181. if (!isIOS) {
  182. jv.dismissLoginAuth(true);
  183. }
  184. // #endif
  185. }
  186. /**
  187. * 对外暴露的核心方法:极光一键登录入口
  188. * @param {Function} callback // 成功后执行
  189. */
  190. export function jVerificationLogin(callback) {
  191. initJVerification()
  192. .then(() => doJVerificationLogin(callback))
  193. .catch((err) => {
  194. console.error('极光一键登录失败:', err.message);
  195. });
  196. }