微信小程序 + Go 开发《共享遛狗》(第六篇)

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第6天,点击查看活动详情

第六篇(vscode go 配置 + wx.request)

这一篇开始,我们开始编写后端。

IDEA 可以使用 Goland,也可以使用 vscode。

当然,Goland 需要付费使用,vscode 是免费的。

配置 vscode

扩展商店搜索 go

图片.png

选择进行安装。

图片.png

搜索 go: install

图片.png

等待安装即可。

图片.png

图片.png

图片.png

这样配置,使用 vscode 编写 go 语言,会更加方便一点。

初始化 go 项目

空目录下执行 go mod init cityDog

package main

import "fmt"

func main()  {
    fmt.Printf("hello")
}

run code

可以安装一个 run code 插件。

图片.png

文件右键选择

图片.png

前后端联动

在我们开发的过程中,发送请求的ajax数据都不是后端返回的真数据,而是我们自己通过接口mock模拟的假数据,当前端的代码编写完成后,后端的接口也写好后,我们就需要把mock数据换点,尝试使用后端提供的数据,进行一个前后端的调试。

ajax、jQuery、Feach、Axios之间对比

ajax自然不必说,最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱。

jQuery Ajax:是jQuery框架中的发送后端请求技术,由于jQuery是基于原始的基础上做的封装,所以,jquery Ajax自然也是原始ajax的封装

fetch号称是AJAX的替代品,是在ES6出现的,使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构比起ajax简单多了,参数有点像jQuery ajax。但是,一定记住fetch不是ajax的进一步封装,而是原生js。Fetch函数就是原生js,没有使用XMLHttpRequest对象。

axios不是原生JS的,需要进行安装或者通过间接引入方式使用,它不带可以在客户端使用,也可以在nodejs端使用。Axios也可以在请求和响应阶段进行拦截。同样也是基于promise对象的。具体参照axios的概念。

wx.request:发起 HTTPS 网络请求。

联调的时候,我们可以在这里进行勾选不校验合法域名。

图片.png

发送一个请求,大概需要确定以下这些参数

  • 协议:http
  • 服务器地址 api.citydog.cn
  • 路径 /trip
  • 参数
  • 数据类型 string, int32
  • 数据编码 JSON
  • 安全性 header with token
  • 错误处理 http status

参考文章:前端开发常用的几种请求方式

猜你喜欢

转载自juejin.im/post/7127424915086508068