使用vue+koa实现一个简单的图书小程序（1）

这个系列的博客用来记录我开发时候遇到的问题以及学习到的知识

边做边学：

前后端分离，高内聚低耦合
小程序端使用了mpvue 内部使用了vuejs的语法 来做整个小程序的渲染层 后端使用的是koa2
搭建一个本地的开发环境（node.js方案）：

官方文档：https://cloud.tencent.com/document/product/619/12794
配置到我们的server文件夹下的config.js中
里面需要填写的信息寻找的地址：https://console.cloud.tencent.com/cam/capi
https://console.cloud.tencent.com/developer对应的填写上
之后
1.我们去启动我们的 MySQL服务，win下的命令是：mysql -hlocalhost -uroot -p (-p后面是你的数据库密码 -u是你的数据库用户名 ）
2.我们去创建一个名字叫做cAuth的数据库->create database cAuth;

之后来到我们的后台：

->cd server 
->npm install
如果怕下载速度慢可以先->nrm use taobao
然后->sudo npm install -g nodemon
就OK了。
我们登录的时候用到了腾讯云的 wafer2-client-sdk提供的登录接口:https://www.jianshu.com/p/072ff89e723c：
把它放在我们的APP.vue中：

qcloud.setLoginUrl(config.loginUrl)

qcloud.requestLogin({

loginParams,

success () {

qcloud.request({

url: config.userUrl,

login: true,

success (userRes) {

showSuccess('登录成功')

wx.setStorageSync('userinfo', userRes.data.data)

self.userinfo = userRes.data.data

}

})

},

fail (error) {

showModal('登录失败', error)

}

})

},

fail: function (loginError) {

showModal('登录失败', loginError)

}

接下来我们去src下的config文件夹下面去配置一下：

我们就可以看见控制台上输出：

当然其中也遇到了很多的bug ：
告诉我说无法将信息插入到数据库，我的解决办法是重置了数据库密码：

进入腾讯云控制台->查找微信小程序->点击上方的重置密码 最好修改成和我们的数据库密码一样的方便记忆和操作  点击PHPmyadmin去确认一下我们重置的数据库密码是不是能连接上我们的数据库 可以即可 我们之后要把我们这些的修改更改到我们server的config文件中 修改成一致的数据库密码，之后去点击上传 把我们的修改要提交上去 虽然已经设置了本地的开发环境 但是这个操作需要我们再一次去保存，就不会有错误了。
在这里我还学会了如何去设置断点查找bug 比如我们的登录操作出错了 控制台给出的出错信息模糊不清 这个时候就要求我们学会去打断点：

看下我们的93行，是点击了我们的source看到的界面 里面是我们写好的.vue文件 点击左面就会出现蓝色的标记，当我们运行的时候会在我们打的断点处停下来 方便我们查看到底是哪一步出现了问题，问题具体是什么。初步的界面如下：

看见这篇博客的小伙伴欢迎向我提问 我们一起解决问题。

 

转载于:https://www.cnblogs.com/zhangxin123/p/9353933.html