<!--使用的vue+elementUI-->
qiniuUpload() {
  this.axios.get("/api/work/getQiniuToken").then(res => {
    let token = res.token;
    let config = {
      useCdnDomain: true,
      region: qiniu.region.z1
    };
    let putExtra = {
      fname: "",
      params: {},
      mimeType: null
    };
    let file = this.form.audio[0].raw;
    let key = dayjs().format("YYYYMMDDHHmmssSSS") + ".mp3";
    let observable = qiniu.upload(file, key, token, putExtra, config);
    let that = this;
    let observer = {
      next: res => {
        console.log(res);
      },
      error: err => {
        console.log(err);
      },
      complete: res => {
        that.submitForm(res.key);
      }
    };
    let subscription = observable.subscribe(observer);
  });
},

<!--seek：跳转的位置，auto: 是否自动播放-->
handleAudio(seek=0,auto=true){
    const that=this
    this.setData({
      innerAudioContext: wx.createInnerAudioContext()
    })
    this.data.innerAudioContext.seek(seek)
    <!--这里的url指的是音频的地址-->
    this.data.innerAudioContext.src = url
    if(auto){
      this.data.innerAudioContext.autoplay = true
    }
    this.data.innerAudioContext.onPlay(() => {
      console.log('开始播放')
    })
    this.data.innerAudioContext.onTimeUpdate(()=>{
      <!--持续更新已播放的进度-->
      that.setData({
        currentTime: that.formatTime(that.data.innerAudioContext.currentTime)
      })
    })
    this.data.innerAudioContext.onError((res) => {
      console.log(res.errMsg)
      console.log(res.errCode)
    })
  }

playBackground(){
    wx.setStorageSync('work_id', this.data.work_id)
    if (this.data.innerAudioContext.paused == false) {
      <!--销毁音频实例-->
      this.data.innerAudioContext.destroy()
      const backgroundAudioManager = wx.getBackgroundAudioManager()

      <!--this.data.work:从API获取的数据-->
      backgroundAudioManager.title = this.data.work.title
      backgroundAudioManager.epname = this.data.work.title
      backgroundAudioManager.singer = this.data.work.author.name
      backgroundAudioManager.startTime = this.data.innerAudioContext.currentTime
      backgroundAudioManager.coverImgUrl = this.data.work.author.avatar[0].url
      // 设置了 src 之后会自动播放
      backgroundAudioManager.src = this.data.work.audio[0].url
    }
  }

const utils = require('../../utils/util.js')
const { $Message } = require('../../utils/iview/base/index');
const app = getApp()
// pages/work/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    work:{},
    work_id:null,
    collect_status: false,
    innerAudioContext:null,
    time:0,
    duration:"00:00",
    currentTime:'00:00',
    paly_status:false
  },
  
  /**
   * 根据id获取作品
   */
  getWork(id=3,seek=0,auto=true){
    utils.wxRequest(`/work/${id}`,{
      query: {
        qiniu:true
      }
    })
      .then(res => {
        this.setData({
          work:res.data
        });
        this.setData({
          time: res.data.time,
          duration: res.data.formatTime
        })
        // const audioCtx = wx.createAudioContext('myAudio')
        // audioCtx.play()
        this.handleAudio(seek,auto)
      })
  },

  /**
   * 格式化事件
   */
  formatTime(cellValue){
    if (cellValue){
      let hour = parseInt(cellValue / 3600)
      let min = parseInt((cellValue - hour * 3600) / 60)
      min = min < 10 ? '0' + min : min
      let sec = parseInt(cellValue % 60)
      sec = sec < 10 ? '0' + sec : sec
      if (hour > 0) {
        return hour + ':' + min + ':' + sec
      }
      return min + ':' + sec
    }
  },

  /**
   * 播放音频
   */
  handleAudio(seek=0,auto=true){
    const that=this
    this.setData({
      innerAudioContext: wx.createInnerAudioContext()
    })
    this.data.innerAudioContext.seek(seek)
    this.data.innerAudioContext.src = this.data.work.audio[0].url
    if(auto){
      this.data.innerAudioContext.autoplay = true
    }
    this.data.innerAudioContext.onPlay(() => {
      that.setData({
        paly_status:true
      })
      console.log('开始播放')
    })
    this.data.innerAudioContext.onTimeUpdate(()=>{
      that.setData({
        currentTime: that.formatTime(that.data.innerAudioContext.currentTime)
      })
    })
    this.data.innerAudioContext.onError((res) => {
      console.log(res.errMsg)
      console.log(res.errCode)
    })
  },

  /**
   * 播放
   */
  play(){
    this.data.innerAudioContext.play()
    this.setData({
      paly_status: true
    })
  },

  /**
   * 停止
   */
  stop(){
    this.data.innerAudioContext.pause()
    this.setData({
      paly_status: false
    })
  },

  /**
   * 获取收藏状态
   */
  getCollectByUser(id) {
    utils.wxRequest(`/user/collect/${id}`, {
      method: 'GET',
      header: {
        Authorization: 'Bearer ' + app.globalData.token
      }
    }).then(res => {
      if (res.collect == true) {
        this.setData({
          collect_status: true
        })
      }
    }).catch(err => {
      console.log(err)
    })
  },

  /**
   * 收藏操作
   */
  handleCollect(){
    utils.wxRequest('/user/collect', {
      method: 'POST',
      query: {
        work_id: this.data.work.id,
        collect: this.data.collect_status
      },
      header: {
        Authorization: 'Bearer ' + app.globalData.token
      }
    }).then(res => {
      this.setData({
        collect_status: !this.data.collect_status
      })
      $Message({
        content: res.message,
        duration: 1,
        type: 'success'
      });
    }).catch(err => {
      console.log(err)
    })
  },

  /**
   * 后台播放
   */
  playBackground(){
    wx.setStorageSync('work_id', this.data.work_id)
    if (this.data.innerAudioContext.paused == false) {
      this.data.innerAudioContext.destroy()
      const backgroundAudioManager = wx.getBackgroundAudioManager()

      backgroundAudioManager.title = this.data.work.title
      backgroundAudioManager.epname = this.data.work.title
      backgroundAudioManager.singer = this.data.work.author.name
      backgroundAudioManager.startTime = this.data.innerAudioContext.currentTime
      backgroundAudioManager.coverImgUrl = this.data.work.author.avatar[0].url
      // 设置了 src 之后会自动播放
      backgroundAudioManager.src = this.data.work.audio[0].url
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      work_id: options.id
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.getCollectByUser(this.data.work_id)
  },

  /**
   * 生命周期函数--监听页面显示
   * 根据storge判断work_id是否相同,再根据后台播放状态判断
   */
  onShow: function () {
    const work_id = wx.getStorageSync('work_id')||null
    if(work_id!=null && work_id==this.data.work_id){
      const backgroundAudioManager = wx.getBackgroundAudioManager()
      if (backgroundAudioManager.paused==false){
        backgroundAudioManager.pause()
        this.getWork(this.data.work_id, backgroundAudioManager.currentTime)
      }else{
        this.getWork(this.data.work_id)
      }
    }else{
      wx.pauseBackgroundAudio()
      this.getWork(this.data.work_id)
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   * 根据audio播放状态去启动后台播放
   */
  onHide: function () {
    this.playBackground()
  },

  /**
   * 根据audio播放状态去启动后台播放
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    this.playBackground()
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

wx.getUserInfo({
  withCredentials: true,
  success(res) {
    console.log(res.userInfo)
  },
  fail(error){
    console.log(error)
  }
})

const promisify = original => {
  return function (opt) {
    return new Promise((resolve, reject) => {
      opt = Object.assign({
        success: resolve,
        fail: reject
      }, opt)
      original(opt)
    })
  }
}

const utils = require('../../utils/util.js')

utils.promisify(wx.getUserInfo)({withCredentials: true})
  .then(res=>{
    console.log(res)
  }).catch(error=>{
    console.log(error)
  })

wx.request({
  url: 'test.php', //仅为示例，并非真实的接口地址
  data: {
    x: '' ,
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success: function(res) {
    console.log(res.data)
  }
})

const wxRequest = (params = {}, url) => {
  wx.showToast({
    title: '加载中...',
    icon: 'loading',
    duration: 5000
  })
  let data = params.query || {};
  return new Promise((resolve, reject) => {
    wx.request({
      url: url,
      method: params.method || 'GET',
      data: data,
      header: { 'Content-Type': 'application/json' },
      success: res=> {
        if (res.data.status == 'success') {
          resolve(res.data)
        } else {
          reject(res.msg)
        }
      },
      complete:()=>{
        wx.hideToast()
      },
      error: e=> {
        reject(e)
      }
    })
  })
}
module.exports = {
  wxRequest,
}

const http = require("../utils/http.js")
const baseUrl = 'http://127.0.0.1:8888/Wxxcx'

const getUnionId = (params) => http.wxRequest(params, `${baseUrl}/getWxUserInfo`)
const getLatLng = (params) => http.wxRequest(params, `${baseUrl}/getStationList`)
const getOil = (params) => http.wxRequest(params, `${baseUrl}/getOilGun`)

module.exports = {
  getUnionId,
  getLatLng,
  getOil
}

const api = require('../../api/api.js')
在对应的生命周期函数中写入

api.getUnionId({
  query: {
    code: app.globalData.code,
    iv: res.iv,
    encryptedData: res.encryptedData
  }
}).then(res => {
  console.log(res)
}).catch(err => {
  console.log(err)
})