前言
前端的概念很广,可以直观上理解为直接呈现给用户的网页部分,前端的实现涉及多种编程技术或语言,如HTML、CSS、JavaScript、Vue.js、ajax等,它们只需要一个浏览器即可运行。但是有时候前端网页需要的某些功能不好直接在前台(浏览器)中实现,这时候需要借助某种后端编程语言如Java、Python、PHP、C#等,可以在本地服务器上编写代码实现该功能,然后作为一种服务提交给前端进行调用。那么问题来了,前端究竟是怎么调用后端服务的呢?和我一起来一探究竟吧!
正文
1. 工具准备
你至少需要一个Chrome浏览器(用于页面调试),一个集成开发环境(IDE),对于IDE可以用如Visual Studio Code(用于文本编辑)。此外我们需要一个前端框架(如Vue)和一个后端服务地址。下面简要说明一下Vue与本文用到的后端服务地址:
Vue是目前最流行的前端框架之一,axios是Vue中用来与后端交互的工具(类似于ajax,一种前后端交互工具)。简单来说,通过axios可以向服务器发送索要数据的请求,服务器接收到请求后即会将数据返回给前台(浏览器)。这也是本文采用的前端工具。不用太担心,本文不会涉及太多Vue知识,调用Vue.js和axios也十分简单,仅需要两行代码的引用。
本文使用的后端服务是用C#编写的,我们暂时不用管具体的C#代码以及它是如何发布服务的(后面我会再写一篇文章详细阐述如何利用将C#编写的代码发布成一个服务供前端调用)。现在你只需要知道我们发布的服务在哪里,叫什么名字即可。
不论是用什么语言发布的后端服务,最后都是返回一个网址,前端程序员拿着这个网址,然后输入一些参数即可调用后端服务。现在我写的这个Web服