小程序调用后端接口服务 配置文件详解

前言:为了开发阶段的效率更高,方便项目接口管理,在做web项目时,我们需要把后端提供的接口地址进行配置,这样我们自己在调用时,要方便得多,利己利人。在配置小程序接口地址时,和web的配置大同小异,下面总结几点配置小程序接口地址的思路:

1、所有接口地址,要丢在一个对象里【为了方便下面解释,这里设置一个对象名:config】,为什么了,因为要对外暴露,方便外部访问,这样【key:value】方式是最合理的,那就是对象了。

2、真实接口地址,也就是对象键值对的value,要用英文模式下Tab键的上一颗按键"`"包起来。两个为一对,包一个接口地址,多一个少一个都要报错。其他符号【""、‘‘】也不行,写了就报错无效的url。而我们以往配置web接口时,只需英文模式【""、‘’】引号,单或者双引号就阔以了。

小注:"`" 英文名叫accent,表示重音符,一个简单的符号而已。

3、接口地址都写好,丢进对象里了,你想试试能不能调,这时,是不行。因为还缺少一个接口所在对象【config】对外的返回【module.exports = config】,不好理解的话,可以理解为一个方法的返回值。

为了理解这个返回【module.exports = config】的方式,这里解释下:

a、首先require 在小程序中用来加载外部js文件,而 exports 和 module.exports 则用来导出代码。

示例:【const home_config= require(‘../../config‘).home_config;  】

b、module.exports的初始值是一个空对象{},而exports是指向 module.exports 的一个引用。

示例:【module.exports = config】

c、require()返回的是module.exports。

示例:【const home_config= require(‘../../config‘).home_config;  】=【const home_config= config.home_config;】

这样,是不是理解了为什么在接口地址都丢进对象里后,还要加一个对外的返回。这样在其他js文件就可以调用所配置接口地址了。为了更好的理解接口配置,下面写了一个接口配置文件config.js的示例

 1 // config.js
 2 /**
 3  * 小程序后端接口配置文件
 4  */
 5 var host = "https://www.baidu.com"  //域名要在小程序的管理平台配置好,如果出现调用时报错,无效的域名,可在微信开发工具左边点项目-》配置信息-》看一下配置的域名【request合法域名】有没有刷新下来,没有的话就点下面的刷新
 6
 7 var config = {
 8
 9   // 下面的地址配合 Server 工作
10   host,
11
12   //配置
13   home_config: `${host}/test/wx/home_config`,
14
15
16   //素材
17   materials: `${host}/test/wx/materials`,
18
19
20   //token
21   qntoken: `${host}/test/wx/gainqntoken`,
22
23   // 详情
24   updateuser: `${host}/test/wx/updateuser`,
25
26 };
27   //对外把对象config返回
28 module.exports = config

在其他js是这样调用接口地址的:

 1 // test.js
 2
 3 const home_config = require(‘../../config‘).home_config;
 4
 5 Page({
 6
 7   /**
 8    * 页面的初始数据
 9    */
10   data: {
11
12   },
13
14   /**
15    * 生命周期函数--监听页面加载
16    */
17   onLoad: function (options) {
18     var that = this;
19     that.getHomeConfigMethod();
20   },
21   getHomeConfigMethod:function(){
22     var that = this;
23    wx.request({
24      url: home_config+"?token=toekn", //小程序目前发起request请求,必须是https协议
25      success:function(res){
26       console.log(res);
27      },
28      fail:function(res){
29         console.log(res)
30      }
31    })
32
33   }
34 })

小程序接口配置文件就是这么搞,有不清楚的,可留言沟通。

交流群 : 192713488

时间: 2024-12-25 18:07:29

小程序调用后端接口服务 配置文件详解的相关文章

微信小程序:开发入门及案例详解pdf

下载地址:网盘下载 本书可分为3部分,第一部分作为基础章节,介绍了第一个小程序的搭建流程,让大家能快速上手:同时对小程序框架原理进行了详细介绍,为后面学习组件.API打下基础. 第二部分对小程序组件.API进行介绍,对组件.API的使用.注意事项进行详细讲解,并给出示例代码. 最后一部分精选5个由浅入深的案例,对小程序研发进行实战讲解,涵盖了实际项目中可能涉及的技术方案和使用方法,具备很强的实战意义. 在这本书中,包含了作者在电商领域多年的前端经验总结和对当前主流架构的思考,希望读者们可以从中获

微信公众号菜单添加小程序,miniprogram,pagepath参数详解,php开发公众号

随着微信小程序功能的开发, 已经可以跟公众号打通了, 主要有两种方式: 1) 在公众号文章中插入小程序 2) 在公众号菜单中添加小程序 第一种方式, 子恒老师在前面的课程已经详细介绍过, 今天来讲第二种方法, 怎么通过开发的方式实现. 一. 公众号菜单添加小程序请求的微信地址 https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN 其中 ACCESS_TOKEN 需要替换成你自己的 access token,

java程序调用.net接口服务地址的写法

参考文章:http://download.csdn.net/detail/davidiao/7424767 http://www.cnblogs.com/mq0036/p/3554002.html .asmx?wsdl 注意:?wsdl 一定要加上,否则会报错.

linux ftp服务配置文件详解

安装ftp服务: yum install vsftpd -y vsftpd配置文件----------常用配置项-----------listen=YES:是否以独立运行的方式监听服务listen_address=192.168.4.1:设置监听的 IP 地址listen_port=21:设置监听 FTP 服务的端口号write_enable=YES:是否启用写入权限(影响整个服务器)download_enable=YES:是否允许下载文件userlist_enable=YES:是否启用 use

SpringCloud微服务之跨服务调用后端接口

SpringCloud微服务系列博客: SpringCloud微服务之快速搭建EurekaServer:https://blog.csdn.net/egg1996911/article/details/78787540 SpringCloud微服务之注册服务至EurekaServer:https://blog.csdn.net/egg1996911/article/details/78859200 SpringCloud微服务之集成thymeleaf访问html页面/静态页面&热部署:https

监控服务 - Nagios配置文件详解

一.Nagios的配置文件类型: Nagios安装后有四种默认的配置文件:主配置文件.CGI配置文件.资源定义文件.对象定义文件.这些配置文件间具有一些关系,只有充分理解各配置文件,才能使得配置Nagios服务如行云流水. 二.Nagios配置文件详解: 1.主配置文件(nagios.cfg): Nagios的主配置文件是用来定义Nagios服务的基本参数信息的,其中包括:对象定义文件的声明.CGI配置文件的声明.资源定义文件的声明等.其常用参数如下: log_file=/usr/local/n

flask与微信小程序登录(后端)

开发微信小程序时,接入小程序的授权登录可以快速实现用户注册登录的步骤,是快速建立用户体系的重要一步.这篇文章将介绍 python + flask + 微信小程序实现用户快速注册登录方案(本文主要进行后端逻辑的梳理,小程序端逻辑只写了必要的部分,如有需要,请点击连接阅读官方开发文档) 官方给出的微信小程序登录时序图如下: 这个流程分为两大部分: 小程序使用 wx.login() API 获取 code,并由开发者后端服务器换取open_id 和 session_key,小程序使用 wx.getUs

Zabbix配置文件详解之服务端——zabbix_server

作为zabbix的部署,这里就不说了,网上一大堆文档,但关于配置文件的说明就比较少,这里列出服务端的配置文件zabbix_server的详细解释,感谢我主管的功劳. Zabbix Server端配置文件说明 # This is a configuration file for Zabbix Server process # To get more information about Zabbix, # visit http://www.zabbix.com ############ GENERA

创建和调用webapi接口服务文件

前言 源码地址:https://github.com/kmonkey9006/QuickWebApi 现在项目中用的是webapi,其中有以下问题:    1.接口随着开发的增多逐渐增加相当庞大. 2.接口调用时不好管理. 以上是主要问题,对此就衍生了一个想法: 如果每一个接口都一个配置文件来管理,每个配置文件能清晰表示处理接口文件,地址,参数,返回值,那么通过这个配置文件,就能很好的管理起来我们所有的webapi接口不是吗? 有了这个思路之后就有了以下的实现: 具体实现: 1.核心代码 pub