使用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文件 點擊左面就會出現藍色的標記，當咱們運行的時候會在咱們打的斷點處停下來 方便咱們查看究竟是哪一步出現了問題，問題具體是什麼。初步的界面以下：

看見這篇博客的小夥伴歡迎向我提問 咱們一塊兒解決問題。