用户登录

下面我们可以请求服务端接口创建一个新的内容,比如请求一下创建用户接口,创建一个新的用户。在 PlaygroundHttp 里面,定义一个新的方法,名字是  createUser,用 async 标记一下这个方法。在它里面可以先准备一下要创建的用户相关的数据,这里需要提供用户名,还有给这个用户设置的密码。

声明一个 name,值是 李四,再声明一个 password,值是给这个用户设置的密码,123456。然后准备一下请求的地址,声明一个 uri,用 Uri.parse 处理一下服务端创建用户的接口地址,https://nid-node.ninghao.co/users,这个接口支持使用 HTTP 的 POST 这种方法使用它。

下面可以声明一个 response,await ,用一下 http 的 post 方法,请求的地址是 uri,给接口提供的数据可以交给 body 属性,值是一个对象,里面添加一个 'name',值是 name,再添加一个 'password' ,值是 password。这个 body 属性的值会发送给服务端的这个创建用户接口。然后在控制台上输出响应的状态码,response.statusCode,再输出响应的主体,response.body。

在小部件里面,再添加一个按钮,复制一份这个发送请求按钮,修改一下按钮文字,设置成创建用户,把 onPressed 设置成刚才定义的 createUser。

然后在模拟器测试一下,按一下练习页面的创建用户按钮,应用会请求服务端的创建用户接口,接口给我们响应回来的东西,状态码是 409,响应的主体里面有个 message 属性,值是用户名已被占用,这是因为要创建的这个用户,在应用里已经存在了。

修改一下要创建的这个用户的名字,比如换成王小二,保存一下文件,重新再按一下创建用户个按钮。这次从服务端那里得到的响应,状态码是 201,表示成功创建了内容,在响应的主体里面,这个 insertId 的值就是刚才创建的这个用户的 id 号,我这里是 21。

修改一下 getUser 里面请求的接口地址,设置成 users/21 ,保存一下文件,按一下练习页面上这个发送请求按钮,这次得到的响应就是 id 号是 21 的这个用户相关的数据。

请求服务端接口创建内容(用户)《 Flutter 2:网络请求 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点