- 写在前面
- 一些配置
- 小程序前端
- 小程序后端
- 测试
- 参考
最近突然有需求要做一个小程序，奈何前端基本没学过，后台马马虎虎，而且有要求go语言开发后端，上网找了很多教程基本都是JAVA做后端的，本来想找一个那种最最简单的代码能够跑一下看看效果，结果没找到(太复杂的代码看不懂），索性借鉴了一点别人的代码自己做一个简单的demo吧，也为了如果有像我一样的菜鸡能够快速上手小程序。
一些配置首先我们需要如下工具（本文重点讲代码部分，安装之类的可以看其他教程，都要非常详细的介绍）：
- 微信开发者工具（官网可下）
- go语言及趁手的编译器
- 下载echo框架$ go get -u github.com/labstack/echo/...
- 去官网申请一个APPID
`
首先新建一个小程序项目，选择不使用云开发
由于没有服务器，需要在微信开发工具的详情下勾选“不校验合法域名……”
新建之后一些基本的配置是有的不需要管
在pages/index/index.js下写入代码：
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
list: '',
word: '',
message:''
},
houduanButton1: function () {
var that = this;
wx.request({
url: 'http://localhost:1323/getUser',
method: 'GET',
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log(res.data)//打印到控制台
that.setData({
list: res.data,
//res代表success函数的事件对，data是收到的数据
})
}
})
}
})
主要就是通过request方法get一下来自服务器的数据，
注意url需要和后端端口一致。
然后在pages/index/index.wxml下写入：
{{item}}
一个超超超超级简陋的前端就完成了，效果如下
只有一个按钮，点击请求数据
小程序后端下面来写我们的后端，同样是秉承简单的原则
package main
import (
"net/http"
"github.com/labstack/echo/v4"
)
type User struct {
Name string `json:"name" xml:"name" form:"name" query:"name"`
Email string `json:"eamil" xml:"email" form:"email" query:"email"`
}
func main() {
e := echo.New()
e.GET("/getUser", getUser)
e.Logger.Fatal(e.Start(":1323"))
}
func getUser(c echo.Context) error {
u := new(User)
u.Name = "lll"
u.Email = "111.com"
return c.JSON(http.StatusOK, u)
}
这段代码简单的在本机开了一个1323端口的服务器，然后给小程序访问。
在控制台运行go run main.go即可
回到我们的小程序，点击按钮即可收到来自后端的数据
贴一些参考的博客
[1]: https://blog.csdn.net/weixin_38481963/article/details/102873903
[2]: https://blog.csdn.net/qq_42249896/article/details/82942287
[3]: https://blog.csdn.net/zwb19940216/article/details/81023191
