这里我们将重点介绍如何在没有服务器的情况下直接调用微信小程序中的小白接口。

前提

假设你已经激活了微信小程序，如果你还没有，你可以去微信公众平台激活它：

假设你打开了小白界面，如果没有，可以去免费注册激活

源代码

本示例源码可从码云下载，点击下载：.

最终运行效果：

密钥配置修改合法域名

首先登录微信公众号平台，进入：设置-开发设置-服务器域名，修改合法域名，修改为你当前所在的小白界面的域名。小白界面已经支持访问。如下：

如果不知道自己所在的域名，可以登录小白后台，进入：系统设置-我的包，查看界面域名。喜欢：

注意！并非所有域名都相同。只有这样设置后，才能在小程序中允许请求接口。

修改 app.js 中

然后，下载本接入示例的代码，使用微信开发者工具（点击下载）打开小白如何开发程序，修改app.js中的配置。如下：

关于和，可以在我之前的包中找到。

配置完成后，我们就可以开始在小程序中开发功能了。我们来看看如何编写请求小白接口的代码。

首先将 .js 和 md5.js 这两个文件添加到您目录中的文件中。然后在你的 .js 文件中，首先导入 .js ，即：

//index.js let okayapi = require('../../utils/okayapi.js')

通过wx请求小白接口。

然后，使用 wx. 微信提供的向小白接口发起请求。需要注意的是，传入的参数必须用.()加密，返回结果中的.data就是小白接口的返回结果。

/** * 小白接口请求示例 */ okayApiHelloWorld: function(e) { /** * 准备接口参数 */ let params = { s: "Hello.World", // 必须，待请求的接口服务名称 name: "dogstar" // 可选，根据接口文档，补充更多接口参数 }; let _self = this /** * 对小白接口发起请求 */ wx.request({ url: app.globalData.okayapiHost, data: okayapi.enryptData(params), success: function (wxRes) { // TODO：实现你的梦想…… let res = wxRes.data if (res.data && res.data.err_code == 0) { // TODO：请求成功 console.log('ok: ', res.data) _self.setData({ motto: res.data.title }) } else { // TODO：当前操作失败 console.log('fail: ', res) _self.setData({ motto: res.data.err_msg }) } } }) }

如果调用成功，你会看到如下调试信息：

使用PHP代理请求小白接口

以上是微信小程序不带服务器直连小白接口的接入指南。如果你有服务器，无法在微信小程序上修改合法域名，可以使用上面介绍的PHP代理。PHP代理的使用更简单，你只需要将PHP代理文件上传到你的服务器，然后微信小程序请求接口时，链接就变成刚才PHP代理的链接了。这种使用场景比较方便，不需要修改合法域名，不需要修改app.js中的配置，也不需要在wx中进行.()加密。因为这一切都移到了 PHP 代理实现中，所以也更加安全。

即调用链如下：

// 自己没有服务器（通过wx.request直接请求小白接口） 微信小程序 -> 小白接口 // 自已有服务器（通过PHP代理中转请求小白接口） 微信小程序 -> 自己服务器的PHP代理 -> 小白接口

如果您有自己的服务器，建议使用 PHP 代理；如果没有自己的服务器也没关系，可以参考上面的访问指南。

在小白界面上可以存储很多自己的数据，用微信小程序开发，可以开发任何应用~~