wxapi快速开发小程序过程详解(2)

因为微信小程序对于api接口请求需要做域名白名单设置,也就是说,接口请求域名必须要在你的小程序后台的安全设置里面加入白名单后才能调试;

为了我们测试方便,我们可以在开发工具上稍微设置一下,让开发工具暂时不做域名校验,会提高我们开发和调试的效率;

当然,正式上线之前,你还是需要把接口域名加入到你的小程序后台设置中(否则正式发布后,域名被拦截,用户都会看不到数据了~ 那就悲剧了......)

wxapi快速开发小程序过程详解


接下来,我们就可以开工了 

第一步: 在需要的页面的 js 文件头部引入  “apifm-wxapi” const WXAPI = require('apifm-wxapi')

第二步:直接调用 “apifm-wxapi” 提供的方法直接取数据你根本不用关心数据哪里来,要什么数据,直接拿就OK!

WXAPI.province().then(res => { console.log('请在控制台看打印出来的数据:', res) })

两步搞定! 运行你的小程序,这就是见证奇迹的时刻!来看几张截图:

小程序代码

wxapi快速开发小程序过程详解

运行结果

wxapi快速开发小程序过程详解

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/0d2fed34e6341d36dab03f86ddc68c1b.html