mixin.js 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299
  1. import Vue from "vue";
  2. export default {
  3. data() {
  4. return {
  5. configAll: {
  6. disable_send_province: [],
  7. }, //公共配置
  8. login_show: false,
  9. login_content:
  10. "美美号源将获取您的头像丶昵称丶手机号等信息为您提供优质的服务.",
  11. chanId: "", //站点id
  12. mixin_code: "", //授权code
  13. mixin_type: "", //小程序区别
  14. };
  15. },
  16. onLaunch() {
  17. console.log("onLaunch");
  18. },
  19. onShow() {
  20. this.login_content = "美美号源将登录账号为您提供优质的服务.";
  21. //#ifdef MP-TOUTIAO
  22. this.mixin_type = "TOUTIAO";
  23. this.login_content =
  24. "美美号源将获取您的头像丶昵称等信息为您提供优质的服务.";
  25. tt.showShareMenu({
  26. menus: ["share", "record"],
  27. success(res) {
  28. // console.log("已成功显示转发按钮", res);
  29. },
  30. fail(err) {
  31. // console.log("showShareMenu 调用失败", err.errMsg);
  32. },
  33. complete(res) {
  34. // console.log("showShareMenu 调用完成", res);
  35. },
  36. });
  37. //#endif
  38. //#ifdef H5
  39. this.mixin_type = "H5";
  40. //#endif
  41. // console.log(this.mixin_type)
  42. // 除了H5 小程序需要登录
  43. // if(this.mixin_type!='H5'){
  44. // if(!uni.getStorageSync('token')){
  45. // this.login_show=true;
  46. // this.getcode()
  47. // }else{
  48. // // 有token 判断是否过期
  49. // Vue.prototype.$http.userIndex()
  50. // .then(res=>{
  51. // if(res.statusCode==401){
  52. // uni.removeStorageSync('token');
  53. // uni.showToast({
  54. // title: '登录失效,请重新进入小程序.',
  55. // duration: 2000,
  56. // icon: 'none'
  57. // });
  58. // const pages = getCurrentPages()
  59. // // 声明一个pages使用getCurrentPages方法
  60. // const curPage = pages[pages.length - 1]
  61. // // 声明一个当前页面
  62. // curPage.onLoad(curPage.options) // 传入参数
  63. // curPage.onShow()
  64. // curPage.onReady()
  65. // }
  66. // })
  67. // }
  68. // //快手分享
  69. if (this.mixin_type != "TOUTIAO") {
  70. ks.showShareMenu({
  71. success(res) {
  72. // console.log("已成功显示转发按钮", res);
  73. },
  74. });
  75. }
  76. // }
  77. },
  78. onLoad(option) {
  79. // if(option.chanId){
  80. // this.chanId = option.chanId
  81. // uni.setStorageSync('chanId', this.chanId);
  82. // }
  83. // if(uni.getStorageSync('chanId')){
  84. // this.chanId = uni.getStorageSync('chanId')
  85. // }
  86. // // 公共配置
  87. this.commonConfig();
  88. },
  89. onHide() {
  90. // console.log('onHide')
  91. // uni.removeStorageSync('chanId');
  92. },
  93. onUnload() {
  94. // console.log('onUnload')
  95. // uni.removeStorageSync('chanId');
  96. },
  97. methods: {
  98. // 用于处理请求腾讯api 跨域问题
  99. jsonp(url, data) {
  100. return new Promise((resolve, reject) => {
  101. // 1.初始化url
  102. let dataString = url.indexOf("?") === -1 ? "?" : "&";
  103. let callbackName = `jsonpCB_${Date.now()}`;
  104. url += `${dataString}callback=${callbackName}`;
  105. if (data) {
  106. // 2.有请求参数,依次添加到url
  107. for (let k in data) {
  108. url += `&${k}=${data[k]}`;
  109. }
  110. }
  111. let scriptNode = document.createElement("script");
  112. scriptNode.src = url;
  113. // 3. callback
  114. window[callbackName] = (result) => {
  115. result ? resolve(result) : reject("没有返回数据");
  116. delete window[callbackName];
  117. document.body.removeChild(scriptNode);
  118. };
  119. // 4. 异常情况
  120. scriptNode.addEventListener(
  121. "error",
  122. () => {
  123. reject("接口返回数据失败");
  124. delete window[callbackName];
  125. document.body.removeChild(scriptNode);
  126. },
  127. false
  128. );
  129. // 5. 开始请求
  130. document.body.appendChild(scriptNode);
  131. });
  132. },
  133. // 快手 授权获取手机号登录
  134. decryptPhoneNumber(e) {
  135. console.log(e.detail);
  136. Vue.prototype.$http
  137. .KuaishouLogin({
  138. code: this.mixin_code,
  139. encryptedData: e.detail.encryptedData,
  140. iv: e.detail.iv,
  141. })
  142. .then((res) => {
  143. if (res.data.code == 1) {
  144. uni.setStorageSync("token", res.data.data.userinfo.token);
  145. this.login_show = false;
  146. const pages = getCurrentPages();
  147. // 声明一个pages使用getCurrentPages方法
  148. const curPage = pages[pages.length - 1];
  149. // 声明一个当前页面
  150. curPage.onLoad(curPage.options); // 传入参数
  151. curPage.onShow();
  152. } else {
  153. uni.showToast({
  154. title: res.data.msg,
  155. duration: 2000,
  156. icon: "none",
  157. });
  158. uni.removeStorageSync("token");
  159. }
  160. });
  161. },
  162. // 取消授权按钮呢
  163. login_cancel() {
  164. console.log("取消");
  165. this.login_show = false;
  166. // 抖音直接退出小程序
  167. //#ifdef MP-TOUTIAO
  168. tt.exitMiniProgram({
  169. success() {
  170. console.log("exited");
  171. },
  172. });
  173. //#endif
  174. },
  175. // 确认按钮
  176. login_confirm() {
  177. // 用户登录
  178. this.userLogin();
  179. },
  180. commonConfig() {
  181. Vue.prototype.$http.commonConfig().then((res) => {
  182. if (res.data.code == 1) {
  183. this.configAll = res.data.data;
  184. console.log(this.configAll);
  185. }
  186. });
  187. },
  188. getcode() {
  189. console.log("getcode");
  190. let this_ = this;
  191. // 获取openid
  192. uni.getProvider({
  193. service: "oauth",
  194. copes: "auth_user",
  195. success: function (res) {
  196. console.log(res.provider[0]);
  197. uni.login({
  198. provider: res.provider[0], //这里服务商名是字节跳动小程序 所以填toutiao
  199. success: function (loginRes) {
  200. console.log(1231, loginRes);
  201. this_.mixin_code = loginRes.code;
  202. },
  203. });
  204. },
  205. });
  206. },
  207. // 抖音登录
  208. userLogin() {
  209. let this_ = this;
  210. // tt.getUserProfile({
  211. // success(res) {
  212. // console.log("getUserProfile 调用成功:", res.userInfo);
  213. // },
  214. // fail(res) {
  215. // console.log("getUserProfile 调用失败", res);
  216. // },
  217. // });
  218. uni.getUserInfo({
  219. withCredentials: true,
  220. success(res) {
  221. console.log(res);
  222. Vue.prototype.$http
  223. .dy_login({
  224. code: this_.mixin_code,
  225. encryptedData: res.encryptedData,
  226. iv: res.iv,
  227. })
  228. .then((res) => {
  229. if (res.data.code == 1) {
  230. this_.login_show = false;
  231. uni.setStorageSync("token", res.data.data.userinfo.token);
  232. const pages = getCurrentPages();
  233. // 声明一个pages使用getCurrentPages方法
  234. const curPage = pages[pages.length - 1];
  235. // 声明一个当前页面
  236. curPage.onLoad(curPage.options); // 传入参数
  237. curPage.onShow();
  238. } else {
  239. this_.login_show = false;
  240. uni.showToast({
  241. title: res.data.msg,
  242. duration: 2000,
  243. icon: "none",
  244. });
  245. uni.removeStorageSync("token");
  246. }
  247. });
  248. },
  249. });
  250. },
  251. // 用于处理请求腾讯api 跨域问题
  252. jsonp(url, data) {
  253. return new Promise((resolve, reject) => {
  254. // 1.初始化url
  255. let dataString = url.indexOf("?") === -1 ? "?" : "&";
  256. let callbackName = `jsonpCB_${Date.now()}`;
  257. url += `${dataString}callback=${callbackName}`;
  258. if (data) {
  259. // 2.有请求参数,依次添加到url
  260. for (let k in data) {
  261. url += `&${k}=${data[k]}`;
  262. }
  263. }
  264. let scriptNode = document.createElement("script");
  265. scriptNode.src = url;
  266. // 3. callback
  267. window[callbackName] = (result) => {
  268. result ? resolve(result) : reject("没有返回数据");
  269. delete window[callbackName];
  270. document.body.removeChild(scriptNode);
  271. };
  272. // 4. 异常情况
  273. scriptNode.addEventListener(
  274. "error",
  275. () => {
  276. reject("接口返回数据失败");
  277. delete window[callbackName];
  278. document.body.removeChild(scriptNode);
  279. },
  280. false
  281. );
  282. // 5. 开始请求
  283. document.body.appendChild(scriptNode);
  284. });
  285. },
  286. },
  287. };