前后端联调

一、ping通网络

前端电脑要ping通后端服务器,需要两台电脑在同一局域网下。

后端电脑在命令行中通过ipconfig指令获取到本地ip地址:

 将IPv4地址提供给前端,前端在可在命令行中使用ping指令连接到后端电脑:

ping 后端Ip地址

 有数据返回则代表已ping通。

二、本地配置
1.hosts文件配置
在C:\Windows\System32\drivers\etc目录下的hosts文件中最后添加一行代码:

10.8.233.204   localhost

2.修改vue.config.js配置
若后端本地服务地址为:http://127.0.0.1:3007,则将target改为http://10.8.233.204:3007

即可请求到后端的数据。

前端也可以通过postman对后端接口进行测试。

虽然提供的引用中未提及Android Studio进行前后端联调的相关内容,但一般来说,Android Studio进行前后端联调有以下方法和技巧。 ### 方法 - **接口调用测试**:在Android Studio中编写代码调用后端提供的接口,发送请求并接收响应。可以使用OkHttp或Retrofit等网络请求库来实现。例如使用OkHttp: ```java import okhttp3.*; import java.io.IOException; public class OkHttpExample { public static void main(String[] args) { OkHttpClient client = new OkHttpClient(); Request request = new Request.Builder() .url("http://your-backend-api-url") .build(); client.newCall(request).enqueue(new Callback() { @Override public void onFailure(Call call, IOException e) { e.printStackTrace(); } @Override public void onResponse(Call call, Response response) throws IOException { if (response.isSuccessful()) { String responseData = response.body().string(); System.out.println(responseData); } } }); } } ``` - **日志调试**:利用Android Studio的日志工具,打印请求和响应的详细信息,包括请求头、请求体、响应状态码和响应体等,便于排查问题。 - **模拟数据**:在后端接口未完全开发完成时,可以使用Mock数据来模拟后端响应,保证前端开发的进度。可以使用MockServer等工具来实现。 ### 技巧 - **网络抓包**:使用Charles、Fiddler等网络抓包工具,捕获Android应用与后端服务器之间的网络请求和响应,分析数据传输的细节。 - **断点调试**:在关键代码处设置断点,逐步执行代码,查看变量的值和程序的执行流程,定位问题。 - **版本管理**:使用Git等版本管理工具,记录前后端联调过程中的代码修改,方便回溯和协作开发。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值