首个小程序总结

第一个小程序经过两周终于顺利上线了，虽然功能比较简单，怎么说也是个处女座，把做的过程中觉得比较花费时间的技能记录一下吧。

 

1.首先是引用外部json文件

 设计给我文件是Excel,我们要把转成json文件

可以用node的一个工具，贼好用！链接：https://www.npmjs.com/package/xls-to-json

用法很简单，看一下就懂那种，会得到一个json文件，

可以在小程序根目录创建一个data文件专门放置json

module.exports= {
  test:list,

}
var list = [{ 

}]

 在其他文件导入data.js文件

var data = require('../../data/data.js');

 data[test]就是需要的json资源了

2.音频的播放，

const innerAudioContext = wx.createInnerAudioContext()

innerAudioContext.src = ''
innerAudioContext.play()

 能够满足大部分需求了。

但是此次的项目发现用这种方式，会有比较大的延迟，音频都是用来做提示音的，有少许的延迟就会很明显。

解决方法：可以先把音频下载并存放到本地缓存中，在app.js中

saveAudioFile:function(fileName){
    var self = this;
    //将提示音存入本地缓存
    wx.downloadFile({
      url: this.globalData.audioHeader + fileName+'.mp3',
      success(res) {
        wx.saveFile({
          tempFilePath: res.tempFilePath,
          success(res) {
            self.globalData[fileName] = res.savedFilePath
          },
          fail(res) {
            console.log(res)
          }
        })
      }
    })
  },

 

    this.saveAudioFile('home_btn')
    this.saveAudioFile('next_question')

 

  globalData: {
    userInfo: null,
    isIPX:false,
    home_btn:'',
    next_question:'',

  }

 

调用的话

  pointAudioPlay: function(name){
    console.log('播放提示音')
    let self = this
    innerAudioContext.src = app.globalData[name]
    innerAudioContext.play()
    self.setData({
      audioPlayState: 99,
    })

  },

 

//音频播放这个有点出入，可以看下最新的博客有更新