首个小程序总结

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

 

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

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

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

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

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

?

1 2 3 4 5 6 7

module.exports= {   test:list,   } var list = [{   }]

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

?

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

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

2.音频的播放，

?

1	const innerAudioContext = wx.createInnerAudioContext()

?

1 2	innerAudioContext.src = '' innerAudioContext.play()

 能够满足大部分需求了。

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

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

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)           }         })       }     })   },

 

?

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

 

?

1 2 3 4 5 6 7

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

 

调用的话

?

1 2 3 4 5 6 7 8 9 10

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

 

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