小程序调用接口

1.小程序接口请求流程

2.域名凳贺配置：    一定要配枣早派置[https],小程序上配置的域名必须是域名备案的。但如果是没有备案的接口，需要在小程序里勾选不检验合法域名，即下图所示（这个选项在项目设置里面）

3.打睁亩开微信开发者工具，打开你的项目，点开详情。确认一下域名是否一一匹对。不然会编译失败

4.在你的项目中创建一个文件夹http，在里面在创建一个env.js，api.js和request.js（可以自己定义）

5.在request.js里，二次封装wx.request

如下所示

由于现在网上已经有很多的《微信小程序从精通到入门》的教程了，所以就不再重复那些，只是讲一下，在开发的过程中，如何使用本地（开发环境）的接口。

因为小程序的开发文档中写到了，wx.request中的URL只能是一个https请求，本地一般来讲是不会有https的-.-

所以我们使用Charles代理来实现需求。

前提：

本人认为你现在已经具备以下几个条件：

0. 具有微信小程序开发的权限

1. 知道自家小程序后台配置的信任域名都是什么-.-

2. 有一台Mac（阿哈哈...无视...截图来自Mac...Windows党请多担待）

准备工作：

首先我们需要安装如下两个软件：

0. 安装Charles，当然了，是个破解版的-.- 破解方法请自行百猜清敬度，不赘述

1. 安装微信web开发者工具

*** 作步骤：

到这一步，本人认为你已经安装好了上边两个软件，并且可以正常运行咯。

0.首先打开Charles，Help->SSL Proxying->Install Charles Root Certificate 安装证书到本地

1.在钥匙串访问中搜索 Charles 关键字，找到那个证书，点开后将信任选为始终信任

2.打开 Tools->Map Remote 添加线上域名于本地（正侍开发环境）服务的映射

3.打开 Proxy->Proxy Settings

4.选择Proxies选项卡，默认的HTTP Proxy的值是8888，这个端口号需要记着，后边在微信web开发者工具里边要用到的

5.选择Mac OS X选项卡，点击启用如下两个选项

6.打开 Proxy->Mac OS X Proxy 启用本地的代理服务

7.这时，Charles已经完成了本地服务代理线上服务的步骤，接下来就是微信web开发者工具中的一些设置

8.在扫码登录后，点击右上角代理的选项

9.选择手动设置代理，然后填写本地的IP，以及前边在Charles中设置的代理端口号（第5步）

10. 点击保存后穗慎，来到微信小程序的项目中，在wx.request中直接填写线上域名后，保存运行，你就会发现Charles中已经收到了来自你本地的一些请求