SwiftUI入门 - 16. 请求后端接口、Just的基本使用

最新推荐文章于 2024-06-27 10:07:56 发布

我码玄黄

最新推荐文章于 2024-06-27 10:07:56 发布

阅读量524

点赞数 1

分类专栏： SwiftUI入门 MacBook 前端入门文章标签： swiftui swift ios

本文链接：https://blog.csdn.net/qq_30333063/article/details/128188320

版权

前端入门同时被 3 个专栏收录

23 篇文章 1 订阅

订阅专栏

SwiftUI入门

22 篇文章 12 订阅

订阅专栏

MacBook

5 篇文章 0 订阅

订阅专栏

置顶

菜鸟入门，各位大佬轻喷，如有谬误之处欢迎讨论建议，也欢迎各位道友与我同行

“不积跬步，无以至千里；不积小流，无以成江海”

继续

上文中我们讨论了 Popup 的封装，实现了一个全局Toast 的功能。

关于 Loading 和 Prompt 以及 Confirm 的封装后续再来讨论，也许我会去掉 popup 库自己来实现。

按照原定计划，本文我们将继续来讨论请求后端接口 Request 的基本使用。

// 本文没有动图演示，懂的都懂。。。

思考

所有的前端开发中，后端接口的请求都是避不开的坎，尤其是在实际的项目开发中（当然不排除有纯前端操作的项目）。

同时，一般你想要自己实现一个request库的话，都是很麻烦的，想必在 swift 这种强类型语言中，比弱类型的 js 的封装麻烦得多。

所以第一想法，就是引入一个库来使用，最好这个库的调用方式足够简单，与在 js 中的使用也足够相似

最终我找到了 Just 库

既然选定了库，那么接下来自然是安装、查看文档、使用、踩坑，一整套连招了

安装

修改 Podfile 文件：

platform :ios, '13.0'
use_frameworks!

target 'helloworld' do
  pod 'ExytePopupView'
  pod 'Just' // 新增这一行
end

随后执行：

pod install

一切顺利

使用

既然是要请求后端接口，那么首先肯定得要有一个后端接口才行，如下：

// laravel 路由文件，当然你也可以随便用其他的语言搞一个，反正是测试
Route::get('/api/test',function(){
    return json_encode(['code'=>200,'data'=>'success']);
});

接下来就是 Just 库的使用了

假定我们的每一个 todo 项在新增的时候都要请求一次后端接口：

修改 TodoView.swift 文件

// 省略大部分的东西
Button("添加"){
    
    /// 所有的示例在这里
    /// https://github.com/dduan/Just/blob/master/Docs/QuickStart.playground/Contents.swift
    /// 请求http 需要设置项目中的 info 标签页 里面的App Transport Security Settings 的子集 Allow Arbitrary Loads 为yes
    let r = Just.get(
        "http://www.test.test/api/test",
        params: ["test":1]
    )
    if r.ok {
        // 请求成功的情况
        // r.json 就可以直接拿到json的结果了，但是是个没有类型的数据
        // 需要进行转换，之前已经有过 JSONDecoder 的使用案例
        print("response-json:\(r.json!)")
        // 接下来就是之前的JSONDecoder处理JSON数据了
    }else{
        // 请求错误的情况
        print("fail-reason:\(r.reason)")
    }
    if r.error != nil {
        print(r.reason)
    }
// POST 请求        
//	let rp = Just.post(
//		"http://www.test.test/api/test",
//		data:["test":1]
//	)
//	if r.ok {
//		print(r.json!)
//		接下来就是之前的JSONDecoder处理JSON数据了
//	}
    showToast(content: "添加成功")
    todos.add(name: newItem)
    newItem = ""
}