微信小程序搭配接口无需服务器开发教程

 时间:2026-02-14 22:05:06

1、修改request合法域名

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

如果不清楚自己所在的域名,可登录小白后台,进入:系统设置 - 我的套餐,查看接口域名。如:

微信小程序搭配接口无需服务器开发教程

2、关键配置

微信小程序搭配接口无需服务器开发教程

3、注意!并不是全部的所在域名都是api.okayapi.com,只有在这设置后,才能允许在小程序中请求接口。

修改app.js里的globalData

然后,下载本接入示例的代码,使用微信开发者工具打开,并修改app.js里的globalData配置。如下:

微信小程序搭配接口无需服务器开发教程

4、关于APP_KEY和APP_SECRECT,可以在前面我的套餐里找到。

配置完成后,我们就可以开始在小程序里进行功能开发啦。下面来看,如何编写代码请求小白接口。

先在你的utils目录内文件里添加okayapi.js和md5.js这两个文件。然后在你的index.js文件内,先引入okayapi.js,即:

//index.jsletokayapi =require(\'../../utils/okayapi.js\')

通过wx.request请求小白接口

然后,使用微信提供的wx.request对小白接口发起请求。需要注意的是,传递的参数须经过okayapi.enryptData()进行加密,在返回的结果中的wxRes.data才是小白接口的返回结果。

微信小程序搭配接口无需服务器开发教程

5、调用成功的情况下,会看到类似这样的调试信息:

微信小程序搭配接口无需服务器开发教程

6、最终运行效果:

微信小程序搭配接口无需服务器开发教程

7、对于自己有服务器的情况,推荐使用PHP代理;如果没有自己的服务器也不要紧,可参考上面的接入指南。

  • java如何替换key 对应的 value值?
  • html 如何实现input输入框自动补全?
  • intellij设置不提示打开或创建项目使用当前窗口
  • js怎样获取表格的自定义属性值
  • 怎么开启uTools的超级面板
  • 热门搜索
    读书节手抄报图片 交通手抄报图片大全 安全手抄报版面设计图 关于鸟的手抄报 五一手抄报内容大全 中国梦我的梦手抄报内容 城南旧事手抄报 关于防疫情的手抄报 神话故事手抄报图片 关于科普知识的手抄报