微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库

这片博客将手把手教你如何在本地调试成功后上传代码到云服务器,实现数据交互。

1.上传后端代码

这里我用的是新浪云,新浪云的域名是不用等待备案时间的,申请就可以直接用。https://www.sinacloud.com

新浪云链接: https://www.sinacloud.com.

进去注册登录完以后,点击实名认证,毕竟要防止违法行为。如果你是学生可以点击学生认证,有相应的优惠。

微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第1张图片
微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第2张图片

等实名认证(3个工作日之内)通过以后,点击控制台-云应用SAE-创建应用

微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第3张图片
微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第4张图片

根据需求选择配置

可以看到二级域名也在此设置

微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第5张图片

这是我的配置

微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第6张图片

我们可以在应用设置-应用信息查看我们的域名

微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第7张图片

在运行环境管理-代码管理中上传后端代码,以压缩包的形式上传。think PHP框架不用修改,所有后端代码无需修改(前提是本地调试成功)。

微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第8张图片

然后我们进入数据库与缓存-Memcached 中打开服务开关(若不开启,就404了)

微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第9张图片

然后只需要把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

微信小程序+thinkPHP框架+phpMyAdmin管理 连接Mysql数据库_第10张图片

进去以后它有个一个库,直接在这个库里建立数据表就行。表名需要和你后端代码里的表名一致。字段的名称也需与后端代码设置的一致。

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: '出错了呢!',
          })
        }
      })

这样微信小程序就连接到了云服务器

你可能感兴趣的:(微信小程序)