如何在小程序中调用本地接口

简介: 背景: 随着微信小程序开始公测,我司也拿到了AppID,所以开始了微信小程序的趟坑之旅。 由于现在网上已经有很多的《微信小程序从精通到入门》的教程了,所以就不再重复那些,只是讲一下,在开发的过程中,如何使用本地(开发环境)的接口。

背景:

随着微信小程序开始公测,我司也拿到了AppID,所以开始了微信小程序的趟坑之旅。

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

因为小程序的开发文档中写到了,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 安装证书到本地

undefined line-numbersundefined line-numbers

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

undefined line-numbers

undefined line-numbers

 

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

undefined line-numbers

undefined line-numbers

undefined line-numbers

3.    打开 Proxy->Proxy Settings

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

undefined line-numbers

 

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

undefined line-numbers

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

undefined line-numbers

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

 

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

undefined line-numbers

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

undefined line-numbers

 


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

undefined line-numbers

 

 

 
转载请署原文地址: https://jiasm.github.io/#/blog/36f116c0-aa64-11e6-a1ed-8fca2e8c7bc3

 

目录
相关文章
|
6月前
|
存储 开发框架 小程序
社区每周丨小程序 CLI 1.8.10 版本上线及基础API新增接口(7.3-7.7)
社区每周丨小程序 CLI 1.8.10 版本上线及基础API新增接口(7.3-7.7)
84 11
|
6月前
|
小程序 物联网 程序员
【社区每周】“小程序商品”能力接口字段更新(10.23-10.29)
【社区每周】“小程序商品”能力接口字段更新(10.23-10.29)
69 10
|
6月前
|
小程序 安全 API
社区每周丨小程序基础API新增获取设备、系统等多个接口
社区每周丨小程序基础API新增获取设备、系统等多个接口
151 11
|
缓存 小程序 前端开发
【Uniapp】小程序携带Token请求接口+无感知登录方案2.0
【Uniapp】小程序携带Token请求接口+无感知登录方案2.0
327 0
|
3月前
|
小程序 JavaScript Java
微信小程序+SpringBoot接入后台服务,接口数据来自后端
这篇文章介绍了如何将微信小程序与SpringBoot后端服务进行数据交互,包括后端接口的编写、小程序获取接口数据的方法,以及数据在小程序中的展示。同时,还涉及到了使用Vue搭建后台管理系统,方便数据的查看和管理。
微信小程序+SpringBoot接入后台服务,接口数据来自后端
|
3月前
|
运维 小程序 前端开发
小程序开发问题之在小程序中调用my.chooseImage接口让用户选择图片如何解决
小程序开发问题之在小程序中调用my.chooseImage接口让用户选择图片如何解决
|
6月前
|
小程序 开发者
体验版小程序为何无法访问云端服务器后端接口(请求失败...(已完美解决附加图片))?
体验版小程序为何无法访问云端服务器后端接口(请求失败...(已完美解决附加图片))?
256 0
|
6月前
|
监控 小程序 安全
社区每周丨支付有礼支持引导用户收藏小程序及人脸认证接口更新(8.7-8.11)
社区每周丨支付有礼支持引导用户收藏小程序及人脸认证接口更新(8.7-8.11)
175 11
|
6月前
|
小程序 IDE 开发工具
【社区每周】小程序常见审核问题直播来了;openUrl接口开放更多类目(11月第二期)
【社区每周】小程序常见审核问题直播来了;openUrl接口开放更多类目(11月第二期)
56 11
|
6月前
|
小程序 安全 搜索推荐
【社区每周】代创建小程序接口支持同步升级商家账号;提审接口上线审核驳回截图功能(2022年7月第四期)
【社区每周】代创建小程序接口支持同步升级商家账号;提审接口上线审核驳回截图功能(2022年7月第四期)
133 11