微信小程序初見+nodejs服務端 （一個簡單的博客）

推薦網址：

騰訊雲快速開發（nodejs前后端）：https://developers.weixin.qq.com/miniprogram/dev/qcloud/qcloud.html#%E5%AF%BC%E5%85%A5-nodejs-demo-%E5%92%8C%E9%85%8D%E7%BD%AE

參考項目地址（nodejs前后端）：https://github.com/CavinCao/ghost-wechat-blog

SQL Query Builder for JS：https://knexjs.org/#Builder-increment

偶項目地址：https://github.com/zhaofangmei/mini-WX-blog

1、整體頁面框架搭建：首頁、發表、我的

 

2、授權登錄

　　https://developers.weixin.qq.com/miniprogram/dev/api/open.html

　　this.setData：內置函數，可以設置data數據，可通過邏輯層改變數據

　　wx.redirectTo：關閉當前頁面，調到應用內的頁面

　　wx.switchTab：跳轉tabBar頁面，關閉其他非tabBar頁面

 

3、post建表

 

（1）登錄騰訊雲，進入騰訊雲開發環境管理頁面，進入數據庫

（2）進入數據庫建表

 

 4、博客發表功能開發

wx.request(OBJECT)：發起網絡請求

Wafer 服務端 SDK - Node.js： wafer-node-sdk

nodejs開發環境本地調試：

（1）先將server代碼上傳

（2）“啟動單步調試”，設置斷點，即可本地調試nodejs服務端 （騰訊雲的“啟動單步調試”選項存在安全問題已經下線了 10.11）

 

 

 

5、首頁博客展示

微信小程序分頁效果實現：

https://blog.csdn.net/yuyuking/article/details/78796406

https://www.cnblogs.com/xuzhengzong/p/6943627.html

 

 

6、博客詳情查看、編輯、刪除功能

（1）

modal：類似於javascript中的confirm彈框 ：https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowmodalobject

首頁進入詳情頁，鑒權操作；鑒權要是在home的判斷會出現兩次跳轉進入詳情頁，鑒權操作應該在詳情頁的onload事件判斷

 

 （2）openid

7、博客評論功能

（1）用戶評論成功，重新加載頁面　　

　　//判斷是否有打開過頁面

　　if (getCurrentPages().length != 0) {

　　　　//刷新當前頁面的數據

　　　　getCurrentPages()[getCurrentPages().length - 1].onLoad()

　　}

（2）蓋樓式評論---數據庫設計

　　這個真的是難倒我這個不精水的前端了，之前沒接觸過。感謝萬能的網友，網上有好多意見

　　　　1、拆分兩個表：評論表和回復表（ https://blog.csdn.net/ztchun/article/details/71106117）；

　　　　2、單個評論表加上評論id：parentid作為標識。（ https://blog.csdn.net/u014702653/article/details/54709553）

　　其實最好的做法是分表分庫，可以節省重復查詢，提高效率。

　　個人采用了單表設計，加了parentid作為標識。一次性查出該博客的所有評論，再對數據進行篩選（遞歸）

　　針對頁面樹形圖展示，使用自定義組件，可以參考

　　　　 https://www.jianshu.com/p/dabca0161993?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

　　　　 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/component.html

　　　　　

· （3）回復應該有一個評論/回復的消息推送（后續吧）

推薦網址： 

https://blog.csdn.net/zxg_1991/article/details/79918100

https://blog.csdn.net/yemuxia_sinian/article/details/83349758

https://developers.weixin.qq.com/miniprogram/dev/api/getAccessToken.html

https://developers.weixin.qq.com/miniprogram/dev/api/sendTemplateMessage.html

8、博客轉載（分享事件）

 

9、我的頁面功能完善

 我的博客+功能反饋+關於作者

問題記錄：

（1）2018-08-23  ： emoji錯誤：ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: '\xF0\x9F\x98\x8B\xF0\x9F...' for column 'post' at row 1

　　解決辦法： 在phpMyAdmin中，對應的字段的屬性排序規則，也設置為相應的utf8mb4相關的值。　　 https://developers.weixin.qq.com/community/develop/doc/000c4444fb43a0e683e621c445b000?highLine=Incorrect%2520string%2520value

（2）2018-10-24：Maximum call stack size exceeded（棧溢出，使用遞歸，無限循環下去了）　　 https://blog.csdn.net/u014291497/article/details/52124410

（3）2018-11-14：wafer2-client-sdk login 報錯{"code":-1,"error":"ERR_REQUEST_PARAM"} 　　https://github.com/tencentyun/wafer2-quickstart/issues/13