uni-app接口

本文介绍了如何在uni-app中导入并使用配置文件调用登录接口。通过引用静态js文件common.js,获取host,结合uni-app的app全局对象,实现接口的调用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

import config from ‘…/…/static/js/common.js’//调用登录接口
const host = config.host
const app = getApp()
export default {

	data() {
		return {
			add: [],
			datas: [],
			recommend: [],
			cuss:[],
		 }
		
		},

	methods: {
	
		group(gid) { //传参

			uni.navigateTo({
				url: './group/group?gid=' + gid
			})
		},
		oneself(self) {
			uni.navigateTo({
				url: './oneself/oneself?self' + self
			})
		},
		
		info(inf) {
			uni.navigateTo({
				url: 'info/info?inf' + inf
			})
		},
		onLoad(e){
			var _t = this //this统一用_t
			// let add = option.id;
			// _t.add = add
			console.log("ull", _t.add)
			_t.ull()
			_t.mess()
			_t.discuss()
		},

		// 消息
		ull(e) {
			var _t = this //this统一用_t
			var pid = 0
			if (e != undefined && e.pid != undefined) {
				pid = e.pid
			}
			var p1 = config.getToken(pid)
			p1.then(function(token) {

				uni.request({
					url: host + '/wxapp/msg/...', //接口地址。
					data: {
						// token: token
						token: 'f7f7987f39b017695753cda71858',
					},

					method: 'GET', //请求方式
					success: (res) => {
						if (res.data.code == -1) {
							config.doLogin()
							return false
						}
						let datas = res.data.data
						for (var x in datas) {
							if (datas[x].type == 1) {
								datas[x].sms = JSON.parse(datas[x].sms).data.text
							} //JSON.parse将字符串转换成json对象
							datas[x].fatime = datas[x].fatime.slice(11, 16) //截取第11个开头,16结尾的time 
							datas[x].headimg = datas[x].headimg.split(',')[0] //用逗号隔开
						}
						_t.datas = datas
						console.log(_t.datas)


					}
				});

			})


		},

		// 群聊
		mess(e) {
			var _t = this //this统一用_t
			var pid = 0
			if (e != undefined && e.pid != undefined) {
				pid = e.pid
			}
			var p1 = config.getToken(pid)
			p1.then(function(token) {

				uni.request({
					url: host + '/wxapp/msg/...i', //接口地址。
					data: {
						token: token
						
					},

					method: 'GET', //请求方式
					success: (res) => {
						if (res.data.code == -1) {
							config.doLogin()
							return false
						}
						let recommend = res.data
						
						_t.recommend = recommend
						console.log('qunTui', _t.recommend)
					}
				});
			})
		},
		// 加入的群
		discuss(e) {
			var _t = this //this统一用_t
			var pid = 0
			if (e != undefined && e.pid != undefined) {
				pid = e.pid
			}
			var p1 = config.getToken(pid)
			p1.then(function(token) {

					uni.request({
							url: host + '/wxapp/msg/...', //接口地址。
							data: {
								token: token
							
							},

							method: 'GET', //请求方式
							success: (res) => {
								if (res.data.code == -1) {
									config.doLogin()
									return false
								}
								let cuss = res.data
								// for (var i in cuss) {
								// 	if (cuss[i]) {
								// 		cuss[i].sms = JSON.parse(cuss[i].sms).data.text
								// 	} //JSON.parse将字符串转换成json对象
								// 	cuss[i].fatime = cuss[i].fatime.slice(11, 16) //截取第11个开头,16结尾的time 
								// 	cuss[i].headimg = cuss[i].headimg.split(',')[0] //用逗号隔开
								// }
								_t.cuss = cuss
								console.log("getQun",_t.cuss)


							}
						
					});
			})
	},
  },
}
不理解的可以提问
Uni-app 是一款跨平台的开发框架,它支持多种前端框架,并且可以在多个平台上运行,包括微信小程序、H5、iOS、Android 等。在使用 Uni-app 进行开发时,我们可以封装接口来简化代码和提高开发效率。 下面是 Uni-app 接口封装的步骤: 1. 定义接口函数:定义一个函数用来发送请求并返回数据。 2. 定义参数格式:定义请求参数的格式和数据类型。 3. 定义返回值格式:定义接口返回数据的格式和数据类型。 4. 发送请求:在接口函数中使用 uni.request 函数发送请求。 5. 处理返回值:在接口函数中处理请求返回的数据,并按照事先定义的格式进行返回。 6. 调用接口:在需要使用接口的地方调用接口函数即可。 举个例子,假设我们要封装一个获取用户信息的接口: ``` function getUserInfo(userId) { const apiUrl = 'https://api.example.com/getUserInfo'; const data = { userId: userId }; const header = { 'Content-Type': 'application/json' }; return uni.request({ url: apiUrl, method: 'POST', data: data, header: header }).then(res => { const {data} = res; if (data && data.code === 0) { return data.data; } else { return null; } }).catch(() => { return null; }); } ``` 在这个例子中,我们定义了一个函数 getUserInfo,它接受一个 userId 参数,并返回一个 Promise。在函数中,我们使用 uni.request 函数发送请求,并在 then 函数中处理返回的数据。如果返回的数据符合我们的格式要求,则返回数据,否则返回 null。最后,我们将这个函数导出,供其他地方使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值