微信小程序访问云服务器接口的详细操作(三步实现)
如下三步骤:
一:云服务空间的配置
1,HBuilder项目上创建unicloud阿里云服务开发环境 2.在unicloud上右击关联“云服务空间或项目”,如果你有创建则选择,如果没有创建空间项目,那么就“打开unicloud控制台”,创建一个新的服务空间;
如果有:
如果没有服务空间: 3.此时看一看自己的栏目,新建云函数,如:我新建了“testOym” 4.再在这个云函数上创建个js的文件,编写入口方式
这里就以一个登录接口和注册接口为例,如下:
use strict; /** * @author ArdWang * @date 2020 08/27 13:34 * 用户登录接口 */ exports.main = async (event, context) => { // POST请求 const params = event["body"] //参数类型接收 const args = event[queryStringParameters][args] const name = event[queryStringParameters][username] const pwd = event[queryStringParameters][password] const iphone = event[queryStringParameters][userphone] const email = event[queryStringParameters][useremail] const usersex = event[queryStringParameters][usersex] //返回此登录接口的所有需要的参数数据 var res if(args === "LoginUser"){ res = await uniCloud.httpclient.request(http://你的云服务器公网ip(先确认能8080外网访问到tomcat):8080/RishengOym/RishengMain?action=+args+&username=+name+&password=+pwd+, { method: "POST", dataType: json, data: null, headers: { "Content-Type": "application/json;charset=UTF-8" } }) }else if(args === "registerUser"){ res = await uniCloud.httpclient.request(http://你的云服务器公网ip(先确认能8080外网访问到tomcat):8080/RishengOym/RishengMain?action=+args+&username=+name+&password=+pwd+&usersex=+usersex+&userphone=+iphone+&useremail=+email+,{ method: "POST", dataType: json, data: null, headers: { "Content-Type": "application/json;charset=UTF-8" } }) } console.log("res:"+res) if (res === undefined || res === null) { return { "code":1002, "message":"服务器开了点小差,请稍等一下!", "data":null } }else{ //返回数据给客户端 return { "code":res.data[code], "message":res.data[msg], "data":res.data[items] } } };
5.编写好js的返回数据后,就右击进行上传到服务空间列表 6.云服务空间此列表云函数的详细信息,下面那个uir就是给予前端请求的路径。 二:uniapp小程序请求的方法
两个动态参数:
-
this.userName账号 this.passWord密码
async onLogin() { uni.showLoading({ title: "登录中..." }) let result = await uni.request({ url: https://云服务空间的路径.bspapp.com/testOym?args=LoginUser&username= + this.userName + &password= + this.passWord + , }); let [err, res] = result; if (res.data.code == 200) { uni.setStorageSync(SUCCESSLOGIN, "1") uni.switchTab({ url: ../index/index, }); console.log("11==", res.data.code) uni.hideLoading() } else { this.$refs.popupMessage.open() console.log("22==", res.data.code) uni.hideLoading() } }