整體UI：

目錄框架：

app.js文件代碼：

1. //app.js
2. var Promise = require('es6-promise.min.js');//引入ES6
3. App({
4. onError:function(res){
5. console.log(res);
6. },
7. //獲取session
8. getSession:function(){
9. var info=wx.getStorageSync('session');
10. return info.session;
11. },
12. //獲取用戶信息
13. getUserInfo:function(){
14. var timestamp=getTimestamp();//獲取當前時間戳
15. //檢查微信登錄態是否過期
16. var checkSession = function(){
17. return new Promise(function(resolve,reject){
18. wx.checkSession({
19. fail: function(){
20. reject();
21. },
22. success:function(){
23. resolve();
24. }
25. });
26. });
27. };
28. //檢查SESSION緩存是否過期
29. var checkStorage = function () {
30. return new Promise(function(resolve,reject){
31. wx.getStorage({
32. key: 'session',
33. success: function(res) {
34. if(res.data.expires){
35. if(timestamp>res.data.expires){//超時
36. resolve();
37. }else{
38. reject();
39. }
40. }else{
41. resolve();
42. }
43. },
44. fail:function(){
45. resolve();
46. }
47. });
48. });
49. };
50. //刷新用戶信息
51. var updateUserInfo=function(){
52. return new Promise(function(resolve,reject){
53. wx.showToast({
54. title: '加載中',
55. icon: 'loading',
56. duration: 10000,
57. mask:true
58. });
59. resolve();
60. });
61. }
62. //用戶授權登錄
63. var login= function(){
64. return new Promise(function(resolve,reject){
65. wx.login({
66. success: function(loginRes) {
67. resolve(loginRes);
68. },
69. fail:function(res){
70. reject(res);
71. }
72. });
73. });
74. }
75. <code o="" cl="" ptm="" pbm"="" style=" padding: 0px; margin: 0px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace;">