authLoginInApp.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!-- 移动端 twitter授权登录中间页 -->
  2. <template>
  3. <div class="welcome">
  4. <span class="text"></span>
  5. </div>
  6. </template>
  7. <script>
  8. export default {
  9. name: 'authLogin',
  10. data() {
  11. return {
  12. code: '',
  13. };
  14. },
  15. mounted() {
  16. let url = new URL(window.location.href);
  17. let search = url.search;
  18. let urlParams = new URLSearchParams(search);
  19. let verifier = urlParams.get('oauth_verifier');
  20. if (verifier) {
  21. alert(verifier);
  22. window.ReactNativeWebView.postMessage(
  23. JSON.stringify({
  24. verifier,
  25. })
  26. );
  27. // setStorage(storageKey.verifier, verifier);
  28. // let time = process.env.NODE_ENV === 'production' ? 200 : 500;
  29. // setTimeout(() => {
  30. // this.close();
  31. // }, time);
  32. } else {
  33. // 用户取消 或者 异常进入
  34. window.ReactNativeWebView.postMessage(
  35. JSON.stringify({
  36. verifier,
  37. })
  38. );
  39. // setStorage(storageKey.backFromTwitterLogin, 1);
  40. // this.close();
  41. }
  42. },
  43. };
  44. </script>
  45. <style lang="scss" scoped>
  46. body {
  47. background-color: #f5f5f5;
  48. }
  49. .welcome {
  50. display: flex;
  51. align-items: center;
  52. justify-content: center;
  53. width: 100%;
  54. height: 100%;
  55. .text {
  56. font-size: 22px;
  57. color: #1d9bf0;
  58. }
  59. }
  60. </style>