使用TypeScript开发微信小程序的方法

2019-12-30 14:49:57丽君

由于目前腾讯没有小程序的TypeScript版本的API,所以OneCode team针对目前腾讯放出的所有的小程序JavaScript API开发了一个TypeScript版本的API类型定义文件 wxAPI.d.ts

只需要在您的程序中引用该文件,如果是使用Visual Studio来开发的话,就能有代码提示了。

typescript,微信小程序开发

下面是用TypeScript开发的Demo App的代码示例:


/// <reference path="./wxAPI.d.ts"/>
App({
onLaunch: function() {
//调用API从本地缓存中获取数据
let logs: any = wx.getStorageSync('logs');
if (!Array.isArray(logs)) {
logs = [];
}
(<any[]>logs).unshift(Date.now());
wx.setStorageSync('logs', logs);
},
getUserInfo: function(cb: (param: any) => void) {
let that = this
if (this.globalData.userInfo) {
cb(this.globalData.userInfo)
} else {
//调用登录接口
wx.login({
success: () => {
wx.getUserInfo({
success: (res) => {
that.globalData.userInfo = res.userInfo;
cb(that.globalData.userInfo);
}
});
}
});
}
},
globalData: {
userInfo: null
}
});

感兴趣的朋友,可以去 https://www.easck.com/How-to-develop-WeChat-1105555e 上面下载完整的代码样例以及非常关键的微信小程序TypeScript API定义文件!

更多脚本样例, 访问微软One Code样例库:http://www.easck.com/onecodesamples

以上所述是小编给大家介绍的使用TypeScript开发微信小程序的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!


注:相关教程知识阅读请移步到c#教程频道。