废话不多说了,直接来干货:如果我们要在微信小程序中调用Web API接口,首先我们要准备一个Web API。我用的编辑软件是Visual Studio2015。

 

1.打开【Visual Studio】——>【文件】——>【新建】——>【项目】

 

 2.然后选择【ASP.NET Web应用程序】,然后选择【WebAPI】

 

 3.右击【Controllers】文件夹——>【添加】——>【控制器】——>选择【Web API2控制器- 空】

 

 4.然后编写一下代码,供【微信小程序】调用!

 

 

 

5.代码编写完成后,我们就要将这个网站发布到IIS上。首先我们右击解决方案名【微信小程序调用API】,然后点击【发布】

 

 

 

6.我们在【配置文件】选项中,选择发布目标为【自定义】,然后输入配置文件名称,我写的是【WebApi】,然后点击下一页。

 

 

7.然后在【连接】选项中,publish method中选择【File System】,指的是文件系统

 

 

 

 

 

 

8.然后点击【发布】,发布成功后,我们可以看到这里会显示发布成功,如果没有显示,则没有成功。

 

 

 

9.接下来我们要安装IIS:打开【控制面板】——>【程序】——>【程序和功能】——>【启用或关闭Windows功能】,然后我们找到【Internet Information Services】节点,勾选相对应的功能。

 

 

 

10.成功安装IIS后,我们要在IIS上上传我们的网站了。首先我们打开IIS:我们可以Win+R组合键打开运行,输入【Inetmgr】命令打开IIS。

 

 

 

11.打开IIS后,我们右击【网站】——>【添加网站】,然后输入对应的信息。(【网站名称】填写自己的网站名称,【应用程序池】会自动生成,【物理路径】选择之前在VS中发布的那种网站的路径,选择根据经就好了。【IP地址】选择你自己本地的IP地址就行,【端口号】自己填,不重复就行了。)

 

 

 

12.然后我们需要指定网站目录。点击你刚刚在IIS中新建的网站,然后进入主页就行。然后选择【目录浏览】,选中后,然后右击他,点击【打开功能】。

 

 

 

13.点击【启用】即可。

 

 

 

14.到这一步我们可以在网站上看到我们的网站了。

 

15.现在我们可以在【Postman】软件上调用我们的接口了,现在能显示我们的数据了,但是别急我们还不能在【微信开发者工具】中调用接口。

 

 

16.然后我们在微信开发者工具的js页面中编写代码。

 

到这一步还别急,我们可以看到报错了,什么原因呢?因为微信小程序要求必须配置域名,且服务器域名需经过ICP备案。新备案域名需24小时后才可配置。域名格式只支持英文大小写字母、数字及“- ”,不支持IP地址。

 

 

 

17.解决方案:我可以取消安全域名及HTTPS证书校验。我们打开【微信开发者工具】——>【设置】——>【项目设置】,然后我们即将【不校验安全域名、TLS 版本以及 HTTPS 证书】勾选即可。

 

 

 

18,.然后可以看到数据被显示出来了,说明调用成功了。

 

 

版权声明:本文为liutaovip原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/liutaovip/p/12750459.html