这篇文章主要介绍“微信框架API如何调用”，在日常操作中，相信很多人在微信框架API如何调用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”微信框架API如何调用”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
阿克陶网站建设公司创新互联,阿克陶网站设计制作，有大型网站制作公司丰富经验。已为阿克陶1000+提供企业网站建设服务。企业网站搭建\
外贸网站建设要多少钱，请找那个售后服务好的
阿克陶做网站的公司定做！
本文实现的效果：
在微信小程序上显示一个按钮：“获取头像昵称”。
点击之后，微信小程序会自动通过微信框架提供的API把当前点击这个按钮的微信用户的明细，比如昵称，头像，所在省份，城市等信息取回来，并且显示在小程序页面上, 如下图所示。
视图设计：
获取头像昵称 {{userInfo.nickName}}{{userInfo.city}}{{userInfo.country}}{{userInfo.province}}
这个视图里一共有6个UI元素，其中1个button元素，1个image元素和4个text元素。button元素负责响应用户点击事件，调用微信框架的API读取用户明细。
1个image元素负责显示点击该按钮的微信用户头像，剩下的4个text元素显示微信用户的明细。后5个UI元素的绑定路径均为userInfo，而userInfo的数据是点了button后通过调用微信API读取的。
这个userInfo是我们在控制器index.js里定义的数据模型：
Page({ data: { userInfo: {}
}
});我们回过头来看本文这个小程序最重要的button元素，它有两个属性：
open-type="getUserInfo" ：说明该button点击之后，自动调用微信框架的API：getUserInfo
bindgetuserinfo="jerry_getUserInfo"：指定了一个回调函数的名称，该回调函数在我们的控制器index.js里实现。当微信框架的API调用成功取回微信用户明细后，会将微信用户明细作为输入参数，调用我们写的这个回调函数。
jerry_getUserInfo: function(e) {
app.globalData.userInfo = e.detail.userInfo this.setData({ userInfo: e.detail.userInfo
});
}在小程序能够访问的上下文里，有一个全局变量wx，里面包含了所有微信框架暴露出来的API：
在微信小程序官网上有关于这个wx的所有成员说明：
https://developers.weixin.qq.com/miniprogram/dev/api/
我们再试试另外一个API：getSystemInfo
首先在小程序视图里定义一个按钮，绑定一个JavaScript函数jerry_systeminfo, 用于触发getSystemInfo:
然后定义七个UI元素，用于显示getSystemInfo的返回结果。
{{systeminfo.model}}{{systeminfo.pixelRatio}}{{systeminfo.windowWidth}}{{systeminfo.windowHeight}}{{systeminfo.language}}{{systeminfo.version}}{{systeminfo.platform}}
wx.getSystemInfo返回的结果作为一个输入参数，自动传入到我们定义的success回调函数里，然后再用setData设置到视图的数据结构里。
jerry_systeminfo: function(){ var that = this;
wx.getSystemInfo({ success: function (res) { var systeminfo = {};
systeminfo.model = res.model;
systeminfo.pixelRatio = res.pixelRatio;
systeminfo.windowWidth = res.windowWidth;
systeminfo.windowHeight = res.windowHeight;
systeminfo.language = res.language;
systeminfo.version = res.version;
systeminfo.platform = res.platform; try {
that.setData({ systeminfo: systeminfo
});
} catch(e){ console.log(e);
}
}
})
},最后我在我的Android三星手机上点击“获取系统信息”之后，就显示出了我三星手机的型号SM-C7010等详细信息。
到此，关于“微信框架API如何调用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联-成都网站建设公司网站，小编会继续努力为大家带来更多实用的文章！
文章名称：微信框架API如何调用-创新互联
当前URL：
http://cdxtjz.cn/article/dsciij.html
