这片博客将手把手教你如何在本地调试成功后上传代码到云服务器,实现数据交互。
1.上传后端代码
这里我用的是新浪云,新浪云的域名是不用等待备案时间的,申请就可以直接用。https://www.sinacloud.com
新浪云链接: https://www.sinacloud.com.
进去注册登录完以后,点击实名认证,毕竟要防止违法行为。如果你是学生可以点击学生认证,有相应的优惠。
等实名认证(3个工作日之内)通过以后,点击控制台-云应用SAE-创建应用
根据需求选择配置
可以看到二级域名也在此设置
这是我的配置
我们可以在应用设置-应用信息查看我们的域名
在运行环境管理-代码管理中上传后端代码,以压缩包的形式上传。think PHP框架不用修改,所有后端代码无需修改(前提是本地调试成功)。
然后我们进入数据库与缓存-Memcached 中打开服务开关(若不开启,就404了)
然后只需要把localhost改为当前我们的域名就可以访问了。
假如我的域名:http://cs.applinzi.com/
例如我们本地访问的网址为 http://localhost/Sina_1/index.php/Home/index/insert_1
要访问我们的服务器,只需修改localhost变成我们的域名http://cs.applinzi.com/Sina_1/index.php/Home/index/insert_1
2.在云服务器建立数据库
点击数据库与缓存-共享型Mysql
进去以后它有个一个库,直接在这个库里建立数据表就行。表名需要和你后端代码里的表名一致。字段的名称也需与后端代码设置的一致。
3. wx.request连接云服务器
wx.request({
//url: 填写你这个功能的地址,与本地调试一样,只需修改localhost,例如 http://cs.applinzi.com/Sina_1/index.php/Home/index/insert_1
url: getApp().globalData.server + '/Sina_1/index.php/Home/index/insert_1',
// 方法必须是POST
method: "POST",
// data 是你要传递给数据库的数据
data: {
name: that.data.name
, Snum: that.data.Snum
, roomNum: that.data.roomNum
, classNum: that.data.classNum
, callNum: that.data.callNum
, temperature: that.data.temperature
},
// 要改 json 为 x-www-form-urlencoded
header: {
'content-type': 'application/x-www-form-urlencoded'
},
// 剩下的大家都会吧
success(res) {
console.log(res.data)
if(res.data.msg == '插入成功') {
// console.log('ok')
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000
})
wx.navigateTo({
url:'../finish/finish'
})
}
},
fail() {
wx.showModal({
title: '提示',
content: '出错了呢!',
})
}
})