下面主要介绍如何用Go语言的Gin框架把信息通过接口传到小程序前端
1.准备
(1)注册一个微信小程序
(2)下载微信开发者工具
(3)下载Go语言编辑器,配置Go语言环境
2.新建一个小程序项目
在微信开发者工具中新建一个项目,选择不使用云服务开发
进入项目,在详情中勾选这个选项
3.编写程序
(1)小程序端(在微信开发者工具中编辑)
找到index文件夹
在index.js写入:
//index.js
//获取应用实例
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
list: '',
word: '',
message:''
},
getMessage: function () {
var that = this;
wx.request({
url: 'http://localhost:1234/getUser',
method: 'GET',
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log(res.data)//打印到控制台
that.setData({
list: res.data,
//res代表success函数的事件对,data是收到的数据
})
}
})
}
})
在index.wxss写入:
<!--index.wxml-->
<button bindtap='getMessage'>获取信息</button>
<view wx:for="{{list}}">
{{item}}
</view>
(2)后端(在Go语言编辑器中编辑)
本项目使用gin框架开发,确保安装了gin:
go get -u github.com/gin-gonic/gin
新建一个项目,在main.go写入:
package main
import (
"net/http"
"github.com/gin-gonic/gin"
)
func main() {
// 创建一个默认的路由引擎
r := gin.Default()
//获取信息
r.GET("/getUser", func(c *gin.Context) {
var User struct {
Name string `json:"name"`
Phone string `json:"phone"`
}
User.Name = "aaa"
User.Phone = "12345678910"
c.JSON(http.StatusOK, User)
})
//接入:1234端口
r.Run(":1234")
}
4.效果
点击获取信息,借助gin框架,信息通过接口从后端传到前端
一个简单的go语言小程序完成