update0512

miniProgram/.eslintrc.js

@@ -0,0 +1,31 @@
+/*
+ * Eslint config file
+ * Documentation: https://eslint.org/docs/user-guide/configuring/
+ * Install the Eslint extension before using this feature.
+ */
+module.exports = {
+  env: {
+    es6: true,
+    browser: true,
+    node: true,
+  },
+  ecmaFeatures: {
+    modules: true,
+  },
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  globals: {
+    wx: true,
+    App: true,
+    Page: true,
+    getCurrentPages: true,
+    getApp: true,
+    Component: true,
+    requirePlugin: true,
+    requireMiniProgram: true,
+  },
+  // extends: 'eslint:recommended',
+  rules: {},
+}

miniProgram/app.js

@@ -0,0 +1,82 @@
+require('./utils/mixins_core')
+import fetchutil from './utils/http'
+
+
+// app.ts
+App({
+  globalData: {
+    userInfo: '',
+    hasAvatar: ''
+  },
+
+  watch(key, method) {
+    var obj = this.globalData;
+
+    //加个前缀生成隐藏变量，防止死循环发生
+    let ori = obj[key]; //obj[key]这个不能放在Object.defineProperty里
+    if (ori) { //处理已经声明的变量，绑定处理
+      method(ori);
+    }
+    Object.defineProperty(obj, key, {
+      configurable: true,
+      enumerable: true,
+      set: function (value) {
+        this['_' + key] = value;
+        method(value);
+      },
+      get: function () {
+        // 在其他界面调用key值的时候，这里就会执行。
+        if (typeof this['_' + key] == 'undefined') {
+          if (ori) {
+            //这里读取数据的时候隐藏变量和 globalData设置不一样，所以要做同步处理
+            this['_' + key] = ori;
+            return ori;
+          } else {
+            return undefined;
+          }
+        } else {
+          return this['_' + key];
+        }
+      }
+    })
+  },
+  
+  login() {
+    wx.login({
+      success: res => {
+        fetchutil.get(`api/wx/login/${res.code}`, {}, {}).then((response) => {
+          wx.setStorageSync('token', response.data.token)
+          this.globalData.userInfo = {
+            ...this.globalData.userInfo,
+            ...response.data.wxUser
+          }
+          this.globalData.hasAvatar = response.data.wxUser.avatarUrl
+          console.log(response);
+        })
+      },
+    })
+
+  },
+
+
+
+  onLaunch() {
+
+    let token = wx.getStorageSync('token')
+
+    if (token) {
+      fetchutil.get(`api/wx/checkToken`, {}, {}).then((response) => {
+        if (!response.data) {
+          this.login()
+        }
+      }).catch(() => {
+        // @ts-ignore
+        this.login()
+      })
+    } else {
+      // @ts-ignore
+      this.login()
+    }
+
+  },
+})

miniProgram/app.json

@@ -0,0 +1,15 @@
+{
+  "pages": [
+    "pages/index/index",
+    "pages/webview/index"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "Weixin",
+    "navigationBarTextStyle": "black",
+    "pageOrientation": "landscape"
+  },
+  "style": "v2",
+  "sitemapLocation": "sitemap.json"
+}

miniProgram/app.wxss

@@ -0,0 +1,2 @@
+/**app.wxss**/
+@import './styles/common.wxss';

miniProgram/components/authorize/index.js

@@ -0,0 +1,111 @@
+// components/authorize/index.ts
+import fetchutil from '../../utils/http'
+
+var {
+  CDN_URL,
+  API_BASE_URL
+} = require('../../utils/util')
+
+const app = getApp()
+
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    inputNickName: '',
+    avatarUrl: `${CDN_URL}images/default.png`,
+    CDN_URL
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    bindKeyInput(e) {
+      console.log(e.detail.value);
+      this.setData({
+        inputNickName: e.detail.value
+      })
+    },
+    onChooseAvatar(e) {
+      const {
+        avatarUrl
+      } = e.detail
+      this.setData({
+        avatarUrl,
+      })
+    },
+    onCancel() {
+      this.triggerEvent('onCancel')
+    },
+    onComfirm() {
+      this.updateUserInfo(() => {
+        this.triggerEvent('onComfirm')
+      })
+    },
+
+    onChooseAvatar(e) {
+      const {
+        avatarUrl
+      } = e.detail
+
+      console.log(e);
+      let loginSessionKey = wx.getStorageSync("token");
+
+      wx.uploadFile({
+        filePath: avatarUrl,
+        name: 'file',
+        url: API_BASE_URL + 'api/cms/wxUser/upload',
+        header: {
+          token: loginSessionKey
+        },
+        formData: {
+          type: 'img'
+        },
+        success: (res) => {
+
+          let respon = JSON.parse(res.data)
+          this.setData({
+            avatarUrl: API_BASE_URL + (API_BASE_URL.length > 10 ? 'api' : '') + respon.data.filePath
+          })
+
+        },
+        fail: function (res) {
+          console.log(res); //发送失败回调，可以在这里了解失败原因
+        }
+      })
+
+
+    },
+
+
+    updateUserInfo(cb = () => {}) {
+
+      if (!this.data.avatarUrl || !this.data.inputNickName.trim()) {
+        wx.showToast({
+          title: '请补充完整信息~',
+          icon: 'error'
+        })
+        return
+      }
+
+      fetchutil.post(`api/cms/wxUser/update`, {
+        "avatarUrl": this.data.avatarUrl,
+        "nickName": this.data.inputNickName,
+      }, {}).then((res) => {
+        app.globalData.userInfo = res.data;
+        cb()
+      }).catch(() => {})
+    },
+
+
+  }
+})

miniProgram/components/authorize/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

miniProgram/components/authorize/index.less

@@ -0,0 +1,39 @@
+/* components/authorize/index.wxss */
+.authcon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  .authbody {
+    .avatar-wrapper {
+      width: 80rpx;
+      height: 80rpx;
+      padding: 0;
+
+      >image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    >input {
+      background: #ffffff;
+      margin-top: 20rpx;
+      padding: 6rpx 20rpx;
+      border-radius: 8rpx;
+    }
+
+    .btn-area {
+      display: flex;
+      width: 100%;
+      justify-content: space-around;
+      text-align: center;
+      margin-top: 20rpx;
+
+      >image {
+        width: 46%;
+      }
+    }
+  }
+}

miniProgram/components/authorize/index.wxml

@@ -0,0 +1,14 @@
+<!--components/authorize/index.wxml-->
+<view class="authcon">
+  <view class="authbody">
+    <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
+      <image mode="aspectFit" class="avatar" src="{{avatarUrl}}"></image>
+    </button> 
+    <input type="nickname" bindinput="bindKeyInput" value="{{inputNickName}}" maxlength="20" placeholder="请输入昵称" class="nameinput" />
+
+    <view class="btn-area">
+      <image bindtap="onCancel" src="{{CDN_URL}}images/btn_cancel.png" mode="widthFix"/>
+      <image bindtap="onComfirm" src="{{CDN_URL}}images/btn_concert.png" mode="widthFix"/>
+    </view>
+  </view>
+</view>

miniProgram/components/authorize/index.wxss

@@ -0,0 +1,32 @@
+/* components/authorize/index.wxss */
+.authcon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.authcon .authbody .avatar-wrapper {
+  width: 80rpx;
+  height: 80rpx;
+  padding: 0;
+}
+.authcon .authbody .avatar-wrapper > image {
+  width: 100%;
+  height: 100%;
+}
+.authcon .authbody > input {
+  background: #ffffff;
+  margin-top: 20rpx;
+  padding: 6rpx 20rpx;
+  border-radius: 8rpx;
+}
+.authcon .authbody .btn-area {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  text-align: center;
+  margin-top: 20rpx;
+}
+.authcon .authbody .btn-area > image {
+  width: 48%;
+}

miniProgram/pages/index/index.js

@@ -0,0 +1,68 @@
+// index.js
+// 获取应用实例
+const app = getApp()
+import fetchutil from '../../utils/http'
+var mixins = require('../../utils/mixins')
+var {
+  CDN_URL
+} = require('../../utils/util')
+
+
+Page({
+  mixins: [mixins],
+  data: {
+    CDN_URL,
+    isShowVideo: false,
+    isShowAuthorize: false
+  },
+
+  onLoad() {
+  },
+
+  onShow(){
+    this.getUserInfo()
+  },
+  tapAuthclose() {
+    this.setData({
+      isShowAuthorize: false
+    })
+  },
+  tapAuthComfirm() {
+    this.setData({
+      isShowAuthorize: false,
+      isShowVideo: true
+    })
+  },
+
+  onSkipButtonTap() {
+    this.setData({
+      isShowVideo: false
+    })
+    wx.navigateTo({
+      url: '/pages/webview/index',
+    })
+  },
+  onStart() {
+    console.log(app.globalData.userInfo);
+    let {
+      userInfo
+    } = app.globalData
+    if (!userInfo.avatarUrl || !userInfo.nickName) {
+      this.setData({
+        isShowAuthorize: true
+      })
+    } else {
+      this.setData({
+        isShowVideo: true
+      })
+    }
+  },
+
+
+  getUserInfo() {
+    fetchutil.get(`api/cms/wxUser/getUserInfo`, {}, {}).then((res) => {
+      app.globalData.userInfo = res.data
+    }).catch(() => {})
+  },
+
+})

miniProgram/pages/index/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "authorize":"/components/authorize"
+  }
+}

miniProgram/pages/index/index.less

@@ -0,0 +1,64 @@
+/**index.wxss**/
+.home{
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background-size: cover;
+  background-position: right bottom;
+  .left{
+    position: absolute;
+    width: 36%;
+    left: 10%;
+    top: 50%;
+    transform: translateY(-50%);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    >image{
+      width: 100%;
+      &:last-of-type{
+        width: 72%;
+      }
+    }
+  }
+}
+
+.video{
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  >video{
+    width: 100%;
+    height: 100%;
+  }
+  .jump{
+    position: absolute;
+    top: 10rpx;
+    right: 20rpx;
+    z-index: 1000;
+    color: #fff;
+  }
+}
+
+.auth{
+  position: fixed;
+  left: 0;
+  top: 110%;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  background-color: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(10px);
+  pointer-events: none;
+  opacity: 0;
+}
+
+.auth_show{
+  pointer-events: auto;
+  opacity: 1;
+  top: 0;
+}

miniProgram/pages/index/index.wxml

@@ -0,0 +1,16 @@
+<!--index.wxml-->
+<view class="home" style="background-image:url({{CDN_URL}}images/bg.jpg)">
+  <view class="left">
+    <image src="{{CDN_URL}}images/title.png" mode="widthFix"/>
+    <image bindtap="onStart" src="{{CDN_URL}}images/btn_start.png" mode="widthFix"/>
+  </view>
+</view>
+
+<view class="video" wx:if="{{isShowVideo}}">
+  <video vslide-gesture="true" enable-play-gesture="true" controls autoplay="true" show-mute-btn="true" src="{{CDN_URL}}video/video.mp4" /> 
+  <view bindtap="onSkipButtonTap" class="jump">
+    跳过
+  </view>
+</view>
+
+<authorize  class="auth {{isShowAuthorize?'auth_show':''}}" bind:onCancel="tapAuthclose" bind:onComfirm="tapAuthComfirm"/>

miniProgram/pages/index/index.wxss

@@ -0,0 +1,61 @@
+/**index.wxss**/
+.home {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background-size: cover;
+  background-position: right bottom;
+}
+.home .left {
+  position: absolute;
+  width: 36%;
+  left: 10%;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.home .left > image {
+  width: 100%;
+}
+.home .left > image:last-of-type {
+  width: 72%;
+}
+.video {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+}
+.video > video {
+  width: 100%;
+  height: 100%;
+}
+.video .jump {
+  position: absolute;
+  top: 10rpx;
+  right: 20rpx;
+  z-index: 1000;
+  color: #fff;
+}
+.auth {
+  position: fixed;
+  left: 0;
+  top: 110%;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  background-color: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(10px);
+  pointer-events: none;
+  opacity: 0;
+}
+.auth_show {
+  pointer-events: auto;
+  opacity: 1;
+  top: 0;
+}

miniProgram/pages/webview/index.js

@@ -0,0 +1,73 @@
+// pages/webview/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    url:''
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+
+  onShow() {
+    let token = wx.getStorageSync('token')
+
+    this.setData({
+      url: `http://192.168.20.11:5173/?token=${token}#/`
+    })
+
+  },
+
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

miniProgram/pages/webview/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

miniProgram/pages/webview/index.less

@@ -0,0 +1 @@
+/* pages/webview/index.wxss */

miniProgram/pages/webview/index.wxml

@@ -0,0 +1,2 @@
+<web-view src="{{url}}"></web-view>
+  

miniProgram/pages/webview/index.wxss

@@ -0,0 +1 @@
+/* pages/webview/index.wxss */

miniProgram/project.config.json

@@ -0,0 +1,52 @@
+{
+  "description": "项目配置文件",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "setting": {
+    "bundle": false,
+    "userConfirmedBundleSwitch": false,
+    "urlCheck": true,
+    "scopeDataCheck": false,
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "compileHotReLoad": false,
+    "lazyloadPlaceholderEnable": false,
+    "preloadBackgroundData": false,
+    "minified": true,
+    "autoAudits": false,
+    "newFeature": false,
+    "uglifyFileName": false,
+    "uploadWithSourceMap": true,
+    "useIsolateContext": true,
+    "nodeModules": false,
+    "enhance": true,
+    "useMultiFrameRuntime": true,
+    "useApiHook": true,
+    "useApiHostProcess": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmManually": false,
+    "enableEngineNative": false,
+    "packNpmRelationList": [],
+    "minifyWXSS": true,
+    "showES6CompileOption": false,
+    "minifyWXML": true,
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "condition": false
+  },
+  "compileType": "miniprogram",
+  "libVersion": "2.19.4",
+  "appid": "wxb4c0527aa20a6e9a",
+  "projectname": "miniprogram-92",
+  "condition": {},
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
+}

miniProgram/project.private.config.json

@@ -0,0 +1,22 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "miniProgram",
+  "setting": {
+    "compileHotReLoad": true,
+    "urlCheck": false
+  },
+  "libVersion": "2.31.1",
+  "condition": {
+    "miniprogram": {
+      "list": [
+        {
+          "name": "",
+          "pathName": "pages/webview/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        }
+      ]
+    }
+  }
+}

miniProgram/sitemap.json

@@ -0,0 +1,7 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [{
+  "action": "allow",
+  "page": "*"
+  }]
+}

miniProgram/styles/common.less

@@ -0,0 +1,6 @@
+/**app.wxss**/
+.container {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+} 

miniProgram/styles/common.wxss

@@ -0,0 +1,6 @@
+/**app.wxss**/
+.container,page {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}

miniProgram/utils/http.js

@@ -0,0 +1,48 @@
+import { API_BASE_URL } from './util'
+
+const BASE_URL = `${API_BASE_URL}`;
+
+function request(url, options) {
+
+
+  return new Promise((resolve, reject) => {
+    let token = wx.getStorageSync('token')
+
+    wx.request(Object.assign({
+      url: url.indexOf('://') == -1 ? (BASE_URL + url) : url,
+      method: options.method,
+      data: options.data,
+      header: Object.assign({ token: token }, options.header),
+      success(res) {
+        if (res.data.code == 0 || res.data.code == 200 || res.data.errno === 0) {
+          resolve(res.data)
+        } else {
+          reject(res)
+        }
+      },
+      fail(err) {
+        console.log(err, '请求失败')
+        reject(err)
+      }
+    }, options))
+    setTimeout(() => reject('time out'), 5000)
+  })
+}
+
+function get(url, data, options = {}) {
+  options.method = 'GET'
+  options.data = data
+  return request(url, options)
+}
+
+function post(url, data = {}, options = {}) {
+  options.method = 'POST'
+  options.data = Object.assign({}, data)
+  return request(url, options)
+}
+
+export default {
+  request,
+  get,
+  post
+}

miniProgram/utils/mixins.js

@@ -0,0 +1,17 @@
+import fetchutil from './http'
+
+import {formatTime,API_BASE_URL} from './util'
+
+
+module.exports = {
+  data: { 
+    someData: 'myMixin',
+    g_cdn:`https://culture.4dage.com/lvDao_v4`,
+    fetchutil,
+    API_BASE_URL,
+    formatTime
+  },
+  onShow() { 
+    console.log('Log from mixin!') 
+  }
+}

miniProgram/utils/mixins_core.js

@@ -0,0 +1,50 @@
+// 保存原生的 Page 函数
+const originPage = Page
+
+Page = (options) => {
+  const mixins = options.mixins
+  // mixins 必须为数组
+  if (Array.isArray(mixins)) {
+    delete options.mixins
+    // mixins 注入并执行相应逻辑
+    merge(mixins, options)
+  }
+  // 释放原生 Page 函数
+  originPage(options)
+}
+
+// 定义小程序内置的属性/方法
+const originProperties = ['data', 'properties', 'options']
+const originMethods = ['onLoad', 'onReady', 'onShow', 'onHide', 'onUnload', 'onPullDownRefresh', 'onReachBottom', 'onShareAppMessage', 'onPageScroll', 'onTabItemTap']
+
+function merge(mixins, options) {
+  mixins.forEach((mixin) => {
+    if (Object.prototype.toString.call(mixin) !== '[object Object]') {
+      throw new Error('mixin 类型必须为对象！')
+    }
+    // 遍历 mixin 里面的所有属性
+    for (let [key, value] of Object.entries(mixin)) {
+      if (originProperties.includes(key)) {
+        // 内置对象属性混入
+        options[key] = {
+          ...value,
+          ...options[key]
+        }
+      } else if (originMethods.includes(key)) {
+        // 内置方法属性混入，优先执行混入的部分
+        const originFunc = options[key]
+        options[key] = function (...args) {
+
+          value.call(this, ...args)
+          return originFunc && originFunc.call(this, ...args)
+        }
+      } else {
+        // 自定义方法混入
+        options = {
+          ...mixin,
+          ...options
+        }
+      }
+    }
+  })
+}

miniProgram/utils/util.js

@@ -0,0 +1,24 @@
+export const formatTime = (date) => {
+  const year = date.getFullYear()
+  const month = date.getMonth() + 1
+  const day = date.getDate()
+  const hour = date.getHours()
+  const minute = date.getMinutes()
+  const second = date.getSeconds()
+
+  return (
+    [year, month, day].map(formatNumber).join('-') +
+    ' ' +
+    [hour, minute].map(formatNumber).join(':')
+  )
+}
+
+const formatNumber = (n) => {
+  const s = n.toString()
+  return s[1] ? s : '0' + s
+}
+
+
+// export const API_BASE_URL = 'http://192.168.0.135:8015/'
+export const API_BASE_URL = 'http://192.168.20.55:8047/'
+export const CDN_URL = 'https://culture.4dage.com/hn_museum_game/'